:root{color-scheme:dark;--bg:#0b100f;--surface:#111815;--raised:#18211d;--border:#26322b;--text:#edf1e9;--muted:#86958c;--accent:#a1e8b0;--mint:#b8f2c4;--orange:#e4ba77;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px}input{padding:13px 14px}button{transition:background .15s,border-color .15s,transform .15s}button:hover{filter:brightness(1.12)}svg{width:32px;height:32px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.mono,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:19px;white-space:nowrap;letter-spacing:-.7px}.brand>span:last-child{margin-left:-8px;color:var(--accent)}.brand-mark{font-size:11px;border:1px solid #83b28d;background:#1a3022;color:var(--accent);height:29px;width:29px;display:grid;place-items:center;border-radius:7px;letter-spacing:0;margin-right:3px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;border-radius:7px;padding:10px 17px;font-weight:600}.primary{background:var(--accent);color:#102318;border:1px solid var(--accent)}.primary span{margin-left:auto;font-size:20px}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:7px;width:39px;height:39px;font-size:21px;flex:none}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 20% 50%,#15251b 0,transparent 55%)}.login-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:600px;border-right:1px solid var(--border);background-image:linear-gradient(#a1e8b008 1px,transparent 1px),linear-gradient(90deg,#a1e8b008 1px,transparent 1px);background-size:44px 44px}.login-art>.mono{position:absolute;bottom:40px;left:40px;color:#64776a;font-size:10px;letter-spacing:2px}.login-cube{width:190px;height:190px;display:grid;place-items:center;transform:rotate(-12deg);filter:drop-shadow(0 0 65px #a1e8b035)}.login-cube svg{width:190px;height:190px;color:var(--accent)}.orbit{position:absolute;border:1px solid #4a775145;border-radius:50%;width:400px;height:400px}.orbit-two{width:560px;height:560px;border-style:dashed}.login-box{align-self:center;justify-self:center;width:min(390px,100%);padding:36px 24px}.login-box .brand{margin-bottom:55px}.login-box h1{font-size:56px;line-height:1.08;letter-spacing:-2.7px;font-weight:550;margin:17px 0}.login-box p{color:var(--muted);line-height:1.7;margin-bottom:27px}.login-box label{display:block;color:#bbc8bd;font-size:12px;margin-top:18px}.login-box input{display:block;width:100%;margin-top:8px}.login-box .primary{width:100%;margin-top:16px}.login-box small{display:block;text-align:center;font-size:11px;color:#68796e;margin-top:23px}.error-text{color:#efaf9f!important;min-height:16px;font-size:12px;line-height:1.5;margin:12px 0!important}.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--border);padding:27px 18px;display:flex;flex-direction:column;background:#0e1511}.sidebar>.brand{margin-left:5px;margin-bottom:33px}.network-card{display:flex;gap:10px;align-items:center;padding:15px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:32px;background:#152019}.network-card strong{font-size:12px;font-weight:600}.network-card small,.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.network-led{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #a1e8b055}.nav-label{margin:0 11px 13px;font-size:9px}.nav-button{display:flex;align-items:center;width:100%;background:none;color:var(--muted);border:none;border-radius:6px;text-align:left;padding:12px 10px;gap:10px;margin-bottom:4px;font-size:12px}.nav-button>span{font-size:18px}.nav-button b{font-size:10px;font-weight:500;margin-left:auto;background:#26312a;padding:3px 6px;border-radius:4px}.nav-button.active{background:#203326;color:var(--mint)}.sidebar-divider{height:1px;background:var(--border);margin:23px 5px}.mod-filters{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#334437 transparent}.mod-filter{width:100%;display:flex;gap:9px;align-items:center;border:0;background:none;padding:9px 11px;text-align:left;color:var(--muted);font-size:11px;border-radius:5px}.mod-filter span{width:6px;height:6px;border:1px solid #55715d;border-radius:2px;flex:none}.mod-filter b{font-weight:400;margin-left:auto;color:#607267;font-family:monospace;font-size:10px}.mod-filter.active{background:#1b2820;color:var(--text)}.mod-filter.active span{background:var(--accent);border-color:var(--accent)}.sidebar-bottom{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding:20px 4px 0;margin-top:20px}.avatar{width:29px;height:29px;border-radius:50%;background:#284333;color:var(--mint);display:grid;place-items:center;font-size:12px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom .icon-button{border:0;margin-left:auto;width:28px;height:30px;background:none;font-size:18px}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:16px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb>span{margin:0 12px;color:#425548}.breadcrumb strong{font-weight:500;color:#d5ded4}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--accent)}.connection::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.connection.offline{color:var(--orange)}.main-content{padding:34px 35px 0;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h1{font-weight:500;letter-spacing:-1.5px;font-size:36px;line-height:1.2;margin:13px 0 10px}.page-heading h1 span{color:var(--accent)}.page-heading p{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.page-heading .secondary{font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats article{padding:20px 19px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.stats article>span{display:block;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:1px;line-height:1.5}.stats strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1.2px;margin:12px 0 8px;font-variant-numeric:tabular-nums}.stats small{font-size:10px;color:#708478}.sync-stat strong{font-size:22px}.stale-banner{border:1px solid #715b35;background:#3a2e192e;padding:13px 16px;color:#dbbd88;border-radius:7px;font-size:12px;margin-bottom:23px;line-height:1.6}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px}.tabs{display:flex;gap:22px}.tab{color:var(--muted);border:0;background:none;padding:0 0 15px;font-size:12px;position:relative;white-space:nowrap}.tab.active{color:var(--text)}.tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tab span{margin-left:5px;font-size:9px;color:var(--accent);background:#20372a;padding:2px 5px;border-radius:4px}#result-count{font-size:10px;color:var(--muted)}.search-row{display:flex;gap:10px;margin:20px 0}.search-wrap{flex:1;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:0 13px;min-width:0}.search-wrap>span{font-size:24px;color:var(--muted)}.search-wrap input{border:0;background:none;width:100%;font-size:12px;padding:12px}.search-wrap kbd{color:#607466;border:1px solid var(--border);border-radius:3px;padding:2px 5px;font-size:10px}.search-row select{padding:9px 12px;font-size:11px;max-width:160px}.catalogue-heading{display:flex;justify-content:space-between;gap:15px;margin:23px 0 16px;font-size:11px}.catalogue-heading>span{font-weight:600}.catalogue-heading small{font-size:10px;color:#6d8274}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px}.resource-card{position:relative;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;text-align:left;padding:18px 15px 15px;min-height:167px;overflow:hidden}.resource-card:hover{border-color:#64856c;background:#19251d;transform:translateY(-2px)}.resource-card.selected{border-color:var(--accent);background:#192b20}.item-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:14px;background:#223028;border-radius:8px;color:var(--accent)}.item-icon svg{width:30px;height:30px}.item-icon.gold{color:#e3bf78;background:#2d291e}.item-icon.purple{color:#b8a1dd;background:#282333}.item-icon.blue{color:#8fc4df;background:#1f2b32}.item-icon.red{color:#db9e88;background:#30251e}.resource-card h3{font-size:12px;line-height:1.4;font-weight:500;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card .card-mod{font-size:9px;color:#6f8478;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:5px}.card-bottom strong{font-family:monospace;font-size:16px;font-weight:500;letter-spacing:-.7px}.craft-badge{font-size:8px;color:var(--accent);background:#203428;padding:4px 6px;border-radius:3px;letter-spacing:.1px}.craft-badge.unavailable{color:#708074;background:#1e2821}.resource-grid.list-mode{display:flex;flex-direction:column;gap:5px}.list-mode .resource-card{display:grid;grid-template-columns:45px 1fr 140px;min-height:64px;padding:10px 15px;gap:15px;align-items:center}.list-mode .item-icon{width:38px;height:38px;margin:0}.list-mode .card-bottom{margin:0}.empty-state{text-align:center;padding:75px 20px;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.empty-state svg{color:#52755b;width:40px;height:40px}.empty-state h2{font-size:17px;font-weight:500;color:var(--text)}.empty-state p{font-size:12px}.show-more{margin:25px auto}.orders-heading h2{font-size:19px;font-weight:500}.orders-heading p{font-size:12px;color:var(--muted)}.order-row{display:grid;grid-template-columns:40px minmax(0,1fr) 110px 130px;align-items:center;gap:16px;border:1px solid var(--border);background:var(--surface);border-radius:7px;margin:10px 0;padding:15px}.order-row .item-icon{width:38px;height:38px;margin:0}.order-row strong{display:block;font-size:12px;font-weight:500}.order-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.order-status{font-size:10px;color:var(--accent);text-align:right}.order-status.failed,.order-status.unknown{color:var(--orange)}.order-detail{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}footer{display:flex;justify-content:space-between;gap:20px;color:#506357;border-top:1px solid var(--border);padding:22px 0;margin-top:40px;font-size:9px}footer>span:first-child{letter-spacing:1.4px;display:flex;gap:7px;align-items:center}footer i{height:4px;width:4px;background:#6d9875;border-radius:50%}.craft-panel{position:fixed;right:0;top:0;width:338px;height:100dvh;overflow:auto;border-left:1px solid #3d5544;background:#131d17;padding:24px;box-shadow:-25px 0 70px #0008;z-index:5}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .icon-button{background:none;border:0}.selected-icon{display:grid;place-items:center;background:#1c2e22;width:98px;height:98px;border-radius:16px;margin:30px 0 22px}.selected-icon svg{width:57px;height:57px;color:var(--accent)}.mod-label{font-size:10px;color:var(--accent)}.craft-panel h2{font-size:25px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin:12px 0}.item-id{font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.stock-row{padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;margin:24px 0;font-size:12px;color:var(--muted)}.stock-row strong{font-size:20px;font-weight:500;color:var(--text)}.craft-panel label{font-size:12px;display:block;color:#bdcebf}.quantity-control{display:flex;margin-top:12px;border:1px solid #3e5445;border-radius:8px;overflow:hidden}.quantity-control input{width:100%;min-width:0;border:0;border-radius:0;background:var(--bg);text-align:center;font-family:monospace;font-size:23px;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.quantity-control button{border:0;background:#203327;width:45px;flex:none;font-size:20px;color:var(--accent)}.quantity-presets{display:flex;gap:7px;margin:12px 0}.quantity-presets button{flex:1;border:1px solid var(--border);background:none;color:var(--muted);border-radius:5px;padding:7px;font-size:11px}.craft-help{font-size:11px;color:var(--muted);line-height:1.7;margin:24px 0}.craft-panel .primary{width:100%}.variant-note{font-size:11px;line-height:1.6;padding:10px;border:1px solid var(--border);color:var(--muted);margin-bottom:20px}.panel-note{margin-top:30px;border-top:1px solid var(--border);padding-top:18px;display:flex;gap:12px;color:#718a79}.panel-note>span{font-size:21px}.panel-note p{font-size:10px;line-height:1.8;margin:0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--mint);color:#173321;border-radius:8px;padding:14px 20px;box-shadow:0 10px 50px #0008;z-index:10;font-size:12px;max-width:90vw}.toast.error{background:#efd1ae;color:#442d19}.app.panel-open{padding-right:338px}body:has(.app.panel-open) .stats{grid-template-columns:repeat(2,1fr)}@media(min-width:1700px){.main-content{padding-left:45px;padding-right:45px}}@media(max-width:1150px){.sidebar{width:200px}.app{grid-template-columns:200px minmax(0,1fr)}.main-content{padding:26px 24px 0}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.app.panel-open{padding-right:0}.craft-panel{width:320px}}@media(max-width:720px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-box h1{font-size:48px}.app{display:block}.sidebar{height:auto;width:100%;position:relative;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px;border-right:0;border-bottom:1px solid var(--border)}.sidebar>.brand{margin:0}.network-card,.nav-label,.sidebar-divider,.mod-filters{display:none}.nav-button{grid-row:2;width:auto;margin:0;padding:9px 10px}.nav-button[data-view=orders]{grid-column:2}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;padding:0;border:0}.sidebar-bottom small,.sidebar-bottom strong{display:none}.topbar{height:55px;padding:0 18px}.breadcrumb{font-size:9px}.breadcrumb>span{margin:0 7px}.connection{font-size:9px}.main-content{padding:24px 18px 0}.page-heading h1{font-size:30px}.page-heading p{max-width:270px;font-size:11px}.page-heading .secondary{width:36px;padding:6px;font-size:18px;min-height:36px}.page-heading .secondary span{display:none}.stats{gap:8px;margin:23px 0}.stats article{padding:15px 12px}.stats article>span{font-size:8px;letter-spacing:.6px}.stats strong{font-size:25px}.stats small{font-size:9px}.tabs{gap:15px}.tab{font-size:10px}#result-count{display:none}.search-row{gap:7px}.search-row select{width:105px;font-size:10px;padding:9px 4px}.search-wrap{padding:0 8px}.search-wrap input{font-size:10px;padding:12px 7px}.search-wrap kbd{display:none}.catalogue-heading small{display:none}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-card{padding:13px 12px;min-height:158px}.resource-card h3{font-size:11px}.card-bottom strong{font-size:15px}.craft-badge{font-size:7px;padding:4px}.order-row{grid-template-columns:35px 1fr 80px;gap:10px;padding:12px}.order-row>div:nth-child(3){display:none}.craft-panel{width:min(338px,100vw)}footer{font-size:8px}.list-mode .resource-card{grid-template-columns:35px 1fr 100px;gap:10px}.list-mode .card-bottom{flex-direction:column;align-items:flex-end}.list-mode .item-icon{width:32px;height:32px}}