/* Browser motif: Uiverse.io / arthur_6104.
   Tree motif: Uiverse.io / ashif_6672.
   Login form motif: Uiverse.io / Rohankumar620. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#272b2b;background:#f6f7f6;font-synthesis:none;font-size:14px;--ink:#272b2b;--muted:#7b8181;--line:#e5e8e6;--accent:#536c5e;--accent-soft:#edf2ee;--sidebar:280px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #809d8c;outline-offset:3px}button{touch-action:manipulation}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:14px;height:14px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;flex:none;color:#77807b;transition:background .15s,color .15s}.icon-button:hover{background:#e9eeea;color:#2a342e}.boot-screen{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #d4d9d5;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:36px 20px;background:linear-gradient(145deg,#080909 0%,#202222 55%,#343737 100%);position:relative;isolation:isolate;overflow:hidden}.login-screen::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:repeating-linear-gradient(125deg,transparent 0,transparent 2px,#fff 2.2px,transparent 3px);pointer-events:none}.login-ambient{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,#777f73 0,transparent 65%);opacity:.09;top:0;left:50%;transform:translate(-50%,-45%);z-index:-1}.login-card{width:100%;max-width:414px;padding:42px 39px 30px;border:1px solid #353838;border-radius:18px;background:linear-gradient(145deg,#252828,#202222);box-shadow:inset 2px 2px 9px #080909,inset -1px -1px 5px #72777650,20px 30px 65px #0004;color:#eee}.login-lock{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;margin:0 auto 23px;background:#282b2b;color:#c3cac6;box-shadow:5px 5px 12px #080909,-2px -2px 8px #4a4e4e88}.login-lock .icon{width:21px;height:21px}.login-card h1{text-align:center;font-size:27px;letter-spacing:-.7px;font-weight:600}.login-caption{text-align:center;color:#8f9894;margin:9px 0 31px;font-size:13px}.login-card label{display:block;font-size:12px;color:#b7bebb;margin:20px 0 10px}.login-card input{width:100%;height:47px;background:#212424;border:1px solid #282c2b;border-radius:7px;color:#f5f6f5;padding:0 13px;outline:none;box-shadow:5px 5px 10px #090a0a,-1px -1px 6px #737d7860;transition:box-shadow .2s,border-color .2s}.login-card input:focus{border-color:#778b7e;box-shadow:inset 2px 2px 8px #090a0a,-1px -1px 5px #737d7840}.login-card input::placeholder{color:#727a76}.password-field{position:relative}.password-field input{padding-right:45px}.password-toggle{position:absolute;right:5px;top:6px;width:35px;height:35px;display:grid;place-items:center;background:none;border:0;color:#89948e;border-radius:4px}.password-toggle:hover{color:#e3e9e5;background:#fff05}.login-submit{width:100%;height:46px;margin-top:30px;background:#303732;color:#e7ede8;border:1px solid #464e47;border-radius:7px;box-shadow:5px 5px 10px #090a0a,-1px -1px 6px #737d7845;display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.login-submit:hover{background:#3d4740;box-shadow:3px 3px 7px #090a0a,-1px -1px 5px #737d7845}.login-submit .icon{width:15px;height:15px}.login-footnote{text-align:center;font-size:11px;color:#6f7973;margin-top:28px}.form-error{color:#a63e38;background:#fcf1ef;border:1px solid #f4d7d2;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.5;margin-top:16px}.login-error{background:#6c33252b;border-color:#764d4266;color:#efbcb0}
.app{height:100dvh;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-header{flex:none;position:relative;z-index:20}.tabs-head{height:47px;background:#292b2c;display:flex;align-items:flex-end;padding:0 17px;gap:9px}.tabs{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;align-items:flex-end;height:100%}.tabs::-webkit-scrollbar{display:none}.tab-wrap{display:flex;align-items:center;position:relative;flex:none;background:#343637;border-radius:8px 8px 0 0;height:35px;color:#a7acaa;max-width:240px;min-width:160px}.tab-wrap.active{background:#f3f5f3;color:#343c37}.tab-wrap.active::before,.tab-wrap.active::after{content:"";position:absolute;bottom:0;width:7px;height:7px;pointer-events:none}.tab-wrap.active::before{left:-7px;background:radial-gradient(circle at 0 0,transparent 7px,#f3f5f3 7px)}.tab-wrap.active::after{right:-7px;background:radial-gradient(circle at 100% 0,transparent 7px,#f3f5f3 7px)}.tab{background:none;border:0;display:flex;align-items:center;gap:9px;padding:0 15px;height:100%;color:inherit;min-width:0;flex:1;font-size:12px;text-align:left;border-radius:8px 8px 0 0}.tab .icon{width:16px;height:16px}.tab-label{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{width:23px;height:23px;margin-right:7px;color:inherit}.tab-close .icon{width:12px;height:12px}.tab-close:hover{background:#ffffff18}.active .tab-close:hover{background:#e2e7e3}.toolbar{display:flex;align-items:center;gap:11px;background:#f3f5f3;height:57px;padding:0 21px;border-bottom:1px solid #dce1dd}.menu-button[aria-expanded="true"]{background:#e4e9e5}.toolbar-divider{height:21px;width:1px;background:#dce2dd;flex:none}.breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1;white-space:nowrap}.breadcrumb{padding:7px 5px;border:0;background:none;color:#7c8580;border-radius:4px;font-size:12px;flex:none;max-width:230px;overflow:hidden;text-overflow:ellipsis}.breadcrumb:hover{background:#e4e9e5;color:#35423a}.breadcrumb.current{color:#34413a;font-weight:500}.breadcrumbs>.icon{width:12px;height:12px;color:#a7afa9}.logout-button{color:#7d8680}
.workspace{display:flex;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.explorer{display:flex;flex-direction:column;width:var(--sidebar);min-width:var(--sidebar);max-width:var(--sidebar);min-height:0;background:#fbfcfb;border-right:1px solid var(--line);z-index:15}.explorer-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 17px;font-size:12px;font-weight:600;color:#5b675f}.tree-search{margin:0 18px 19px;position:relative;flex:none}.tree-search>.icon{position:absolute;left:10px;top:10px;width:14px;height:14px;color:#9aa39d}.tree-search input{width:100%;height:34px;border:1px solid #e5e9e6;background:white;border-radius:6px;padding:0 10px 0 31px;font-size:11px;color:#47574b;outline:none}.tree-search input:focus{border-color:#9bae9e;box-shadow:0 0 0 2px #e7eee8}.tree-search input::placeholder{color:#9ca49e}.tree-scroll{flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable;padding:0 10px 18px 14px}.tree{width:max-content;min-width:100%}.tree ul{list-style:none;padding:0;margin:0}.tree li{position:relative;margin-top:3px}.tree ul ul{margin-left:16px;padding-left:14px;border-left:1px solid #e0e6e1}.tree ul ul>li::before{content:"";position:absolute;left:-14px;top:18px;width:13px;height:1px;background:#e0e6e1}.tree-row{display:flex;align-items:center;gap:2px;height:35px;border-radius:5px;width:100%;padding-right:10px}.tree-row:hover{background:#f0f3f0}.tree-row.selected{background:#e8eee8;color:#344c3b}.tree-expand{width:20px;height:25px;display:grid;place-items:center;border:0;background:none;flex:none;padding:0;color:#9aa49b;border-radius:4px}.tree-expand .icon{width:11px;height:11px;transition:transform .15s}.tree-expand[aria-expanded="true"] .icon{transform:rotate(90deg)}.tree-expand:hover{background:#dfe7df}.tree-spacer{width:20px;flex:none}.tree-link{display:flex;align-items:center;gap:8px;border:0;background:none;white-space:nowrap;text-align:left;font-size:12px;height:100%;padding:0 6px 0 2px;flex:1;color:#59655d}.tree-link .icon{width:16px;height:16px;color:#8c9b8e}.tree-row.selected .tree-link{color:#3a5341;font-weight:600}.tree-row.selected .icon{color:#69816d}.tree-empty{white-space:normal;width:220px;font-size:12px;color:#98a19a;line-height:1.7;padding:15px 10px}.main-content{flex:1;min-width:0;min-height:0;overflow:auto;padding:34px 38px 40px;outline:none;background:#f7f8f6}.content-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.content-kicker{display:flex;align-items:center;gap:7px;color:#8c978e;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:11px}.content-kicker .icon{width:13px;height:13px}.content-title{font-size:27px;font-weight:550;letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.content-description{color:#89938b;font-size:12px;line-height:1.7;margin-top:10px;max-width:590px;overflow-wrap:anywhere;white-space:pre-wrap}.button{border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;min-height:37px;padding:9px 14px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s,box-shadow .15s;flex:none}.button .icon{width:15px;height:15px}.button.primary{background:#536b5b;border-color:#536b5b;color:#fff;box-shadow:0 2px 3px #253d2810}.button.primary:hover:not(:disabled){background:#405b49;border-color:#405b49;box-shadow:0 3px 7px #253d2820}.button.secondary{background:#fff;border-color:#e1e6e1;color:#59675c}.button.secondary:hover{background:#f4f7f3}.section-label{display:flex;align-items:center;justify-content:space-between;color:#748071;font-size:11px;margin-bottom:15px}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:16px}.warehouse-card{background:white;border:1px solid #e1e7df;border-radius:10px;padding:22px 23px 17px;display:flex;flex-direction:column;gap:0;text-align:left;min-height:150px;transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}.warehouse-card:hover{border-color:#a7b7a4;box-shadow:0 5px 18px #43563a0b;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-icon{width:37px;height:37px;display:grid;place-items:center;background:#f0f3ed;color:#83917a;border-radius:8px}.card-icon .icon{width:22px;height:22px}.card-arrow{color:#b1b9ad}.card-arrow .icon{width:16px;height:16px}.card-title{font-weight:550;letter-spacing:-.2px;font-size:15px;color:#3c4837;overflow-wrap:anywhere}.card-description{font-size:11px;color:#98a08f;line-height:1.6;margin-top:6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}.empty-state{min-height:280px;border:1px dashed #dce3d8;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px;background:#fafbf8}.empty-icon{width:63px;height:63px;border-radius:16px;display:grid;place-items:center;background:#edf1e9;color:#9eac96;box-shadow:0 2px 6px #71856308;margin-bottom:20px}.empty-icon .icon{width:31px;height:31px;stroke-width:1.25}.empty-state h2{font-size:17px;font-weight:500;letter-spacing:-.3px;color:#59664f}.empty-state p{font-size:12px;color:#929c89;line-height:1.8;max-width:330px;margin:10px 0 0}.place-table{border:1px solid #e2e7df;border-radius:9px;overflow:hidden;background:#fff}.place-table-head,.place-row{display:grid;grid-template-columns:minmax(130px,1fr) 110px 22px;gap:20px;align-items:center;padding:14px 20px;min-width:0}.place-table-head{background:#f2f5ef;color:#8c9784;font-size:10px;border-bottom:1px solid #e4e9e0}.place-row{border:0;border-bottom:1px solid #eef1e9;background:white;width:100%;text-align:left;min-height:70px}.place-row:last-child{border-bottom:0}.place-row:hover{background:#fafcf7}.place-name{display:flex;align-items:center;gap:12px;min-width:0}.place-name>.icon{width:20px;height:20px;color:#91a383}.place-name-text{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c5943}.place-description{margin-top:5px;font-size:10px;font-weight:400;color:#a0a896;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-tag{justify-self:start;font-size:10px;padding:4px 7px;background:#f1f4ec;border-radius:4px;color:#8b977e}.place-row>.icon{width:14px;height:14px;color:#b3bda8}.place-context{display:flex;align-items:center;gap:7px;color:#8b967e;font-size:11px;padding:13px 15px;border-radius:7px;background:#eef2e8;border:1px solid #e1e8da;margin-bottom:24px;line-height:1.6}.place-context .icon{width:15px;height:15px;flex:none}.error-state{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;color:#7f8c73;font-size:13px}.error-state .icon{width:30px;height:30px}.loading-state{height:200px;display:flex;align-items:center;justify-content:center;gap:12px;color:#89967c;font-size:12px}
.create-dialog{border:1px solid #dfe7d9;border-radius:14px;padding:28px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:#39462e;box-shadow:0 24px 90px #16240d33;background:#fdfefa}.create-dialog::backdrop{background:#1d281b66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-icon{width:43px;height:43px;display:grid;place-items:center;background:#eef2e6;color:#8b9e77;border-radius:11px}.dialog-icon .icon{width:23px;height:23px}.dialog-header .icon-button{align-self:flex-start}.create-dialog h2{font-size:22px;letter-spacing:-.65px;font-weight:550}.dialog-description{font-size:12px;line-height:1.7;color:#8e9a7d;margin:8px 0 23px}.create-dialog label{display:block;font-size:12px;font-weight:500;margin:18px 0 8px;color:#61724d}.required{color:#92a17d}.optional{font-size:10px;color:#a1ad8f;font-weight:400;margin-left:5px}.create-dialog input,.create-dialog textarea,.create-dialog select{display:block;width:100%;border:1px solid #dce5d0;background:white;border-radius:6px;padding:10px 12px;font-size:12px;outline:none;color:#596b41;transition:border-color .15s,box-shadow .15s;max-width:100%}.create-dialog input:focus,.create-dialog textarea:focus,.create-dialog select:focus{border-color:#99b37b;box-shadow:0 0 0 3px #eef3e6}.create-dialog input::placeholder,.create-dialog textarea::placeholder{color:#a4af94}.create-dialog textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.6}.field-hint{font-size:10px;line-height:1.6;color:#9aa98a;margin-top:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e8edde;padding-top:21px;margin-top:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#34452d;color:#eef4e8;border:1px solid #5c6c50;border-radius:8px;box-shadow:0 5px 25px #1e351522;padding:12px 17px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100vw - 40px);z-index:100}.toast .icon{width:16px;height:16px;color:#bacba7}.noscript{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#f5f7f1}.explorer-toggle,.explorer-backdrop{display:none}
@media(min-width:1500px){.main-content{padding:42px 52px}.warehouse-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-top{margin-bottom:34px}}
@media(max-width:1000px){:root{--sidebar:245px}.main-content{padding:28px 25px}.content-top{gap:12px}.content-title{font-size:24px}.content-description{max-width:360px}.place-table-head,.place-row{grid-template-columns:minmax(100px,1.7fr) 90px 22px;gap:12px;padding:14px 16px}.warehouse-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}}
@media(max-width:720px){.tabs-head{padding:0 9px}.tab-wrap{min-width:135px;max-width:190px}.tab-label{max-width:112px}.toolbar{padding:0 10px;gap:5px;height:53px}.toolbar-divider{margin:0 4px}.up-button{display:none}.breadcrumbs{gap:2px}.breadcrumb{font-size:11px;max-width:125px}.explorer-toggle{display:inline-flex}.explorer{position:absolute;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s;width:280px;min-width:280px;max-width:280px;box-shadow:10px 0 30px #16230f0d}.workspace.explorer-open .explorer{transform:translateX(0)}.explorer-backdrop{display:block;position:absolute;inset:0;z-index:14;border:0;background:#24331b55}.main-content{padding:25px 20px}.content-top{align-items:flex-start;flex-wrap:wrap;gap:17px;margin-bottom:23px}.content-title{font-size:25px}.content-description{font-size:12px;max-width:100%}.content-top>.button{min-height:34px}.place-table-head,.place-row{grid-template-columns:minmax(100px,1fr) 76px 14px;gap:8px;padding:14px 13px}.place-name{gap:8px}.place-name-text{font-size:11px}.kind-tag{font-size:9px}.empty-state{padding:35px 18px;min-height:280px}.warehouse-grid{grid-template-columns:1fr}.login-card{padding:36px 28px 28px;max-width:380px}.login-caption{font-size:12px}.create-dialog{padding:24px}.toast{bottom:20px;width:max-content;max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.warehouse-card:hover{transform:none}}
/* Keep operational text readable at both desktop and mobile widths. */
:root{--muted:#68736a}
.tree-link{font-size:14px}.tree-search input{font-size:12px}.tree-search input::placeholder{color:#68736a}.tree-empty{font-size:13px;color:#68736a}
.content-description{font-size:13px}.content-kicker{font-size:11px;color:#68736a}.card-description{font-size:12px}
.place-name-text{font-size:14px}.place-description{font-size:12px}.kind-tag,.place-table-head{font-size:11px}.section-label{font-size:12px}.field-hint,.optional{font-size:11px}
.content-description,.card-description,.place-description,.section-label,.place-table-head,.kind-tag,.place-context,.empty-state p,.field-hint,.optional,.dialog-description{color:#68736a}
.create-dialog input::placeholder,.create-dialog textarea::placeholder{color:#74806c}.login-footnote{color:#9aa59f}
/* Decorative warehouse illustrations; the centre stays quiet behind the form. */
.login-scene{position:absolute;inset:-24px;z-index:-1;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse 27% 45% at 50% 50%,transparent 28%,#000 100%)}
.login-scene-layer{position:absolute;inset:0;pointer-events:none}
.login-scene .scene-icon{position:absolute;stroke-width:1.15;color:#9ca19f;opacity:.18;width:40px;height:40px}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(1){left:8%;top:10%;width:46px;height:46px;transform:rotate(-12deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(2){left:24%;top:24%;width:30px;height:30px;transform:rotate(14deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(3){left:69%;top:9%;width:48px;height:48px;transform:rotate(9deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(4){left:91%;top:33%;width:34px;height:34px;transform:rotate(-11deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(5){left:9%;top:82%;width:56px;height:56px;transform:rotate(8deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(6){left:65%;top:88%;width:46px;height:46px;transform:rotate(-15deg)}
.login-scene-layer:nth-child(1) .scene-icon:nth-child(7){left:78%;top:65%;width:38px;height:38px;transform:rotate(12deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(1){left:44%;top:16%;width:28px;height:28px;transform:rotate(12deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(2){left:12%;top:44%;width:40px;height:40px;transform:rotate(-9deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(3){left:22%;top:64%;width:56px;height:56px;transform:rotate(-16deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(4){left:88%;top:12%;width:42px;height:42px;transform:rotate(14deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(5){left:82%;top:51%;width:52px;height:52px;transform:rotate(-11deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(6){left:37%;top:87%;width:46px;height:46px;transform:rotate(10deg)}
.login-scene-layer:nth-child(2) .scene-icon:nth-child(7){left:93%;top:77%;width:34px;height:34px;transform:rotate(8deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(1){left:28%;top:6%;width:44px;height:44px;transform:rotate(-17deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(2){left:7%;top:28%;width:54px;height:54px;transform:rotate(13deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(3){left:43%;top:77%;width:28px;height:28px;transform:rotate(-10deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(4){left:68%;top:40%;width:30px;height:30px;transform:rotate(14deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(5){left:3%;top:67%;width:46px;height:46px;transform:rotate(-12deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(6){left:55%;top:8%;width:30px;height:30px;transform:rotate(18deg)}
.login-scene-layer:nth-child(3) .scene-icon:nth-child(7){left:83%;top:92%;width:54px;height:54px;transform:rotate(-13deg)}
@media(max-width:720px){.login-scene{mask-image:radial-gradient(ellipse 48% 39% at 50% 50%,transparent 40%,#000 100%)}.login-scene .scene-icon{opacity:.14}}
@media(prefers-reduced-motion:reduce){.login-scene-layer{transform:none!important}}
/* Expanding navigation buttons: adapted from Uiverse.io / Admin12121.
   Attached menu and restrained sheen: adapted from Uiverse.io / bob_3989 (printstream). */
:root{--menu-expanded-width:176px;--menu-collapsed-width:42px;--menu-motion:190ms}
.toolbar-menus{display:flex;align-items:flex-start;gap:6px;flex:none;min-width:0}
.menu-anchor{position:relative;flex:none;width:var(--menu-collapsed-width);height:42px;transition:width var(--menu-motion) ease}
.menu-anchor.is-open,.menu-anchor.is-focused{width:var(--menu-expanded-width)}
.menu-button{position:relative;display:flex;align-items:center;width:100%;height:42px;padding:0;border:1px solid #dce3dc;border-radius:9px;background:linear-gradient(145deg,#fcfdfb,#edf2ed);color:#53674f;overflow:hidden;text-align:left;white-space:nowrap;box-shadow:0 1px 2px #304b2910;transition:background var(--menu-motion),border-radius var(--menu-motion),border-color var(--menu-motion)}
.menu-button>.icon{width:18px;height:18px;margin:0 11px;flex:none;color:#6c7d66}
.menu-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;opacity:0;transform:translateX(-5px);transition:opacity 110ms ease,transform var(--menu-motion) ease}
.menu-anchor.is-open .menu-button-label,.menu-anchor.is-focused .menu-button-label{opacity:1;transform:none;transition-delay:70ms}
.menu-anchor.is-open .menu-button{border-radius:9px 9px 0 0;border-color:#d1ddcd;border-bottom-color:transparent;background:#edf3e9;box-shadow:none}
.menu-anchor.is-focused .menu-button{background:#edf3e9}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:50;width:100%;min-width:0;margin:0;padding:5px 5px 6px;border:1px solid #d1ddcd;border-top:0;border-radius:0 0 9px 9px;background:linear-gradient(#edf3e9,#f9fcf7);box-shadow:0 12px 24px #25391d18;outline:none;overflow:hidden;opacity:0;visibility:hidden}
.menu-anchor.is-open .dropdown-menu{opacity:1;visibility:visible;animation:menu-unfold 120ms ease var(--menu-motion) both}
@keyframes menu-unfold{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.dropdown-menu button{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:36px;padding:9px 8px;border:0;border-radius:5px;background:transparent;color:#51674a;text-align:left;overflow:hidden;isolation:isolate;transition:background 150ms,color 150ms}
.dropdown-menu button::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,#ffffff99 48%,transparent 80%);transform:translateX(-110%);transition:transform 350ms ease;pointer-events:none}
.dropdown-menu button:hover:not(:disabled),.dropdown-menu button:focus-visible{background:#dfe9d9;color:#354e2c}
.dropdown-menu button:hover:not(:disabled)::before,.dropdown-menu button:focus-visible::before{transform:translateX(110%)}
.dropdown-menu button:focus-visible{outline:2px solid #8ba57d;outline-offset:-2px}
.dropdown-menu button:disabled{color:#899681;opacity:.65;cursor:not-allowed}
.dropdown-menu .icon{width:15px;height:15px;flex:none;color:currentColor}
.menu-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px}
.menu-divider{height:1px;background:#dae4d4;margin:4px 8px}
.menu-anchor.is-keyboard{transition:none}
.menu-anchor.is-keyboard .dropdown-menu{animation:none}
.menu-anchor.is-keyboard .menu-button-label{transition:none}
@media(max-width:720px){.toolbar{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;column-gap:6px;row-gap:7px;height:auto;padding:8px 10px}.toolbar-menus{grid-column:1/-1;grid-row:1;justify-self:start;max-width:100%}.toolbar-divider{display:none}.explorer-toggle{grid-column:1;grid-row:2}.breadcrumbs{grid-column:2;grid-row:2}.logout-button{grid-column:3;grid-row:2;justify-self:end}.menu-button>.icon{display:block}}
@media(max-width:300px){:root{--menu-expanded-width:156px}.toolbar{padding-right:6px;padding-left:6px}}
@media(prefers-reduced-motion:reduce){.menu-anchor,.menu-button,.menu-button-label,.dropdown-menu button,.dropdown-menu button::before{transition:none}.menu-anchor.is-open .dropdown-menu{animation:none}}
