@import url('/static/tokens.css');
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7fb;color:#17243c;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dc0ff;outline-offset:2px}a{color:#2563eb}button{border:0;border-radius:9px;background:#2563eb;color:#fff;padding:11px 17px;font-weight:650;display:inline-flex;align-items:center;gap:8px;justify-content:center}button svg,.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}button.secondary{background:#fff;color:#34445e;border:1px solid #dce3ee}button.subtle{background:transparent;color:#64748b;padding:8px}button.danger{background:#fff0ef;color:#b23432}button.small{padding:7px 11px;font-size:12px}.layout{display:flex;min-height:100vh}.sidebar{width:226px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e5eaf2;padding:26px 17px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 37px;font-weight:760;font-size:20px;letter-spacing:-.8px}.brand img{width:38px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#97a2b4;margin-top:4px;font-weight:600}.nav-label{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#9ba5b5;padding:0 14px;margin:10px 0}.nav{display:flex;align-items:center;gap:12px;text-decoration:none;color:#6b7890;padding:13px 14px;border-radius:9px;margin:4px 0;font-weight:600}.nav:hover{background:#f5f7fb}.nav.active{color:#2563eb;background:#ecf2ff}.nav .count{margin-left:auto;background:#dfeaff;font-size:11px;padding:2px 6px;border-radius:5px}.side-bottom{margin-top:auto;padding-top:35px}.android-card{background:#f6f8fd;border:1px solid #e8edf5;border-radius:11px;padding:15px;line-height:1.6;color:#6b7890;font-size:12px}.android-card strong{color:#354862;display:block}.android-card a{display:block;margin-top:8px;text-decoration:none;font-weight:650}.profile{display:flex;align-items:center;gap:10px;padding:20px 7px 0}.avatar{width:34px;height:34px;background:#e9effa;border-radius:50%;color:#315885;display:grid;place-items:center;font-weight:700}.profile span{font-weight:650;font-size:12px;flex:1}.profile small{display:block;color:#8c98ab;font-weight:400;margin-top:3px}.main{margin-left:226px;flex:1;min-width:0;padding:34px 36px 24px;max-width:1920px}.eyebrow{font-size:11px;color:#8c98ac;letter-spacing:.4px;margin-bottom:9px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.page-head h1{margin:0 0 8px;font-size:29px;letter-spacing:-1px;font-weight:740}.page-head p{color:#8792a5;margin:0;font-size:13px}.head-actions{display:flex;gap:9px}.pill{display:inline-flex;align-items:center;gap:7px;background:#edf6f2;color:#348164;font-size:11px;padding:7px 10px;border-radius:20px;font-weight:600}.pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.demo{color:#945b00;background:#fff4d7}.stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e4eaf2;border-radius:12px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.stat span{font-size:12px;color:#8290a6;display:block;margin-bottom:10px}.stat strong{font-size:28px;letter-spacing:-1px;font-weight:700}.stat .stat-icon{width:43px;height:43px;background:#f0f5ff;color:#537cbb;display:grid;place-items:center;border-radius:11px}.stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.workspace{display:grid;grid-template-columns:minmax(300px,1fr) 306px;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e3e9f2;border-radius:13px;overflow:hidden}.panel-top{padding:20px 22px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-top h2{font-size:14px;margin:0;font-weight:700}.panel-top small{color:#91a0b3;font-size:11px}.tools{padding:17px 20px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #f0f3f8}.search{position:relative;flex:1;min-width:190px}.search svg{position:absolute;left:12px;top:11px;width:17px;height:17px;fill:none;stroke:#9aa8bb;stroke-width:1.7}.search input{padding-left:38px;width:100%;background:#f8fafc;border-color:#e7ecf4}.tabs{display:flex;border:1px solid #e7ecf4;padding:3px;border-radius:8px;gap:3px}.tabs button{padding:7px 11px;background:transparent;color:#8c98a9;font-size:11px;border-radius:5px}.tabs button.active{background:#eaf1ff;color:#2563eb}.map-scroll{height:440px;overflow:auto;background-color:#fcfdff;background-image:radial-gradient(#dfe6f0 .8px,transparent .8px);background-size:18px 18px;position:relative}.map-svg{display:block;min-width:100%;min-height:100%}.seat{cursor:pointer;outline:none}.seat rect{fill:#f9fbfe;stroke:#c7d3e5;stroke-width:1.1;rx:9}.seat text{font-family:inherit;text-anchor:middle;fill:#8c9cb1;font-size:13px;font-weight:650;pointer-events:none}.seat.occupied rect{fill:#e5efff;stroke:#91b2ef}.seat.occupied text{fill:#396bae}.seat.selected rect{fill:#2563eb;stroke:#2563eb;stroke-width:2}.seat.selected text{fill:#fff}.seat.blocked rect{fill:#f0f1f4;stroke:#bdc6d3;stroke-dasharray:3 2}.seat.match rect{stroke:#2563eb;stroke-width:3}.seat.dim{opacity:.25}.seat:focus-visible rect{stroke:#1a4fb8;stroke-width:3}.zone-label{fill:#7e8fa6;font:10px sans-serif;letter-spacing:1.4px}.map-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid #e9eef5;gap:12px;flex-wrap:wrap}.legend{display:flex;gap:14px;color:#8c99aa;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;border:1px solid #c7d3e5;display:inline-block}.legend .occupied{background:#dfeaff;border-color:#91b2ef}.legend .selected{background:#2563eb;border-color:#2563eb}.legend .blocked{background:#eef0f4;border-style:dashed}.zoom{display:flex;gap:6px;align-items:center;font-size:10px;color:#8c99aa}.zoom button{padding:3px 7px;background:#f4f7fb;color:#6d7e96;border-radius:4px}.detail-head{padding:23px;border-bottom:1px solid #edf1f6}.detail-head .kicker{text-transform:uppercase;letter-spacing:1.5px;color:#929fb1;font-size:10px}.detail-head h2{font-size:38px;letter-spacing:-1px;margin:10px 0 5px;color:#274467}.muted{color:#8c99ac;font-size:12px;line-height:1.7}.detail-body{padding:18px}.pallet-card{border:1px solid #e5ebf4;border-radius:10px;padding:14px;margin-bottom:12px}.pallet-heading{font-size:11px;font-weight:700;color:#486182;display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:11px}.pallet-card p{margin:7px 0;font-size:12px;line-height:1.5;color:#52637e}.pallet-card strong{font-weight:600;color:#263f60}.badge{font-size:10px;padding:3px 6px;border-radius:4px;background:#fff4d9;color:#9b6d0e;display:inline-block}.badge.blue{color:#3e6bae;background:#eaf1ff}.badge.gray{background:#f0f3f7;color:#7889a0}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.empty{padding:48px 30px;text-align:center;color:#8c9bb0;font-size:13px;line-height:1.8}.empty svg{width:40px;height:40px;fill:none;stroke:#b9c7d9;stroke-width:1.2;display:block;margin:0 auto 15px}.empty strong{display:block;color:#617690;font-size:14px;margin-bottom:5px}.empty button{margin:16px auto 0}.empty.map-empty{padding:100px 30px}.note{font-size:12px;line-height:1.7;padding:12px 15px;background:#f1f6ff;color:#5174a1;border:1px solid #dfebfd;border-radius:9px;margin-bottom:18px}.note.warn{background:#fff8e8;border-color:#f6e5bd;color:#9a752f}.warning-strip{margin-bottom:15px}.search-results{padding:0 20px 14px;display:flex;gap:6px;flex-wrap:wrap}.result-chip{font-size:11px;color:#4a6d9e;background:#eff5ff;border-radius:5px;padding:5px 8px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.pad{padding:22px}.pad h3{margin:0 0 8px;font-size:15px}.pad p{margin:0 0 19px;color:#8c99ad;font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{font-size:12px;color:#63758e;display:block;font-weight:550}input,select,textarea{border:1px solid #dfe6f0;border-radius:8px;background:#fff;padding:10px 12px;color:#334b69;margin-top:7px;width:100%;min-height:39px}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:16px;min-height:16px;margin:0 7px 0 0;accent-color:#2563eb;vertical-align:middle}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:22px}.form-actions .muted{margin-right:auto}.quantity-presets{display:flex;gap:8px;margin:14px 0}.quantity-presets button{background:#f3f6fb;color:#7390b2}.quantity-presets button.active{background:#e4eeff;color:#2563eb;border:1px solid #a5c2f7}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;color:#8c9caf;letter-spacing:.7px;background:#fbfcfe;text-transform:uppercase;font-weight:650}td,th{padding:15px 20px;border-bottom:1px solid #edf1f6;vertical-align:middle}td{color:#63778f}td strong{color:#354f70;font-weight:600}td .sub{display:block;color:#9aa7b9;font-size:10px;margin-top:4px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.list-results{max-height:300px;overflow:auto;margin-top:12px;border:1px solid #e8edf5;border-radius:8px}.product-option{display:block;text-align:left;color:#4f6789;border-radius:0;border-bottom:1px solid #eef2f7;background:white;width:100%;font-weight:450;line-height:1.6;justify-content:flex-start}.product-option:hover{background:#f2f6ff}.product-option strong{display:block;font-size:12px}.product-option small{font-size:10px;color:#8a9db5}.product-line{border:1px solid #e4eaf3;border-radius:9px;padding:13px;margin:12px 0}.product-line .row{display:flex;gap:12px;align-items:center}.product-line .row>div{flex:1}.product-line input{max-width:155px}.divider{border:0;border-top:1px solid #e8eef6;margin:20px 0}.modal-backdrop{position:fixed;inset:0;background:#18375b55;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;padding:22px}.modal{background:white;width:540px;max-width:100%;max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 20px 100px #132a4533}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #eaf0f7}.modal-header h2{margin:0;font-size:18px;letter-spacing:-.3px}.modal-content{padding:24px}.modal-error{background:#fff0ec;color:#a44938;padding:11px;border-radius:7px;font-size:12px;margin-bottom:15px}.login-page{display:flex;min-height:100vh;background:#f5f8fe}.login-art{width:48%;background:#183b6f;display:flex;flex-direction:column;justify-content:space-between;color:#fff;padding:60px;background-image:radial-gradient(ellipse at 0% 0%,#2966bb 0,transparent 65%)}.login-art .brand{margin:0}.login-art .brand small{color:#a3bfdf}.login-art h1{font-size:45px;max-width:400px;letter-spacing:-1.8px;line-height:1.15;font-weight:650}.login-art p{color:#a9c4e5;line-height:1.8;max-width:340px}.login-art .rack{display:grid;grid-template-columns:repeat(6,35px);gap:11px;margin:36px 0}.rack i{height:27px;border:1px solid #ffffff35;border-radius:6px;background:#ffffff0b}.rack i:nth-child(3n){background:#ffffff3b;border-color:#ffffff65}.login-form{display:flex;align-items:center;justify-content:center;flex:1;padding:35px}.login-box{width:340px}.login-box h2{font-size:27px;letter-spacing:-.8px;margin:0 0 8px}.login-box p{color:#8498b0;line-height:1.7;font-size:13px;margin-bottom:28px}.login-box label{margin-bottom:17px}.login-box button{width:100%;margin-top:9px}.login-foot{margin-top:35px;font-size:10px;color:#a4afc0}.boot{padding:80px;color:#647c9a;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#203b5e;color:white;border-radius:10px;padding:13px 20px;box-shadow:0 5px 30px #1b355c33;z-index:100;font-size:12px;max-width:90vw;display:none}#toast.visible{display:block}footer{color:#a2aec0;font-size:10px;display:flex;justify-content:space-between;padding:20px 3px 0}.pending{background:#fff5da;color:#8e6b21;border:1px solid #f5e3b5;border-radius:9px;padding:12px 15px;margin-bottom:18px;font-size:12px;display:flex;align-items:center;gap:12px}.pending button{margin-left:auto}.status-dot{width:7px;height:7px;border-radius:50%;background:#4d987b;display:inline-block}.selected-product{color:#3e679d;font-size:12px;line-height:1.6;padding:12px;background:#f1f6ff;border-radius:8px}.code{font-family:monospace;background:#f5f7fb;padding:12px;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.checklabel{display:flex;align-items:center;gap:5px;font-weight:400;font-size:12px;color:#7d8ea5;margin:17px 0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.toolbar .search{max-width:450px}.history-payload{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#6c7e98;background:#f8fafc;border-radius:7px;padding:15px;max-height:350px;overflow:auto}.error-box{color:#a74536;background:#fff2ef;padding:15px;border-radius:9px;margin-bottom:20px;line-height:1.8}
@media(min-width:1600px){.main{padding:40px 48px}.map-scroll{height:510px}.workspace{grid-template-columns:minmax(300px,1fr) 330px}}
@media(max-width:1150px){.sidebar{width:190px;padding:25px 12px}.main{margin-left:190px;padding:28px 22px}.workspace{grid-template-columns:minmax(300px,1fr) 270px}.stats{gap:10px}.stat{padding:15px}.stat .stat-icon{display:none}.legend{gap:8px}.columns{gap:15px}}
@media(max-width:880px){.sidebar{width:75px;align-items:center;padding:22px 8px}.brand{margin:0 0 25px}.brand>div,.nav-label,.nav span,.side-bottom,.nav .count{display:none}.nav{padding:14px}.main{margin-left:75px;padding:25px 18px}.workspace{grid-template-columns:1fr}.detail-panel{display:none}.detail-panel.has-selection{display:block}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:14px 11px}.stat span{font-size:10px}.stat strong{font-size:23px}.columns{grid-template-columns:1fr}.page-head h1{font-size:25px}.login-art{display:none}}
@media(max-width:560px){.main{margin-left:58px;padding:22px 12px}.sidebar{width:58px;padding:20px 4px}.sidebar .brand img{width:32px}.nav{padding:12px}.head-actions .secondary{display:none}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.page-head p{font-size:11px;max-width:180px}.head-actions button{padding:10px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.map-scroll{height:360px}.tools{padding:12px}.tabs{width:100%;justify-content:center}.panel-top{padding:16px}.form-grid{grid-template-columns:1fr}.pad{padding:18px}.modal-content{padding:18px}.legend{font-size:9px;gap:9px}.map-footer{padding:12px}.zoom{margin-left:auto}.eyebrow{font-size:10px}footer span:last-child{display:none}}

svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.map-svg{stroke:none}.android-card>svg{width:24px;height:24px;display:block;margin-bottom:9px;color:#6f8eb6}.pallet-heading>svg{width:17px;height:17px}