:root{--navy:#1e466b;--navy-2:#173753;--blue:#2d638e;--sky:#e8f1f8;--ink:#1b2b39;--muted:#617282;--line:#dce4ea;--paper:#f5f8fa;--white:#fff;--green:#1b7851;--green-bg:#e6f5ed;--amber:#8a5a00;--amber-bg:#fff3d7;--red:#a72c2c;--red-bg:#ffeded;--shadow:0 10px 30px rgba(28,55,79,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.muted,.small{color:var(--muted)}.small{font-size:.86rem;line-height:1.5}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#52718c;text-transform:uppercase;margin-bottom:.6rem}.eyebrow.light{color:#b7cadb;margin-bottom:.15rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 12%,#dceaf5,transparent 32%),linear-gradient(135deg,#f3f7fa,#e8f0f6)}.auth-card{width:min(100%,440px);background:white;border:1px solid #e4ebf0;border-radius:24px;box-shadow:var(--shadow);padding:34px}.logo-mark,.brand-icon{display:grid;place-items:center;color:white;font-weight:900;letter-spacing:-.08em;background:linear-gradient(145deg,#2b668f,#173c5e);box-shadow:0 8px 22px #1e466b2e}.logo-mark{width:62px;height:62px;border-radius:18px;font-size:1.45rem;margin-bottom:22px}.auth-card h1{font-size:1.9rem;line-height:1.15;margin:.3rem 0 .7rem}.auth-card>p{line-height:1.6;margin:0 0 24px}.stack-form{display:grid;gap:16px}.stack-form label,.form-grid label{display:grid;gap:7px;font-size:.9rem;font-weight:650;color:#374b5d}.stack-form input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.warehouse-chooser select{width:100%;min-width:0;border:1px solid #cdd9e2;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.stack-form input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#4c83ad;box-shadow:0 0 0 3px #2d638e20}.primary,.secondary,.ghost-light,.link-button,.icon-button{border:0;border-radius:10px;padding:11px 15px;font-weight:750;transition:transform .12s,background .12s}.primary{color:white;background:var(--navy);box-shadow:0 5px 12px #1e466b23}.primary:hover{background:var(--navy-2)}.secondary{background:#edf3f7;color:#264c68;border:1px solid #d4e0e9}.secondary:hover{background:#e1ebf2}.full{width:100%}.link-button{background:transparent;color:var(--blue);padding:7px}.config-details{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem}.config-details summary{cursor:pointer;color:#46627a;font-weight:700}.compact-form{margin-top:15px;gap:12px}.status-message{min-height:22px;margin-top:16px;font-size:.83rem;color:var(--muted);line-height:1.4}.notice{border-radius:10px;padding:11px 13px;font-size:.87rem;line-height:1.5}.notice.error{background:var(--red-bg);color:var(--red)}.notice.info-notice{margin-top:18px;background:#eaf2f8;color:#36556f}.app-shell{min-height:100vh}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 26px;color:white;background:var(--navy);box-shadow:0 4px 16px #193e6020}.brand-inline{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{width:43px;height:43px;border-radius:13px;font-size:.9rem;background:linear-gradient(145deg,#7dabc9,#315e80);box-shadow:none}.brand-inline strong{font-size:1.02rem}.topbar-right{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}.status-pill{font-size:.79rem;border-radius:99px;padding:7px 10px;color:#d3e8f9;background:#ffffff12}.status-pill.online{color:#d4f5df;background:#ffffff17}.status-pill.offline{color:#ffe7b3}.warehouse-chooser{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#dce9f3}.warehouse-chooser select{padding:7px 9px;width:auto;max-width:220px;border:1px solid #ffffff40;background:#173d5d;color:white;border-radius:8px}.warehouse-chooser option{color:var(--ink);background:white}.user-chip{font-size:.85rem;color:white;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost-light{background:#ffffff15;border:1px solid #ffffff35;color:#fff;padding:9px 13px}.ghost-light:hover{background:#ffffff25}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:24px 14px 16px}.sidebar-title{font-size:.68rem;color:#8493a0;font-weight:850;letter-spacing:.13em;padding:0 12px 14px}.nav-menu{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:10px;background:transparent;color:#4f6475;padding:12px 14px;font-size:1.03rem;font-weight:850}.nav-item span{font-size:.89rem;font-weight:700}.nav-item:hover{background:#f0f5f8}.nav-item.active{background:#e8f1f8;color:var(--navy);box-shadow:inset 3px 0 #2d638e}.sidebar-footer{margin-top:auto;display:grid;gap:5px;padding:14px 12px 0;border-top:1px solid #e8eef2;font-size:.83rem;color:#3b5b74}.sidebar-footer span,.sidebar-footer small{font-size:.75rem;color:#7a8b99;line-height:1.45}.content{min-width:0;padding:28px clamp(16px,3vw,38px) 44px}.view-panel{max-width:1480px;margin:0 auto}.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px 32px;border:1px solid #dbe5ec;border-radius:20px;background:linear-gradient(120deg,#fff,#eff5f9);box-shadow:var(--shadow)}.welcome-card h1{font-size:clamp(1.55rem,2vw,2.1rem);margin:5px 0 10px;line-height:1.2}.welcome-card p{color:var(--muted);margin:0 0 17px;line-height:1.55;max-width:690px}.welcome-monogram{flex:0 0 110px;width:110px;height:110px;display:grid;place-items:center;border-radius:30px;color:white;background:linear-gradient(145deg,#477da2,#1e466b);font-size:2rem;font-weight:900;letter-spacing:-.1em;box-shadow:0 14px 30px #1e466b25}.role-badge{display:inline-block;background:#e6f0f7;color:#315d7d;font-size:.79rem;font-weight:800;border-radius:99px;padding:6px 11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 14px #203c5510}.stat-card .label{color:#738493;font-size:.8rem;font-weight:750}.stat-card .value{font-size:1.85rem;font-weight:850;letter-spacing:-.04em;margin-top:8px;color:#1e3f5b}.stat-card .note{font-size:.78rem;color:#80909e;margin-top:5px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;margin-bottom:18px;box-shadow:0 5px 18px #1d3b5210}.section-head,.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2,.page-head h1{margin:.1rem 0;font-size:1.35rem}.section-head .eyebrow,.page-head .eyebrow{margin-bottom:4px}.page-head{align-items:flex-end;margin:5px 0 20px}.page-head h1{font-size:1.85rem}.page-head p{margin:8px 0 0;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.toolbar input{flex:1 1 270px}.toolbar select{flex:0 1 220px}.table-wrap{width:100%;overflow:auto;border:1px solid #e5ebf0;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:850px;font-size:.86rem}th{background:#f2f6f8;color:#667989;font-size:.71rem;letter-spacing:.055em;text-align:left;text-transform:uppercase;font-weight:850;white-space:nowrap}td,th{padding:12px 13px;border-bottom:1px solid #e9eef2;vertical-align:top}td{color:#304454}tbody tr:hover{background:#f9fbfc}tbody tr:last-child td{border-bottom:0}.item-name{font-weight:780;color:#233b4e}.code{font-size:.77rem;color:#4c708c;font-weight:800;white-space:nowrap}.subline{margin-top:4px;font-size:.78rem;color:#81909c}.stock-value{font-weight:850;white-space:nowrap}.status-tag{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:.73rem;font-weight:800;white-space:nowrap}.tag-ok{background:var(--green-bg);color:var(--green)}.tag-warn{background:var(--amber-bg);color:var(--amber)}.tag-danger{background:var(--red-bg);color:var(--red)}.tag-neutral{background:#edf1f4;color:#607182}.empty-cell{padding:30px;text-align:center;color:#8796a2}.table-footer{font-size:.8rem;color:#778894;margin-top:12px}.attention-list{display:grid;gap:2px}.attention-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 3px;border-bottom:1px solid #edf1f3}.attention-row:last-child{border-bottom:0}.attention-row strong{font-size:.9rem}.attention-row small{display:block;color:#7a8b99;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide-field{grid-column:1/-1}.form-grid textarea{resize:vertical}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.icon-button{padding:4px 10px;background:#edf3f7;color:#486276;font-size:1.3rem}.toast{position:fixed;bottom:22px;right:22px;z-index:20;max-width:min(420px,calc(100vw - 32px));padding:14px 17px;background:#173d5d;color:#fff;border-radius:12px;box-shadow:var(--shadow);font-size:.9rem;line-height:1.45}.toast.error{background:#8d2525}.toast.success{background:#176744}.link-button:focus-visible,button:focus-visible{outline:3px solid #83b9df;outline-offset:2px}
@media(max-width:1050px){.layout{grid-template-columns:200px minmax(0,1fr)}.topbar{padding:12px 18px}.topbar-right{gap:8px}.user-chip{max-width:160px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{padding:25px}.welcome-monogram{width:86px;height:86px;flex-basis:86px;border-radius:23px}}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar-right{justify-content:flex-start;width:100%}.layout{display:block;min-height:unset}.sidebar{padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-title,.sidebar-footer{display:none}.nav-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.nav-item{padding:10px 9px;font-size:.93rem;gap:7px}.nav-item span{font-size:.8rem}.content{padding:17px 12px 30px}.welcome-card{padding:22px 19px}.welcome-monogram{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:1.55rem}.card{padding:15px}.section-head{align-items:flex-start}.stats-grid{gap:9px}.stat-card{padding:15px}.stat-card .value{font-size:1.55rem}.form-grid{grid-template-columns:1fr}.form-grid .wide-field{grid-column:auto}.toolbar{display:grid}.toolbar input,.toolbar select{width:100%;max-width:none}.auth-card{padding:25px 21px;border-radius:18px}.warehouse-chooser{font-size:.75rem}.user-chip{max-width:unset}.table-wrap{border-radius:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}