:root{--bg:#f1f1f1;--surface:#fff;--surface-2:#f7f7f7;--surface-3:#ebebeb;--hover:#f6f6f6;--border:#e3e3e3;--border-2:#d4d4d4;--border-3:#8a8a8a;--text:#303030;--text-2:#4a4a4a;--muted:#616161;--subdued:#8a8a8a;--brand:#1f3a73;--brand-2:#14254b;--gold:#d9a53d;--gold-50:#fbf3e2;--primary:#303030;--link:#005bd3;--ok:#0c5132;--ok-bg:#cdfee1;--ok-strong:#29845a;--info:#00527c;--info-bg:#e0f0ff;--warn:#5e4200;--warn-bg:#ffeb78;--attn-bg:#fff1e3;--attn:#8a4b00;--bad:#8e0b21;--bad-bg:#fedad9;--bad-strong:#c70a24;--radius:12px;--radius-sm:8px;--shadow:0 1px 0 0 #1a1a1a12, inset 0 1px 0 0 #fff6, 0 0 0 1px #0000000a;--shadow-pop:0 8px 24px #00000024, 0 0 0 1px #0000000f;--font:"Plex Arabic", "Segoe UI", Tahoma, sans-serif;--topbar:56px;--sidebar:240px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:13.5px;line-height:1.55}h1,h2,h3,h4{margin:0;line-height:1.35}p{margin:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline-offset:1px;outline:2px solid #005bd3}bdi{unicode-bidi:isolate}.i{flex:none}.muted{color:var(--muted)}.subdued{color:var(--subdued)}.small{font-size:12.5px}.strong{font-weight:600}.grow{flex:1}.row{align-items:center;gap:8px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.stack-xs{flex-direction:column;gap:4px;display:flex}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.ok-text{color:var(--ok-strong)}.bad-text{color:var(--bad-strong)}.warn-text{color:var(--attn)}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.center{text-align:center}.mt{margin-top:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.frame{min-height:100%}.topbar{height:var(--topbar);background:var(--brand-2);color:#fff;z-index:50;align-items:center;gap:12px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.tb-brand{color:#f5efe3;width:calc(var(--sidebar) - 14px);align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex;text-decoration:none!important}.tb-brand small{color:var(--gold);letter-spacing:.1em;margin-top:4px;font-size:11px;font-weight:600}.tb-search{flex:1;max-width:560px;margin:0 auto;position:relative}.tb-search input{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:10px;width:100%;height:34px;padding:0 36px 0 12px}.tb-search input::placeholder{color:#fff9}.tb-search .i{color:#ffffffb3;position:absolute;top:9px;right:11px}.tb-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.tb-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.tb-btn:hover{background:#ffffff1f}.tb-dot{background:var(--gold);color:#1b1b1b;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:3px;left:3px}.tb-user{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;align-items:center;gap:8px;max-width:240px;padding:4px 6px 4px 10px;display:flex}.tb-user:hover{background:#ffffff29}.tb-user span:last-child{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.avatar{background:var(--gold);color:#1b1b1b;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{border-radius:12px;width:44px;height:44px;font-size:18px}.avatar.navy{background:var(--brand);color:#f5efe3}.menu-btn{display:none}.sidebar{top:var(--topbar);width:var(--sidebar);background:var(--surface-3);z-index:40;flex-direction:column;gap:2px;padding:12px 10px;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.nav-item{color:var(--text);border-radius:8px;align-items:center;gap:10px;min-height:34px;padding:6px 10px;font-size:13.5px;font-weight:600;display:flex;text-decoration:none!important}.nav-item .i{color:var(--muted)}.nav-item:hover{background:#0000000d}.nav-item.active{background:var(--surface);box-shadow:0 1px #0000000f}.nav-item.active .i{color:var(--text)}.nav-item.sub{min-height:30px;color:var(--text-2);padding-inline-start:38px;font-weight:500}.nav-item.sub.active{box-shadow:none;color:var(--text);background:0 0;font-weight:600}.nav-count{background:#00000014;border-radius:8px;margin-inline-start:auto;padding:0 7px;font-size:12px;font-weight:600}.nav-count.hot{background:var(--gold);color:#1b1b1b}.nav-label{color:var(--muted);padding:14px 10px 4px;font-size:12px;font-weight:600}.nav-spacer{flex:1;min-height:12px}.nav-ext{color:var(--muted);margin-inline-start:auto}.main{padding:calc(var(--topbar) + 20px) calc(var(--sidebar) + 24px) 60px 24px;min-height:100%}.page{flex-direction:column;gap:16px;max-width:1000px;margin:0 auto;display:flex}.page.wide{max-width:1200px}.page.narrow{max-width:760px}.backdrop{display:none}.page-head{flex-wrap:wrap;align-items:center;gap:12px;min-height:36px;display:flex}.page-head h1{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.page-head .sub{color:var(--muted);width:100%;margin-top:-8px;font-size:13px}.page-back{cursor:pointer;width:30px;height:30px;color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.page-back:hover{background:#0000000f}.page-actions{flex-wrap:wrap;gap:8px;margin-inline-start:auto;display:flex}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:background .12s,box-shadow .12s;display:inline-flex;text-decoration:none!important}.btn-primary{color:#fff;background:linear-gradient(#4a4a4a 0%,#303030 60%);box-shadow:inset 0 -1px 0 1px #000c,inset 0 0 0 1px #303030,inset 0 .5px 0 1.5px #ffffff40}.btn-primary:hover{background:#1a1a1a}.btn-brand{background:var(--brand);color:#fff;box-shadow:inset 0 -1px #0006}.btn-brand:hover{background:var(--brand-2)}.btn-gold{background:var(--gold);color:#1b1b1b}.btn-gold:hover{background:#c99530}.btn-secondary{color:var(--text);background:#fff;box-shadow:inset 0 -1px #b5b5b5,inset 0 0 0 1px #0000001a,inset 0 .5px 0 1.5px #fff}.btn-secondary:hover{background:#fafafa}.btn-critical{color:#fff;background:linear-gradient(#e51c00 0%,#c70a24 70%);box-shadow:inset 0 -1px 0 1px #8e1f0bcc}.btn-critical:hover{background:#a3091e}.btn-plain{color:var(--link);background:0 0;padding:0 6px}.btn-plain:hover{background:#005bd30f;text-decoration:underline}.btn-plain.danger{color:var(--bad-strong)}.btn-tertiary{color:var(--text);background:0 0}.btn-tertiary:hover{background:#0000000d}.btn-wa{color:#fff;background:#1fa855}.btn-wa:hover{background:#178a45}.btn-lg{min-height:40px;padding:0 18px;font-size:14px}.btn-sm{min-height:28px;padding:0 9px;font-size:12.5px}.btn-block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.icon-btn{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:#0000000f}.btn-group{display:inline-flex}.btn-group .btn:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:16px}.card-head{align-items:center;gap:10px;padding:14px 16px 0;display:flex}.card-head h2,.card-head h3{font-size:14px;font-weight:650}.card-head .card-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.card-body{padding:12px 16px 16px}.card-section{border-top:1px solid var(--border);padding:14px 16px}.card-section:first-child{border-top:0}.card-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.card.tinted{background:var(--surface-2)}.layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.layout>.col{flex-direction:column;gap:16px;min-width:0;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi{color:var(--text);flex-direction:column;gap:4px;padding:14px 16px;display:flex;text-decoration:none!important}a.kpi:hover{background:var(--hover)}.kpi small{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.kpi b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.kpi .hint{color:var(--subdued);font-size:12px}.banner{border-radius:var(--radius);background:var(--info-bg);color:var(--info);align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #00527c26}.banner.warn{background:var(--attn-bg);color:var(--attn);box-shadow:inset 0 0 0 1px #8a4b002e}.banner.ok{color:var(--ok);background:#eafbf1;box-shadow:inset 0 0 0 1px #0c513226}.banner.bad{color:var(--bad);background:#fff0ef;box-shadow:inset 0 0 0 1px #8e0b2126}.banner .grow>b{display:block}.banner .btn{margin-inline-start:auto}.badge{color:var(--text-2);white-space:nowrap;background:#f1f1f1;border-radius:8px;align-items:center;gap:5px;padding:1px 8px;font-size:12px;font-weight:550;line-height:20px;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.attn{color:#5e4200;background:#ffd6a4}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.brand{color:var(--brand);background:#e3e9f6}.badge.gold{background:var(--gold-50);color:#7a5410}.badge .dot{border:1.5px solid;border-radius:50%;width:9px;height:9px}.badge .dot.full{background:currentColor}.badge .dot.half{background:linear-gradient(90deg,#0000 50%,currentColor 50%)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:start;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 12px;font-size:12.5px;font-weight:550}.table td{vertical-align:middle;border-bottom:1px solid #ebebeb;padding:9px 12px}.table tr:last-child td{border-bottom:0}.table tbody tr.click{cursor:pointer}.table tbody tr.click:hover td{background:var(--hover)}.table tr.selected td{background:#f2f7fe}.table .num,.table th.num{text-align:left}.table td.tight,.table th.tight{white-space:nowrap;width:1%}.table-empty{text-align:center;color:var(--muted);padding:40px 16px}.thumb{border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--subdued);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.sm{border-radius:6px;width:32px;height:32px}.thumb.lg{width:56px;height:56px}.cell-main{align-items:center;gap:10px;min-width:0;display:flex}.cell-main b{font-weight:600}.cell-title{flex-direction:column;min-width:0;display:flex}.cell-title span{color:var(--muted);font-size:12px}.index-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;padding:8px 8px 0;display:flex;overflow:auto hidden}.index-tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:6px 10px;font-weight:550;display:flex;position:relative}.index-tab:hover{background:var(--hover);color:var(--text)}.index-tab.active{color:var(--text)}.index-tab.active:after{content:"";background:var(--text);border-radius:2px;height:2px;position:absolute;bottom:0;left:6px;right:6px}.index-tab .count{background:var(--surface-3);border-radius:8px;padding:0 6px;font-size:11.5px}.index-tab .count.hot{background:var(--gold);color:#1b1b1b}.index-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.bulk-bar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{color:var(--text);font-size:13px;font-weight:500}.field-hint{color:var(--muted);font-size:12px}.field-error{color:var(--bad-strong);font-size:12px}.input{border:1px solid var(--border-3);background:#fdfdfd;border-top-color:#898f94;border-radius:8px;width:100%;min-width:0;height:34px;padding:0 10px;transition:border-color .12s,box-shadow .12s}.input:hover{border-color:#616161}.input:focus{background:#fff;border-color:#005bd3;outline:none;box-shadow:0 0 0 1px #005bd3}textarea.input{resize:vertical;height:auto;min-height:70px;padding:8px 10px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:8px;background-repeat:no-repeat;padding-inline-end:28px}.input.ltr{text-align:right;direction:ltr}.input.num-in{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:0 8px 8px 0}.input-group .addon{border:1px solid var(--border-3);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-inline-start:0;border-radius:8px 0 0 8px;place-items:center;padding:0 10px;font-size:12.5px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .span-2{grid-column:span 2}.check{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.check input{width:16px;height:16px;accent-color:var(--primary);flex:none;margin:2px 0 0}.check .stack-xs span{color:var(--muted);font-size:12px}.switch{cursor:pointer;background:#b5b5b5;border:0;border-radius:10px;flex:none;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;right:2px;box-shadow:0 1px 2px #0003}.switch.on{background:var(--ok-strong)}.switch.on:after{transform:translate(-16px)}.switch-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.switch-row:first-child{border-top:0;padding-top:0}.switch-row .grow b{font-weight:550;display:block}.switch-row .grow span{color:var(--muted);font-size:12.5px}.seg{background:var(--surface-3);border-radius:10px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:28px;padding:4px 12px;font-weight:550}.seg button.on{color:var(--text);background:#fff;box-shadow:0 1px 2px #0000001f}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill-opt{border:1px solid var(--border-2);cursor:pointer;background:#fff;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:550}.pill-opt.on{background:var(--text);color:#fff;border-color:var(--text)}.color-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{width:30px;height:30px;box-shadow:0 0 0 1px var(--border-2);cursor:pointer;border:2px solid #fff;border-radius:50%}.swatch.on{box-shadow:0 0 0 2px var(--text)}.tiers{flex-direction:column;gap:6px;display:flex}.tier-row{grid-template-columns:1fr 1fr 30px;align-items:center;gap:6px;display:grid}.tier-head{color:var(--muted);font-size:12px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.media-item{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;position:relative;overflow:hidden}.media-item img{object-fit:cover;width:100%;height:100%}.media-item .media-x{cursor:pointer;background:#ffffffeb;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;left:4px}.media-item.first{grid-area:span 2/span 2}.media-add{aspect-ratio:1;border:1.5px dashed var(--border-3);cursor:pointer;color:var(--muted);text-align:center;background:#fafafa;border-radius:10px;place-items:center;padding:6px;font-size:12px;display:grid}.media-add:hover{border-color:var(--text);color:var(--text);background:#f4f4f4}.dropzone{border:1.5px dashed var(--border-3);border-radius:var(--radius);text-align:center;color:var(--muted);background:#fcfcfc;flex-direction:column;align-items:center;gap:10px;padding:30px 16px;display:flex}.dropzone.drag{background:#f2f7fe;border-color:#005bd3}.modal-backdrop{z-index:100;background:#00000073;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);animation:.18s pop;display:flex;box-shadow:0 24px 60px #0000004d}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.modal-head h2{flex:1;font-size:15px;font-weight:650}.modal-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.popover{color:var(--text);box-shadow:var(--shadow-pop);z-index:60;background:#fff;border-radius:12px;min-width:220px;animation:.12s pop;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.popover-item{text-align:start;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:9px 14px;display:flex;text-decoration:none!important}.popover-item:hover{background:var(--hover)}.popover-head{border-bottom:1px solid var(--border);padding:12px 14px}.notif-pop{width:380px;max-width:calc(100vw - 24px)}.notif-list{max-height:420px;overflow-y:auto}.notif{border-top:1px solid var(--border);color:var(--text);cursor:pointer;gap:10px;padding:10px 14px;display:flex;text-decoration:none!important}.notif:first-child{border-top:0}.notif:hover{background:var(--hover)}.notif.unread{background:#f4f8ff}.notif.unread:hover{background:#eaf2fe}.notif-icon{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.notif-icon.hot{background:var(--gold-50);color:#7a5410}.notif b{font-size:13px;font-weight:600;display:block}.notif span{color:var(--muted);font-size:12.5px}.notif time{color:var(--subdued);font-size:11.5px}.toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;pointer-events:auto;background:#1a1a1a;border-radius:10px;align-items:center;gap:10px;max-width:min(520px,92vw);padding:10px 16px;font-size:13.5px;animation:.2s pop;display:flex;box-shadow:0 10px 30px #00000040}.toast.error{background:#8e0b21}.toast button{color:#9ecaff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.live-alert{top:calc(var(--topbar) + 12px);z-index:150;width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-pop);border-inline-start:4px solid var(--gold);background:#fff;border-radius:14px;gap:12px;padding:14px;animation:.3s slidein;display:flex;position:fixed;left:16px}@keyframes slidein{0%{opacity:0;transform:translate(-20px)}}.live-alert b{display:block}.live-alert .row{margin-top:8px}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;right:7px}.timeline li{padding:0 26px 14px 0;position:relative}.timeline li:before{content:"";border:2px solid var(--border-3);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:2px}.timeline li.hot:before{border-color:var(--gold);background:var(--gold)}.timeline li.bad:before{border-color:var(--bad-strong)}.timeline li.ok:before{border-color:var(--ok-strong);background:var(--ok-strong)}.timeline b{font-weight:600}.timeline time{color:var(--subdued);font-size:12px;display:block}.timeline .tl-detail{color:var(--muted);font-size:12.5px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty h3{color:var(--text);font-size:15px}.empty .i{color:var(--subdued)}.spinner-wrap{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.kv{grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.progress{background:var(--surface-3);border-radius:4px;height:6px;overflow:hidden}.progress>i{background:var(--ok-strong);border-radius:4px;height:100%;display:block}.progress.warn>i{background:var(--gold)}.progress.bad>i{background:var(--bad-strong)}.checklist{flex-direction:column;display:flex}.check-item{border-top:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:10px 16px;display:flex;text-decoration:none!important}.check-item:hover{background:var(--hover)}.check-item .tick{border:1.5px dashed var(--border-3);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.check-item.done .tick{background:var(--text);color:#fff;border:0}.check-item.done .grow{color:var(--muted)}.check-item.done .grow b{text-decoration:line-through}.copy-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:4px 4px 4px 10px;display:flex}.copy-box code{text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;flex:1;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow:hidden}.code-big{letter-spacing:.14em;text-align:center;background:var(--surface-2);border:1px dashed var(--border-3);direction:ltr;border-radius:12px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:30px;font-weight:700}.line-item{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.line-item:first-child{border-top:0;padding-top:0}.line-item .grow{min-width:0}.line-item .grow b{font-weight:600;display:block}.line-item .grow span{color:var(--muted);font-size:12.5px}.totals{flex-direction:column;gap:6px;font-size:13px;display:flex}.totals>div{justify-content:space-between;gap:12px;display:flex}.totals .total{border-top:1px solid var(--border);padding-top:8px;font-size:14px;font-weight:700}.qty-in{text-align:center;width:84px}.cart-panel{top:calc(var(--topbar) + 16px);position:sticky}.timer{font-variant-numeric:tabular-nums;direction:ltr;align-items:center;gap:4px;display:inline-flex}.status-chip{border-radius:8px;padding:1px 8px;font-size:12px;font-weight:600}.status-chip.available{background:var(--ok-bg);color:var(--ok)}.status-chip.limited{color:#5e4200;background:#ffd6a4}.status-chip.out{background:var(--bad-bg);color:var(--bad)}.login-wrap{background:radial-gradient(1200px 600px at 100% 0%, #233f7c 0%, var(--brand-2) 55%);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:#fff;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 30px 80px #00000059}.login-brand{align-items:center;gap:10px;display:flex}.login-brand b{color:var(--brand);font-size:26px}.login-brand small{color:var(--gold);letter-spacing:.3em;font-size:11px;font-weight:700}.login-foot{text-align:center;color:#f5efe3bf;margin-top:14px;font-size:13px}.login-foot a{color:var(--gold)}.wa-msg{white-space:pre-wrap;background:#e7ffdb;border:1px solid #c9eeb7;border-radius:10px;padding:10px 12px;font-size:13px}.preview-frame{border:1px solid var(--border);border-radius:12px;overflow:hidden}.mini-shop{background:#fff}.mini-shop .ms-bar{text-align:center;padding:6px;font-size:11px}.mini-shop .ms-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.mini-shop .ms-hero{color:#fff;background-position:50%;background-size:cover;align-items:flex-end;height:90px;padding:10px;font-weight:700;display:flex;position:relative}.mini-shop .ms-hero:before{content:"";background:linear-gradient(#0000,#0000008c);position:absolute;inset:0}.mini-shop .ms-hero span{position:relative}.mini-shop .ms-btn{text-align:center;border-radius:6px;margin:10px;padding:8px;font-size:12px;font-weight:600}@media print{.topbar,.sidebar,.page-actions,.no-print,.toasts{display:none!important}.main{padding:0!important}.card{box-shadow:none;border:1px solid #ddd}body{background:#fff}}@media (width<=1040px){.layout{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.main{padding:calc(var(--topbar) + 12px) 12px 60px}.sidebar{z-index:70;transition:transform .2s;transform:translate(105%);box-shadow:-10px 0 30px #0003}.frame.nav-open .sidebar{transform:none}.frame.nav-open .backdrop{inset:0;top:var(--topbar);z-index:65;background:#00000059;display:block;position:fixed}.menu-btn{display:inline-grid}.tb-brand{width:auto}.tb-search,.tb-user span:last-child{display:none}.grid-3,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.page-head h1{font-size:18px}.table .hide-sm{display:none}.modal{border-radius:16px 16px 0 0;align-self:end;max-height:92vh}.modal-backdrop{place-items:end center;padding:0}}@media (width<=520px){.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi b{font-size:19px}}