:root{--ink:#18332f;--muted:#77847f;--green:#167a64;--line:#e3e9e5;--bg:#f4f6f3;--dark:#142c2a;--mint:#d9ece0;--orange:#c18442}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid #d6dfda;border-radius:7px;padding:10px 15px;background:white;color:var(--ink);font-weight:600;text-decoration:none;display:inline-block}button:hover{background:#edf4ef}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #dc9f4b;outline-offset:3px}input,select{border:1px solid #d6dfda;border-radius:6px;padding:10px;background:white;min-width:0;color:var(--ink)}input:focus,select:focus{outline:2px solid #82b5a3;outline-offset:1px}input[type=checkbox]{width:auto}label{display:grid;gap:6px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:10px;font-weight:650}h2{font-size:21px}h3{font-size:17px}small{font-size:11px}.muted{color:var(--muted)}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#0f6351}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin-bottom:12px}.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--dark);color:#f1f7f2;display:flex;flex-direction:column;padding:30px 18px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:27px;letter-spacing:-1px;padding:0 10px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;color:#92b2a8}.brand-mark{display:grid;place-items:center;width:36px;height:39px;background:#b9d8a4;color:#17382d;border-radius:10px 3px 10px 3px;font-weight:800;font-size:25px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#88a39b;margin:54px 12px 16px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;border:0;color:#b7cbc4;padding:14px 13px;margin:5px 0;font-size:12px;font-weight:500}.nav-item span{font-size:21px;width:24px}.nav-item.active{background:#29483f;color:#e3f1d5}.nav-item:hover{background:#25433c}.sidebar-bottom{margin-top:auto;padding:30px 12px 0;border-top:1px solid #315049}.sidebar-bottom small{display:block;color:#a0b6ae;margin-top:8px;word-break:break-all}.status-dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:#bbd797;margin-right:6px}.ghost{background:none;border:0;color:#a9beb5;font-size:11px;padding-left:0;margin-top:8px}.workspace{margin-left:230px;flex:1;min-width:0}.topbar{height:74px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.topbar strong{color:var(--ink);font-weight:500}.topbar>div{display:flex;align-items:center;gap:18px}.crumb{padding:0 12px;color:#b4bdb7}.badge{font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 9px;background:#e8f2e8;border-radius:4px;color:#3d7254}.content{padding:32px 36px 18px;max-width:1900px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.page-heading .muted{margin-bottom:0;font-size:12px}.heading-actions{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;padding:19px 21px}.metric-label{color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.metric-label span{font-size:17px;color:#7e9b86}.metric strong{font-size:29px;letter-spacing:-1px;display:block;font-weight:600;margin-top:7px}.metric small{color:#84928b;font-size:10px}.metric-track{height:4px;background:#edf1ed;border-radius:4px;margin-top:12px;overflow:hidden}.metric-track i{display:block;height:100%;background:#6c997b}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toolbar{display:flex;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.toolbar select{font-size:11px;max-width:190px}.search-label{display:flex;flex:1;align-items:center;border:1px solid #d6dfda;border-radius:6px;padding-left:12px;gap:2px}.search-label span{font-size:23px;color:var(--muted)}.search-label input{width:100%;border:0;font-weight:400;font-size:12px}.map-subbar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);gap:12px}.legend{display:flex;gap:16px;font-size:10px;color:#728179;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px;border:1px solid #ced8d0}.occupied{background:var(--mint)}.free{background:#fff}.blocked{background:#f6dfbe}.selected{background:#24876d}.zoom-tools{display:flex;align-items:center;gap:4px;white-space:nowrap}.zoom-tools button{padding:4px 9px;font-size:11px}.zoom-tools label{display:flex;align-items:center;margin-right:10px;font-size:10px}.zoom-tools select{padding:4px;font-size:10px}.map-layout{display:flex}.map-scroll{height:565px;overflow:auto;flex:1;background-color:#f7f9f5;background-image:radial-gradient(#dbe3d9 1px,transparent 1px);background-size:18px 18px;min-width:0}.map-size{position:relative}#map-canvas{position:relative;transform-origin:0 0;width:1040px;height:850px}.rack{position:absolute;background:#edf1e9;border:1px solid #dce4d6;border-radius:7px;padding:12px;box-shadow:0 3px 3px #254e3010}.rack-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:14px;font-size:12px}.rack-heading small{font-size:9px;color:#7e8d78}.rack-edit{border:0;background:transparent;font-size:15px;padding:0 3px;color:#789070}.rack-grid{display:grid;gap:5px}.location{border:1px solid #a8c5ad;border-radius:4px;width:58px;height:37px;padding:3px;font-size:9px;font-weight:650;position:relative;color:#47694b;transition:opacity .1s,box-shadow .1s}.location.occupied{background:#d8e9d9}.location.free{background:#fff;border-style:dashed;color:#9aa79a}.location.blocked{background:repeating-linear-gradient(135deg,#f5dfbf,#f5dfbf 6px,#f9e8d0 6px,#f9e8d0 12px);border-color:#d7b889;color:#9c7136}.location.is-selected{background:#217e63;color:#fff;border-color:#12573e;box-shadow:0 0 0 2px #a5c9b7}.location.dimmed{opacity:.2}.location:hover{box-shadow:0 0 0 2px #528d67}.location .cell-stock{display:block;font-size:8px;font-weight:400}.rack-axis{margin-top:6px;font-size:8px;letter-spacing:2px;color:#90a186;text-align:center}.location-detail{width:260px;flex-shrink:0;border-left:1px solid var(--line);padding:20px;overflow:auto;max-height:565px}.empty-detail{text-align:center;color:#8b998e;padding-top:104px}.empty-detail>span{font-size:39px;color:#8ba38e;display:block;margin-bottom:15px}.empty-detail h3{font-size:14px;color:#526958}.empty-detail p{font-size:12px}.detail-head small{color:var(--muted)}.detail-head h2{margin:5px 0 12px}.detail-state{font-size:10px;padding:4px 8px;display:inline-block;border-radius:4px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.detail-facts dt{font-size:10px;color:var(--muted)}.detail-facts dd{margin:3px 0 0;font-weight:600;font-size:12px}.stock-card{padding:12px 0;border-top:1px solid var(--line)}.stock-card h4{font-size:12px;margin:0 0 4px}.stock-card small{color:var(--muted);display:block;font-size:10px}.stock-card strong{display:block;margin:7px 0}.stock-actions{display:flex;gap:5px}.stock-actions button,.detail-button{font-size:10px;padding:6px 9px}.detail-button{width:100%;margin-top:10px}.map-footer{padding:12px 18px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);gap:20px}.table-view{overflow:auto;min-height:350px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;padding:14px 18px;font-size:10px;color:var(--muted);background:#fafbf9;border-bottom:1px solid var(--line)}td{padding:14px 18px;border-bottom:1px solid #edf0ea}td small{display:block;color:var(--muted);font-size:10px}.table-empty{padding:70px;text-align:center;color:var(--muted)}.text-button{padding:0;border:0;background:none;color:var(--green);font-size:12px}.footer-note{font-size:9px;letter-spacing:.4px;color:#99a398;margin-top:18px}.footer-note span{margin:0 5px}.demo-banner{font-size:11px;background:#fff0cd;border:1px solid #edd595;border-radius:6px;padding:10px 14px;margin-bottom:20px;color:#80652f}.auth-body{min-height:100vh;display:grid;place-items:center;background:#e9eee7}.auth-card{width:min(440px,calc(100% - 30px));background:white;border:1px solid var(--line);border-radius:15px;padding:38px;box-shadow:0 20px 70px #19392812}.auth-card .brand-mark{margin-bottom:28px}.auth-card form{display:grid;gap:17px;margin-top:25px}.auth-card p{font-size:13px}.subtle-link{font-size:11px;display:block;text-align:center;margin-top:24px;color:var(--muted)}.error{color:#a33829;background:#fff4ef;border-radius:5px;padding:10px;font-size:12px}.error:empty{display:none}dialog{border:1px solid var(--line);border-radius:12px;width:min(520px,calc(100% - 30px));padding:25px;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#112c2466;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-heading h2{margin:0}.icon-button{background:none;border:0;font-size:22px;padding:2px 8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}#modal-fields{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-help{font-size:11px;color:var(--muted);margin:0}.check-label{display:flex;align-items:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:12px 22px;border-radius:8px;z-index:20;box-shadow:0 4px 20px #0002;max-width:90vw;font-size:13px}[hidden]{display:none!important}
@media(min-width:1650px){.location-detail{width:310px}.map-scroll,.location-detail{height:650px;max-height:650px}}
@media(max-width:1150px){.sidebar{width:190px;padding-inline:10px}.workspace{margin-left:190px}.content{padding:24px 20px}.topbar{padding-inline:20px}.location-detail{width:230px}.toolbar{flex-wrap:wrap}.search-label{min-width:100%}.heading-actions button{font-size:11px}.metrics{gap:10px}.metric{padding:15px}.map-subbar{flex-wrap:wrap}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px}.brand{font-size:22px}.brand small{font-size:6px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:13px}.nav-item{width:auto;white-space:nowrap;font-size:10px;padding:9px;gap:5px}.nav-item span{font-size:15px;width:auto}.workspace{margin:0}.topbar{height:52px;padding:0 16px}.content{padding:22px 12px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:27px}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:24px}.toolbar{padding:12px;gap:5px}.toolbar select{flex:1;max-width:100%;font-size:10px;padding:8px 3px}.map-layout{display:block}.map-scroll{height:430px}.location-detail{border-left:0;border-top:1px solid var(--line);width:auto;max-height:none}.empty-detail{padding:15px}.map-footer{flex-direction:column;gap:3px}.legend{gap:10px}.form-row{grid-template-columns:1fr}.footer-note{line-height:2}.auth-card{padding:27px}}