:root{--brand:#00aeef;--brand-hover:#0098d1;--brand-accent:#1e73be;--brand-ink:#04202c;--brand-link:#0079ad;--brand-soft:#e5f6fd;--bg:#f4f7fa;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--danger:#dc2626;--danger-soft:#fef2f2;--warn:#b45309;--warn-soft:#fffbeb;--ok:#15803d;--ok-soft:#f0fdf4;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-lg:0 8px 24px #0f172a14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--brand-link);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0 0 16px;font-size:1.6rem;font-weight:700}h2{margin:0 0 12px;font-size:1.05rem;font-weight:650}.topbar{background:var(--brand-ink);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:20;color:#fff;position:sticky;top:0}.topbar:before{content:"";background:var(--brand);height:3px;display:block}.topbar-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:var(--text);flex-direction:column;align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand img{width:auto;height:34px;display:block}.brand-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-left:10px;font-size:.72rem;font-weight:650}.nav{flex-wrap:wrap;flex:1;gap:2px;display:flex}.nav a{color:#fff;border-radius:999px;padding:7px 14px;font-size:.93rem;font-weight:550}.nav a:hover{background:var(--brand);color:#ebebeb;text-decoration:none}.nav a.active{background:var(--brand-accent);color:#fff}.hamburger,.nav-backdrop{display:none}.userbox{color:var(--muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.userbox strong{color:#ebebeb;font-weight:600}.nav-user{display:none}.container{max-width:1240px;margin:0 auto;padding:24px 20px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--brand);box-shadow:var(--shadow-lg)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{margin:0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}label{color:#475569;margin-bottom:5px;font-size:.82rem;font-weight:550;display:block}input[type=text],input[type=email],input[type=password],input[type=date],input[type=url],input[type=number],input[type=tel],select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;background:#fff;padding:9px 12px}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #00aeef40}input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:44px;height:36px;padding:2px}input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.span-2{grid-column:span 2}.field-hint{color:var(--muted);margin-top:4px;font-size:.78rem}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}.checkbox label{color:var(--text);margin:0;font-size:.93rem;font-weight:500}.btn{border-radius:var(--radius-md,8px);border:1px solid var(--brand);background:var(--brand-accent);color:#fff;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--brand-ink);text-decoration:none;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a}.btn:active{transform:scale(.98);box-shadow:0 1px 2px #0000000d}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:#334155;border-color:var(--border-strong,#e2e8f0);background:#fff}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-dark{color:#fff;background:#0f172a;border-color:#0f172a}.btn-dark:hover{color:#fff;background:#1e293b;border-color:#1e293b}.btn-danger{background:var(--danger,#dc2626);border-color:var(--danger,#dc2626);color:#fff}.btn-danger:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn-small{text-wrap:nowrap;border-radius:6px;padding:6px 12px;font-size:.8125rem}.btn-link{color:var(--brand-link,#2563eb);cursor:pointer;font:inherit;box-shadow:none;background:0 0;border:none;padding:0;font-weight:550;transition:color .15s,opacity .15s}.btn-link:hover{opacity:.85;box-shadow:none;text-decoration:none}.btn-link:active{transform:none}.btn-link.danger{color:var(--danger,#dc2626)}.actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.row-actions{flex-wrap:nowrap;gap:6px;display:flex}.msg{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:16px;padding:11px 14px;font-size:.92rem}.msg-error{background:var(--danger-soft);color:#991b1b;border-color:#fecaca}.msg-ok{background:var(--ok-soft);color:#166534;border-color:#bbf7d0}.cat-badge{color:var(--c,#64748b);background:color-mix(in srgb, var(--c,#64748b) 12%, white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.cat-badge:before{content:"";background:var(--c,#64748b);border-radius:50%;width:7px;height:7px}.cat-text{color:var(--c,inherit);font-weight:600}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--border);background:var(--surface);color:#334155;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:.9rem;font-weight:550;display:inline-flex}.tab .dot{background:var(--c,#64748b);border-radius:50%;width:8px;height:8px}.tab:hover{border-color:var(--c,var(--brand));text-decoration:none}.tab.active{background:var(--c,#0f172a);border-color:var(--c,#0f172a);color:#fff}.tab.active .dot{background:#fff}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filters>div{min-width:140px}.filters .grow{flex:1;min-width:220px}.filters .btns{gap:8px;min-width:0;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%;overflow:auto}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;background:#f8fafc;font-size:.74rem;font-weight:650}tbody tr:hover td{background:#f8fbfd}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;white-space:nowrap}tr.low td{background:var(--warn-soft)}tr.out td{color:var(--muted)}tfoot td{background:#f8fafc;font-weight:650}.empty{text-align:center;color:var(--muted);padding:32px}.badge{background:var(--brand-soft);color:var(--brand-link);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 9px;font-size:.72rem;font-weight:600;display:inline-block}.badge-warn{color:var(--warn);background:#fef3c7}.muted{color:var(--muted)}.small{font-size:.85rem}.pre-line{white-space:pre-line}.stock-edit{flex-direction:row-reverse;align-items:center;gap:6px;display:inline-flex}.stock-edit input{text-align:right;width:100px;padding:6px 9px;font-weight:600}.stock-edit .flag{text-align:left;min-width:46px;font-size:.8rem}.flag-ok{color:var(--ok);font-weight:700}.flag-err{color:var(--danger);font-weight:600}.flag-busy{color:var(--muted)}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;position:relative;overflow:hidden}.stat:before{content:"";background:var(--accent,var(--brand));width:4px;transition:width .35s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.stat{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .25s}.stat:after{content:"";background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--accent,var(--brand)) 14%, transparent), transparent);pointer-events:none;width:40%;height:100%;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.stat .value{transform-origin:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}.stat:hover{border-color:color-mix(in srgb, var(--accent,var(--brand)) 55%, var(--border));box-shadow:0 14px 28px -10px color-mix(in srgb, var(--accent,var(--brand)) 45%, transparent), 0 4px 10px #0f172a0f;transform:translateY(-4px)}.stat:hover:before{width:8px}.stat:hover:after{animation:.9s forwards stat-shine}.stat:hover .value{transform:scale(1.06)}@keyframes stat-shine{0%{left:-60%}to{left:130%}}@media (prefers-reduced-motion:reduce){.stat,.stat:before,.stat .value{transition:none}.stat:hover,.stat:hover .value{transform:none}.stat:hover:after{animation:none}}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.stat .value{letter-spacing:-.02em;margin-top:4px;font-size:1.7rem;font-weight:750}.stat.warn{--accent:#f59e0b}.stat.warn .value{color:var(--warn)}.stat.out{--accent:#94a3b8}.stackbar{background:#e2e8f0;border-radius:999px;height:14px;margin-bottom:18px;display:flex;overflow:hidden}.stackbar span{height:100%;display:block}.bars{gap:12px;display:grid}.bar-row{border-radius:var(--radius-sm);grid-template-columns:190px 1fr 120px;align-items:center;gap:14px;margin:-7px -10px;padding:7px 10px;transition:background .15s,box-shadow .15s;display:grid}.bar-row:hover{background:color-mix(in srgb, var(--c) 7%, white);box-shadow:inset 3px 0 0 var(--c)}.bar-row:hover .bar-fill{filter:brightness(.9)}.bar-name{color:var(--c);font-weight:600}.bar-name:hover{filter:brightness(.85);text-decoration:none}.bar-track{background:color-mix(in srgb, var(--c) 12%, white);border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:var(--c);border-radius:999px;height:100%}.bar-row .amount{text-align:right;white-space:nowrap;color:var(--c);font-weight:650}.two-col{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px;display:grid}.sortable{gap:8px;margin-bottom:16px;display:grid}.sort-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:10px;padding:10px 12px;display:flex}.sort-row.dragging{opacity:.45}.sort-row.over{border-color:var(--brand);box-shadow:0 0 0 3px #00aeef33}.sort-handle{cursor:grab;color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:1.1rem;line-height:1}.sort-handle:active{cursor:grabbing}.sort-content{flex:1;min-width:0}.sort-arrows{flex-direction:column;gap:2px;display:flex}.sort-arrows button{border:1px solid var(--border-strong);cursor:pointer;color:#475569;background:#fff;border-radius:5px;padding:3px 7px;font-size:.7rem;line-height:1}.sort-arrows button:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand)}.sort-arrows button:disabled{opacity:.35;cursor:default}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-form input[type=text]{max-width:240px}.inline-form select{max-width:200px}.cat-line{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex;overflow-x:auto}.cat-form{flex-wrap:nowrap;flex:1 0 auto;align-items:center;gap:12px;margin:0;display:flex}.cat-form input[type=text]{flex:none;width:200px}.cat-form .checkbox{white-space:nowrap;flex:none}.cat-form .checkbox label{white-space:nowrap}.cat-form .btn{white-space:nowrap;flex:none}.cat-meta{white-space:nowrap;flex-wrap:nowrap;flex:none;align-items:center;gap:10px;display:flex}.cat-meta form{margin:0}.type-pill{white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:.74rem;font-weight:650;display:inline-block}.type-product{color:#6d28d9;background:#ede9fe}.type-stock{background:var(--brand-soft);color:var(--brand-link)}.type-sale{color:#166534;background:#dcfce7}.login-wrap{background:radial-gradient(900px 400px at 85% -10%, #00aeef2e, transparent 60%), radial-gradient(700px 360px at -10% 110%, #00aeef1f, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px}.login-head{text-align:center;margin-bottom:20px}.login-logo{filter:drop-shadow(45px 5px 35px #000);width:auto;height:40px;margin:0 auto 14px;display:block}.photo-field{margin-top:16px}.photo-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.photo-preview{aspect-ratio:4/2;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:240px;max-width:100%;display:block}.photo-empty{color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.photo-buttons{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.name-cell{align-items:center;gap:10px;display:flex}.thumb{object-fit:cover;border:1px solid var(--border);background:var(--bg);visibility:visible;border-radius:6px;flex:none;width:44px;height:44px;display:inline-block}img,svg,video{max-width:100%}.sort-row{min-width:0}@media (max-width:1024px){.container{padding:20px 16px 56px}.topbar-inner{padding:10px 16px}}@media (max-width:720px){body{font-size:14.5px}h1{font-size:1.35rem}.bar-row{grid-template-columns:110px 1fr 90px;gap:10px}th,td{padding:9px}.container{padding:16px 12px 48px}.topbar-inner{gap:8px 12px;padding:8px 12px}.brand-sub{display:none}.brand img{height:28px}.topbar-inner{flex-wrap:nowrap}.topbar-inner>.userbox{display:none}.nav-user{display:flex}.hamburger{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;order:3;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;margin-left:auto;padding:0;transition:background .2s,border-color .2s;display:inline-flex}.hamburger:hover,.hamburger.open{background:var(--brand);border-color:var(--brand)}.hamburger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hamburger span{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{z-index:-1;background:#04202c73;animation:.2s nav-fade;display:block;position:fixed;inset:0}.nav{background:var(--brand-ink);border-bottom:3px solid var(--brand);opacity:0;visibility:hidden;flex-flow:column;gap:4px;max-height:0;padding:0 12px;transition:max-height .35s,opacity .25s,padding .35s,visibility 0s linear .35s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 16px 30px #04202c59}.nav.open{opacity:1;visibility:visible;max-height:80vh;padding:10px 12px 14px;transition:max-height .35s,opacity .25s,padding .35s,visibility}.nav a{border-radius:var(--radius-sm);opacity:0;padding:12px 14px;font-size:1rem;transform:translate(-14px)}.nav.open a{opacity:1;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1),background .15s;transition-delay:calc(var(--i,0) * 50ms + 60ms), calc(var(--i,0) * 50ms + 60ms), 0s;transform:none}.nav-user{color:#cbd5e1;opacity:0;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px 4px;transform:translate(-14px)}.nav-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.nav.open .nav-user{opacity:1;transition:opacity .3s .3s,transform .35s cubic-bezier(.22,1,.36,1) .3s;transform:none}.card{padding:16px}.page-head{gap:10px}.grid{grid-template-columns:1fr}.span-2{grid-column:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat .value{font-size:1.35rem}.filters>div{flex:140px;min-width:0}.filters .grow{flex:100%;min-width:0}.filters .btns{flex-wrap:wrap;flex:100%}.inline-form input[type=text],.inline-form select{max-width:100%}.sort-row{gap:8px;padding:8px}.photo-buttons{flex-flow:wrap}.actions .btn{flex:auto}.thumb{visibility:hidden;display:none}}@media (max-width:420px){.bar-row{grid-template-columns:1fr auto;row-gap:6px}.bar-row .bar-track{order:3;grid-column:1/-1}.stats{grid-template-columns:1fr}}.company-card{border-top:3px solid var(--brand)}.company-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.company-avatar{color:#fff;background:linear-gradient(135deg, var(--brand-accent), var(--brand));border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:750;display:flex;box-shadow:0 6px 14px -6px #0079ad99}.company-title{flex:1;min-width:160px}.company-buttons{flex-wrap:wrap;gap:8px;display:flex}.company-note{min-height:24px;margin:6px 0}.company-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px 24px;display:grid}.company-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;padding:10px 12px;transition:transform .2s,border-color .2s,background .2s}.company-item:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.company-item.wide{grid-column:1/-1}.company-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem;font-weight:650}.company-value{overflow-wrap:anywhere;margin-top:2px;font-weight:600}.login-company{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-link);margin-bottom:4px;font-size:.8rem;font-weight:650}.modal-backdrop{z-index:50;background:#04202c80;justify-content:center;align-items:center;padding:16px;animation:.2s modal-fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:20px;animation:.28s cubic-bezier(.22,1,.36,1) modal-pop}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:1.7rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-actions{gap:10px;display:grid}.modal-action{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#f8fafc;align-items:center;gap:14px;padding:14px 16px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:flex}.modal-action:hover{border-color:var(--brand);background:var(--brand-soft);text-decoration:none;transform:translate(3px)}.modal-icon{color:#fff;background:linear-gradient(135deg, var(--brand-accent), var(--brand));border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-note{min-height:28px;margin-top:10px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.remnant-area{border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-link);padding:9px 12px;font-weight:700}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border:1px solid var(--border-strong);font:inherit;cursor:pointer;color:#475569;background:#fff;border-radius:999px;padding:2px 10px;font-size:.8rem}.chip:hover{border-color:var(--brand);background:var(--brand-soft)}.remnant-box{margin-top:6px}.remnant-box summary{cursor:pointer;color:var(--brand-link);font-size:.82rem;font-weight:600;list-style:none}.remnant-box summary::-webkit-details-marker{display:none}.remnant-box summary:before{content:"▸ ";transition:transform .2s;display:inline-block}.remnant-box[open] summary:before{transform:rotate(90deg)}.remnant-table{width:100%;margin-top:8px;font-size:.88rem}.remnant-table td{border-bottom:1px solid var(--border);padding:6px 8px}.cat-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}@media (max-width:520px){.cat-footer{flex-direction:column;align-items:stretch}.cat-footer .inline-form{width:100%}.cat-footer .inline-form input[type=text]{flex:1;max-width:none}}.menu-dots{border:1px solid var(--border-strong);color:#334155;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.2rem;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.menu-dots:hover,.menu-dots[aria-expanded=true]{background:var(--brand-soft);border-color:var(--brand)}.menu-pop{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:190px;box-shadow:var(--shadow-lg);padding:6px;animation:.15s modal-pop;position:fixed}.menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 12px;font-size:.92rem;font-weight:550;display:block}.menu-item:hover{background:var(--brand-soft);color:var(--brand-link);text-decoration:none}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.remnant-chip{border:1px solid color-mix(in srgb, var(--brand) 40%, white);background:var(--brand-soft);color:var(--brand-link);font:inherit;cursor:pointer;vertical-align:middle;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:30px;padding:1px 10px;font-size:.76rem;font-weight:650;transition:background .15s,border-color .15s;display:inline-flex}.remnant-chip:hover{border-color:var(--brand);background:#d3effc}.remnant-chip .chev{transition:transform .25s;display:inline-block}.remnant-chip.open .chev{transform:rotate(90deg)}.sub-row td{background:#fbfdff;border-bottom:none;padding:0}tbody .sub-row:hover td{background:#fbfdff}.sub-row.open td{border-bottom:1px solid var(--border)}.sub-anim{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.sub-row.open .sub-anim{grid-template-rows:1fr}.sub-inner{min-height:0;overflow:hidden}.sub-list{border-left:3px solid color-mix(in srgb, var(--brand) 55%, white);opacity:0;gap:6px;margin:8px 14px 12px 116px;padding-left:14px;transition:opacity .25s 50ms,transform .3s 50ms;display:grid;transform:translateY(-6px)}.sub-row.open .sub-list{opacity:1;transform:none}.sub-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;grid-template-columns:minmax(150px,auto) 100px 1fr auto;align-items:center;gap:12px;padding:6px 10px;font-size:.9rem;transition:border-color .15s,background .15s;display:grid}.sub-item:hover{border-color:var(--brand);background:var(--brand-soft)}.sub-dims{white-space:nowrap;font-weight:600}.sub-area{text-align:right;white-space:nowrap;font-weight:650}.sub-note{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}@media (max-width:720px){.sub-list{margin-left:16px}.sub-item{grid-template-columns:1fr auto}.sub-note{order:4;grid-column:1/-1}.remnant-chip{margin-left:6px}}@media (prefers-reduced-motion:reduce){.sub-anim,.sub-list,.remnant-chip .chev{transition:none}}.col-rb{text-align:right;width:48px;color:var(--muted);font-variant-numeric:tabular-nums}th.col-rb{text-align:right}@media (max-width:720px){.sub-list{margin-left:16px}}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.pager-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pager-sizes{align-items:center;gap:8px;display:inline-flex}.pager-sizes a{border-radius:6px;padding:2px 8px;text-decoration:none}.pager-sizes a.active{background:var(--brand,#00aeef);color:#fff}.btn.disabled{opacity:.45;pointer-events:none}