*{box-sizing:border-box} :root{--bg:#090e14;--panel:#131b24;--panel2:#19232e;--line:#354455;--muted:#a5b5c7;--txt:#f2f5f9;--gold:#e0b45d;--blue:#2a9bea;--green:#21bf9d;--orange:#eea44f;--red:#f06a61;--purple:#ac7cf3;--cyan:#2bc9d5}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--txt);font:14px/1.45 Inter,system-ui,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--gold)}.hide{display:none!important}.loading-screen{min-height:100vh;display:grid;place-content:center;text-align:center;font-size:28px;font-weight:900;letter-spacing:.1em}.loading-screen span{font-size:13px;color:var(--muted);font-weight:400}.shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#0d151e;border-right:1px solid #344354;padding:18px 14px;scrollbar-width:thin}.sidebrand{padding:8px 8px 20px;font-size:21px;letter-spacing:1px;font-weight:900}.sidebrand b{color:var(--gold)}.sidebrand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.6px;margin-top:4px}.sidebar nav{display:grid;gap:5px}.navitem,.navgroup{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:#dde6ef;padding:10px 12px;border-radius:9px;font-weight:650}.navitem:hover,.navgroup:hover{background:#1d2a37}.navitem.active{background:linear-gradient(120deg,#f3d07c,#bc8c34);color:#0d141b}.navitem.active .dot{background:#0d141b!important}.navgroup{margin-top:9px;border-left:4px solid var(--group);color:var(--group);border-radius:4px;background:color-mix(in srgb,var(--group) 9%,transparent)}.navgroup .caret{margin-left:auto;font-size:12px}.subnav{padding:5px 0 3px 16px;display:grid;gap:4px}.subnav .navitem{background:#17212b;font-size:12.5px;padding:9px}.dot{width:9px;height:9px;flex:0 0 9px;border-radius:3px;background:var(--dot,var(--gold))}.footbrand{border-top:1px solid #394453;margin-top:28px;padding:15px 8px;color:#bac5d1;font-size:11px}.main{min-width:0}.mast{background:linear-gradient(115deg,#0f1720,#18232d 60%,#11171f);border-bottom:3px solid var(--gold);min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:13px 26px;gap:15px}.mast-title{font-size:24px;font-weight:900;letter-spacing:.7px}.mast-title span{color:var(--gold)}.mast-sub{font-size:12px;color:#c3d0dd}.mast-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{border:1px solid #596a76;background:#1a2834;border-radius:9px;padding:7px 10px;font-size:12px}.chip.ok{border-color:#3d986f;color:#90efb9}.chip.warn{border-color:#b98d3b;color:#ffe0a1}.signout{background:transparent;color:#e6d2a5;border:1px solid #997a42;border-radius:9px;padding:9px 12px}.mobile-menu{display:none;background:#213140;color:white;border:1px solid #526374;padding:8px 11px;border-radius:8px}.content{padding:23px 24px 50px;max-width:1620px;margin:auto}.section-title{font-size:25px;font-weight:850;letter-spacing:-.5px;margin:0}.section-intro{color:var(--muted);margin:3px 0 20px}.titleline{display:flex;align-items:center;gap:12px;margin-bottom:22px}.accent{width:5px;height:35px;background:var(--gold);border-radius:3px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:17px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{padding:17px;border-radius:13px;border:1px solid var(--c);background:linear-gradient(120deg,color-mix(in srgb,var(--c) 33%,#071119),color-mix(in srgb,var(--c) 10%,#091016));min-height:115px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--c) 40%,transparent)}.metric .label{color:#e8f1f9;font-size:12px;font-weight:750}.metric strong{display:block;font-size:34px;line-height:1.18;margin-top:8px}.metric small{font-size:11px;color:#d0deea}.hline{font-size:18px;font-weight:850;margin:16px 0;display:flex;align-items:center;gap:9px}.hline:before{content:'';width:5px;height:26px;border-radius:3px;background:var(--gold)}.quickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick{border-radius:12px;min-height:86px;color:white;padding:14px;text-align:left;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--c);background:linear-gradient(120deg,color-mix(in srgb,var(--c) 74%,#08131e),color-mix(in srgb,var(--c) 22%,#08131e));font-weight:800}.quick small{display:block;font-weight:400;color:#eef2fa;font-size:11px;margin-top:5px}.quick .arr{font-size:24px}.quick:hover{filter:brightness(1.14)}.box{background:linear-gradient(140deg,#18232c,#111820);border:1px solid #4c5e6d;border-radius:13px;padding:16px;margin-top:15px;min-width:0}.box.gold{border-color:#b88b45}.box h3{margin:0 0 13px;font-size:16px;color:#f2d18f}.box p{margin:8px 0;color:#cfdae6}.empty{color:#9cadbb;padding:20px 4px;text-align:center}.dashside .box:first-child{margin-top:0}.statusrow{padding:7px 0;font-size:12px;display:flex;gap:9px;align-items:start}.statusrow b{color:#81e8b7}.searchbar{background:#17222d;border:1px solid #62717f;color:white;min-width:200px;padding:11px 12px;border-radius:9px}.searchbar:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar input{flex:1;min-width:220px}.btn{border:1px solid #6d8192;color:#f3f6f9;background:#253443;padding:10px 14px;border-radius:10px;font-weight:750}.btn.gold{background:linear-gradient(120deg,#f2cf75,#bd8c35);color:#17130b;border-color:#d9b358}.btn.green{background:#167855;border-color:#36c898}.btn.red{background:#8e3735;border-color:#eb7669}.btn:hover{filter:brightness(1.13)}.tablewrap{overflow:auto}.datatable{border-collapse:collapse;width:100%;font-size:13px}.datatable th{color:#aebac9;text-transform:uppercase;font-size:11px;letter-spacing:.5px;text-align:left;background:#202b35}.datatable th,.datatable td{padding:11px 10px;border-bottom:1px solid #3b4955}.datatable td{word-break:break-word}.datatable tr:hover td{background:#1f2d37}.linkbtn{color:#8cc5ff;background:none;border:none;text-decoration:underline;padding:2px;cursor:pointer}.muted{color:var(--muted)}.tag{display:inline-block;border:1px solid #b99048;color:#f1ce8b;padding:3px 7px;border-radius:8px;font-size:11px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{color:#c3d2e1;font-size:12px;font-weight:700}.field input,.field select,.field textarea{min-width:0;background:#202e3b;border:1px solid #5a6b7b;color:white;padding:10px;border-radius:8px}.field textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}.modalveil{position:fixed;inset:0;z-index:50;background:#02060bdc;display:grid;place-items:center;padding:14px}.modal{width:min(710px,100%);max-height:92vh;overflow:auto;background:#13202b;border:1px solid #b99559;border-radius:15px;padding:24px;box-shadow:0 25px 80px #000b}.modal h2{margin-top:0}.formactions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.notice{border:1px solid #97753e;border-radius:10px;background:#302719;padding:12px;color:#f0d4a4;margin:13px 0}.error{border-color:#b85858;background:#371d24;color:#ffb9b9}.success{border-color:#3d9472;background:#19372c;color:#9df2c9}.authwall{min-height:100vh;background:radial-gradient(ellipse at 60% 0%,#283445,#080e14 65%);display:grid;place-items:center;padding:15px}.authpanel{width:min(450px,100%);border:1px solid #a98a56;background:#111b25;border-radius:17px;padding:28px;box-shadow:0 24px 100px #000a}.authpanel .logo{font-size:26px;font-weight:900;letter-spacing:1px}.authpanel .logo span{color:var(--gold)}.authpanel h2{font-size:20px;margin-top:25px}.authpanel .field{margin:12px 0}.authpanel button{width:100%;margin:10px 0}.authpanel img{background:white;padding:8px;width:170px;height:170px;object-fit:contain;display:block;margin:12px auto}.authpanel p{color:#c5d1de}.kbd{border:1px solid #667887;border-radius:5px;padding:1px 5px;font-size:11px}.bottom{border-top:2px solid #ac8343;margin-top:35px;padding:15px 25px;color:#b7c2cd;font-size:11px}.pallet-preview{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.pallet{background:#29323c;color:#d3dfeb;border:1px solid #596b7c;border-radius:6px;text-align:center;padding:9px 2px;font-size:11px}.pending{display:grid;place-items:center;min-height:200px;gap:10px;text-align:center}.pending strong{font-size:19px}.pending p{max-width:610px}.data-status{font-size:12px;color:#bbcbd9}#toast{position:fixed;bottom:24px;right:24px;z-index:90;padding:14px;border:1px solid #be9b60;background:#1b2b33;color:#fff;border-radius:12px;max-width:min(460px,94vw);box-shadow:0 12px 50px #000a}#mobileShade{display:none}@media(max-width:1280px){.dashboard-grid{grid-template-columns:1fr}.dashside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashside .box{margin-top:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:60;width:min(290px,87vw);transform:translateX(-102%);transition:transform .17s}.shell.menuopen .sidebar{transform:translateX(0)}#mobileShade{display:none;position:fixed;inset:0;background:#0009;z-index:55}.shell.menuopen #mobileShade{display:block}.mobile-menu{display:block}.mast{padding:11px 15px;min-height:80px}.mast-title{font-size:18px}.mast-sub{font-size:10px}.mast-right{gap:6px}.mast-right .chip{font-size:10px;padding:5px}.content{padding:18px 12px 30px}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pallet-preview{grid-template-columns:repeat(5,1fr)}}@media(max-width:520px){.metrics{gap:8px}.metric{min-height:98px;padding:12px}.metric strong{font-size:27px}.quickgrid{grid-template-columns:1fr}.dashside{display:block}.dashside .box{margin-top:12px}.formgrid{grid-template-columns:1fr}.mast-right .chip{display:none}.section-title{font-size:22px}}@media print{.sidebar,.mast-right,.quickgrid,.btn,#toast{display:none!important}.shell{display:block}.main{width:100%}.box{break-inside:avoid}}