:root{--green:#3c533c;--green-deep:#2f4229;--green-700:#3a5133;--lime:#d6f591;--lime-soft:#eaf2d6;--lime-ink:#2f4229;--cyan:#3d5254;--cyan-soft:#e0e8e8;--ink:#2f2b26;--muted:#8a8178;--faint:#b8b0a4;--powder:#fbfaf7;--card:#fff;--line:#eae5dd;--line-2:#f0ece5;--sand-100:#f5e9dd;--sand-600:#54493d;--free:#c4e070;--free-ink:#3a4a1f;--taken:#46603f;--pending:#e8b84b;--pending-soft:#fbeecb;--pending-ink:#7a5a10;--rejected:#c0705a;--rejected-soft:#f6e3dc;--rejected-ink:#7a3722;--returned:#9aa6b2;--returned-soft:#eef1f4;--danger:#c0492f;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px rgba(47,43,38,.04),0 8px 24px -12px rgba(47,43,38,.12);--shadow-lg:0 12px 40px -12px rgba(47,43,38,.28)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Figtree,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--powder);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}a{color:inherit}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand .bicon{width:26px;height:40px;flex:none;display:block}.brand .bicon .d1{fill:var(--green-deep)}.brand .bicon .dO{fill:var(--lime)}.brand .bicon .d0{fill:#dfe8e4}.brand.on-dark .bicon .d1{fill:var(--sand-100)}.brand.on-dark .bicon .dO{fill:var(--lime)}.brand.on-dark .bicon .d0{fill:hsla(0,0%,100%,.18)}.brand .bwrap{display:flex;flex-direction:column;justify-content:center;line-height:1}.brand .wm{font-weight:400;font-size:23px;letter-spacing:0;line-height:1;color:var(--cyan)}.brand.on-dark .wm{color:var(--sand-100)}.brand .tag{font-size:8px;letter-spacing:.04em;font-weight:400;color:var(--cyan);margin-top:2px;opacity:.85}.brand.on-dark .tag{color:var(--sand-100);opacity:.7}.pub-top{background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.pub-top-in{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.pub-top-in,.pub-wrap{max-width:1180px;margin:0 auto}.pub-wrap{padding:28px 24px 80px}.link-btn{font-size:13px;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:8px;transition:.15s}.link-btn:hover{background:var(--line-2);color:var(--ink)}.hero{padding:14px 0 26px}.hero h1{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.hero p{margin:0;color:var(--muted);font-size:15px;max-width:60ch}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 8px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.legend .item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.swatch{width:15px;height:15px;border-radius:4px;flex:none}.sw-free{background:var(--free)}.sw-taken{background:var(--taken)}.sw-pending{background:var(--pending)}.sw-sel{background:#fff;border:2px solid var(--green)}.zone-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.zone-tab{font-size:13px;font-weight:500;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);transition:.15s}.zone-tab:hover{border-color:var(--faint)}.zone-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.grid-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.grid-head h2{font-size:16px;font-weight:600;margin:0}.grid-head .count{font-size:13px;color:var(--muted)}.lockers{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));grid-gap:10px;gap:10px}.locker{aspect-ratio:1/1;border-radius:10px;border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:600;position:relative;transition:transform .12s,box-shadow .12s}.locker .lk-icon{width:15px;height:11px;margin-bottom:3px;opacity:.7}.locker.free{background:var(--lime-soft);color:var(--free-ink);border-color:#d7e6b0}.locker.free:hover{transform:translateY(-2px);box-shadow:0 6px 16px -6px rgba(70,96,63,.4);cursor:pointer;border-color:var(--green)}.locker.taken{background:var(--green);color:#dfeacb;cursor:not-allowed}.locker.pending{background:var(--pending-soft);color:var(--pending-ink);border-color:#f0d99a;cursor:not-allowed}.locker.sel{background:#fff;border:2px solid var(--green);color:var(--green);transform:translateY(-2px);box-shadow:0 6px 16px -6px rgba(70,96,63,.5)}.locker.disabled-slot{background:repeating-linear-gradient(45deg,#f3f0ea,#f3f0ea 6px,#ece7df 0,#ece7df 12px);color:var(--faint);cursor:not-allowed;border-color:var(--line)}.btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;transition:.15s;white-space:nowrap}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-deep)}.btn-lime{background:var(--lime);color:var(--lime-ink)}.btn-lime:hover{filter:brightness(.96)}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--faint);background:var(--line-2)}.btn-danger{background:#fff;color:var(--danger);border:1px solid #eccabd}.btn-danger:hover{background:#fceeea}.btn-sm{padding:7px 13px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-bg{position:fixed;inset:0;background:rgba(47,43,38,.44);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .18s}.modal-bg.show{opacity:1;pointer-events:auto}.modal{background:var(--card);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:92vh;overflow:auto;transform:translateY(8px) scale(.99);transition:transform .18s}.modal-bg.show .modal{transform:none}.modal.wide{max-width:560px}.modal-h{padding:20px 22px 0}.modal-h h3{margin:0;font-size:18px;font-weight:600}.modal-h .sub{font-size:13px;color:var(--muted);margin-top:3px}.modal-b{padding:18px 22px}.modal-f{padding:14px 22px 20px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line-2);margin-top:4px}.x{position:absolute;top:16px;right:18px;color:var(--faint);font-size:22px;line-height:1;padding:2px 8px;border-radius:6px}.x:hover{background:var(--line-2);color:var(--ink)}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--powder);transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(70,96,63,.1)}.field textarea{resize:vertical;min-height:64px}.field .hint{font-size:12px;color:var(--faint);margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.req:after{content:" *";color:var(--rejected)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.b-free{background:var(--lime-soft);color:var(--free-ink)}.b-free:before{background:var(--green)}.b-taken{background:#e4ecdd;color:var(--green-deep)}.b-taken:before{background:var(--green)}.b-pending{background:var(--pending-soft);color:var(--pending-ink)}.b-pending:before{background:var(--pending)}.b-approved{background:#dcecd6;color:var(--green-deep)}.b-approved:before{background:var(--green)}.b-rejected{background:var(--rejected-soft);color:var(--rejected-ink)}.b-rejected:before{background:var(--rejected)}.b-returned{background:var(--returned-soft);color:#5a6672}.b-returned:before{background:var(--returned)}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;gap:8px}.toast,.toast-wrap{display:flex;align-items:center}.toast{background:var(--green-deep);color:#fff;padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);gap:9px;animation:tin .2s ease}.toast.err{background:var(--danger)}@keyframes tin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.admin{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.side{background:var(--green-deep);color:#cdd8c4;padding:18px 14px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;width:232px}.side .brandbox{padding:6px 8px 18px;border-bottom:1px solid hsla(0,0%,100%,.09);margin-bottom:12px}.nav-group{font-size:10.5px;letter-spacing:.13em;font-weight:600;color:#7d9070;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:500;color:#c3d0b8;transition:.13s;margin-bottom:1px;width:100%;text-align:left}.nav-item:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-item.active{background:var(--green);color:#fff}.nav-item .ni-ico{width:17px;height:17px;flex:none;opacity:.85}.nav-item .badge-n{margin-left:auto;background:var(--lime);color:var(--lime-ink);font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:999px;justify-content:center;padding:0 5px}.nav-item .badge-n,.side .who{display:flex;align-items:center}.side .who{margin-top:auto;padding:12px 10px 4px;border-top:1px solid hsla(0,0%,100%,.09);gap:10px}.side .who .av{width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--lime-ink);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}.side .who .nm{font-size:13px;font-weight:600;color:#fff;line-height:1.2}.side .who .rl{font-size:10.5px;color:#8fa383;letter-spacing:.08em}.side .who button{margin-left:auto;color:#8fa383;font-size:12px}.side .who button:hover{color:#fff}.main{padding:26px 30px;overflow:auto;max-height:100vh}.main-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.main-h h1{font-size:23px;font-weight:600;margin:0}.main-h .sub{font-size:13.5px;color:var(--muted);margin-top:3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat .k{font-size:11px;letter-spacing:.09em;font-weight:600;color:var(--faint);text-transform:uppercase}.stat .v{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:5px 0 2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .d{font-size:12.5px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.panel-h{padding:15px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-h h2{font-size:15px;font-weight:600;margin:0}.panel-h .tools{display:flex;gap:8px;align-items:center}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:11px;letter-spacing:.06em;font-weight:600;color:var(--faint);text-transform:uppercase;padding:11px 18px;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--line-2)}.tbl td{padding:12px 18px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.row:hover td{background:#fcfbf8}.tbl .strong{font-weight:600}.tbl .dim{color:var(--muted);font-size:12.5px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search{position:relative}.search input{padding:8px 12px 8px 32px;border:1px solid var(--line);border-radius:9px;background:var(--powder);width:220px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.4}.sel-input{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--powder)}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}.filter-tabs{display:flex;gap:6px}.filter-tab{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:8px;color:var(--muted);border:1px solid transparent}.filter-tab:hover{background:var(--line-2)}.filter-tab.active{background:var(--green);color:#fff}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#f4f1ea,#fbfaf7)}.login-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:32px 30px}.login-card .brand{justify-content:center;margin-bottom:8px}.login-card h1{font-size:19px;font-weight:600;text-align:center;margin:14px 0 4px}.login-card p{text-align:center;color:var(--muted);font-size:13.5px;margin:0 0 22px}.err-msg{background:var(--rejected-soft);color:var(--rejected-ink);font-size:13px;padding:9px 12px;border-radius:8px;margin-bottom:14px;display:none}.err-msg.show{display:block}.login-hint{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);font-size:12px;color:var(--faint);text-align:center;line-height:1.6}.det-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px}.det .dl{font-size:11px;letter-spacing:.05em;font-weight:600;color:var(--faint);text-transform:uppercase;margin-bottom:2px}.det .dv{font-size:14px}.time-line{position:relative;padding-left:20px;margin-top:4px}.time-line .ev{position:relative;padding:0 0 14px}.time-line .ev:before{content:"";position:absolute;left:-20px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--green)}.time-line .ev:after{content:"";position:absolute;left:-16px;top:13px;bottom:-4px;width:1.5px;background:var(--line)}.time-line .ev:last-child:after{display:none}.time-line .ev .et{font-size:13.5px;font-weight:600}.time-line .ev .em{font-size:12px;color:var(--muted)}@media(max-width:860px){.admin{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:232px;z-index:60;transform:translateX(-100%);transition:.2s}.side.open{transform:none}.main{max-height:none}.menu-btn{display:inline-flex!important}.side-scrim{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:55;display:none}.side-scrim.show{display:block}}.menu-btn{display:none;align-items:center;gap:8px}.side-scrim{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:55;display:none}.pop{position:fixed;top:16px;right:16px;z-index:210;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;box-shadow:var(--shadow-lg);padding:14px 16px;max-width:340px;animation:popin .25s ease;cursor:pointer}.pop .pt{font-weight:600;font-size:14px;margin-bottom:2px;display:flex;align-items:center;gap:8px}.pop .pm{font-size:13px;color:var(--muted)}.pop .pdot{width:8px;height:8px;border-radius:50%;background:var(--pending);flex:none}@keyframes popin{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.livewrap{position:fixed;top:0;right:0;z-index:210;display:flex;flex-direction:column;gap:10px;padding:16px}.bell{position:relative}.bell .dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--pending);border:2px solid var(--green-deep)}.mail-off{background:var(--pending-soft);color:var(--pending-ink);font-size:12.5px;padding:8px 14px;border-radius:9px;margin-bottom:16px;gap:8px}.mail-off,.snd-toggle{display:flex;align-items:center}.snd-toggle{gap:7px;font-size:12px;color:#8fa383;padding:8px 10px;cursor:pointer}.snd-toggle input{accent-color:var(--lime)}