@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-cyrillic-ext-wght-normal.b5cdd4765614e027c252.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-cyrillic-wght-normal.49594fb515ba00213fc3.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-greek-ext-wght-normal.f4df85d151e5ee39bc2b.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-greek-wght-normal.4f908aee8194b11d9c35.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-vietnamese-wght-normal.ab4bb8dcda024fe6eff2.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-latin-ext-wght-normal.8bff79fbfaa8b8167a0b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-latin-wght-normal.4f2981d82860061bca3e.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--brand:#2e7d32;--brand-800:#1c4d1f;--brand-700:#246127;--brand-400:#629e65;--brand-200:#b3d4b4;--brand-100:#d9ebda;--brand-50:#edf5ed;--brand-contrast:#fff;--accent:#f2b705;--accent-700:#9d7703;--accent-100:#fcedc0;--accent-50:#fef8e6;--accent-contrast:#16211a;--bg:#f3f6f3;--surface:#fff;--surface-2:#f8faf8;--surface-3:#eef2ef;--border:#e1e7e2;--border-strong:#cbd5cd;--text:#16211a;--text-2:#37443b;--muted:#66756b;--faint:#95a39a;--danger:#c62828;--danger-50:#fdeceb;--warning:#9a5b00;--warning-50:#fff4dc;--info:#1f5fb4;--info-50:#e9f1fc;--success:#2e7d32;--success-50:#e7f4e8;--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-xs:0 1px 1px #1021160a;--shadow-sm:0 1px 2px #1021160f,0 1px 3px #1021160a;--shadow:0 2px 6px #1021160f,0 8px 24px #1021160d;--shadow-lg:0 16px 40px #1021162e;--ring:0 0 0 3px var(--brand-100);--font:"Inter Variable",Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--sidebar-w:244px;--rail-w:76px;--topbar-h:60px;--bottom-nav-h:64px;--page-pad:28px;--ease:cubic-bezier(0.2,0.7,0.2,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}body,h1,h2,h3,h4,p{margin:0}h1{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.25}h2{font-size:16px;letter-spacing:-.01em}h2,h3{font-weight:650}h3{font-size:14px}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{color:inherit;font:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand-100)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.tiny{font-size:11.5px}.mono{font-family:var(--mono);font-size:.95em}.nowrap{white-space:nowrap}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.strong{font-weight:600}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pre-line{white-space:pre-line}.row,.row-wrap{align-items:center;display:flex;gap:8px}.row-wrap{flex-wrap:wrap}.spacer{flex:1 1}.stack{gap:16px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:8px}.grid-2{grid-gap:12px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:12px 14px}.grid-3{grid-gap:12px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-all{grid-column:1/-1}@media (max-width:720px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}.btn{--btn-h:38px;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:560;gap:8px;height:var(--btn-h);justify-content:center;line-height:1;padding:0 14px;text-decoration:none!important;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--faint)}.btn:active{transform:translateY(.5px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.btn svg{flex-shrink:0;height:17px;width:17px}.btn-primary{background:var(--brand);border-color:var(--brand);box-shadow:0 1px 2px #1021161f,inset 0 1px 0 #ffffff1f;color:var(--brand-contrast)}.btn-primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-accent:hover{background:var(--accent-700);border-color:var(--accent-700);color:#fff}.btn-soft{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-700)}.btn-soft:hover{background:var(--brand-100);border-color:var(--brand-200)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-3);border-color:#0000}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#a51f1f;border-color:#a51f1f}.btn-danger-ghost{background:#0000;border-color:#0000;color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger-50)}.btn-sm{--btn-h:32px;font-size:13px;gap:6px;padding:0 10px}.btn-sm svg{height:15px;width:15px}.btn-lg{--btn-h:46px;border-radius:var(--radius);font-size:15px;padding:0 20px}.btn-lg svg{height:19px;width:19px}.btn-xl{--btn-h:54px;border-radius:var(--radius);font-size:15.5px;padding:0 22px}.btn-xl svg{height:21px;width:21px}.btn-icon{padding:0;width:var(--btn-h)}.btn-block{width:100%}.btn .kbd{margin-left:2px}.btn-group{display:inline-flex}.btn-group>.btn:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.btn-group>.btn-primary:not(:first-child){border-left-color:#ffffff4d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;min-height:54px;padding:14px 18px}.card-header h2{font-size:15px}.card-header .card-icon{background:var(--brand-50);border-radius:8px;color:var(--brand-700);display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.card-header .card-icon svg{height:17px;width:17px}.card-body{padding:18px}.card-body.tight{padding:12px 14px}.card-footer{background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);padding:12px 18px}.card-flush{overflow:hidden}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{align-items:center;color:var(--text-2);display:flex;font-size:12.5px;font-weight:560;gap:6px}.field-label .req{color:var(--danger);font-weight:700}.field-label .opt{color:var(--faint);font-weight:450}.field-hint{color:var(--muted);font-size:12px}.field-error{color:var(--danger);font-size:12px;font-weight:500}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:14px;height:40px;min-width:0;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.textarea{height:auto;line-height:1.45;min-height:74px;padding:9px 12px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2366756b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:34px}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.input[readonly]{background:var(--surface-2)}.input.invalid,.select.invalid,.textarea.invalid{background:snow;border-color:var(--danger)}.input.invalid:focus,.textarea.invalid:focus{box-shadow:0 0 0 3px var(--danger-50)}.input-sm{font-size:13.5px;height:34px;padding:0 10px}.input-lg{font-size:15px;height:46px}.input-group{align-items:center;display:flex;position:relative}.input-group>.input{flex:1 1}.input-group .input-icon{color:var(--faint);display:flex;left:11px;pointer-events:none;position:absolute}.input-group .input-icon svg{height:17px;width:17px}.input-group .input-icon+.input{padding-left:36px}.input-group .input-addon{align-items:center;display:flex;gap:4px;position:absolute;right:6px}.input-prefix{color:var(--muted);font-size:13.5px;left:11px;pointer-events:none;position:absolute}.input-prefix+.input{padding-left:26px}input[type=number].no-spin::-webkit-inner-spin-button,input[type=number].no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].no-spin{appearance:textfield}input[type=color].color-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;height:40px;padding:3px;width:44px}.checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:13.5px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox input{accent-color:var(--brand);cursor:pointer;height:17px;margin:0;width:17px}.toggle{align-items:flex-start;cursor:pointer;display:inline-flex;gap:12px;-webkit-user-select:none;user-select:none}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .track{background:var(--border-strong);border-radius:999px;flex-shrink:0;height:22px;margin-top:1px;position:relative;transition:background .18s;width:38px}.toggle .track:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .18s var(--ease);width:16px}.toggle input:checked+.track{background:var(--brand)}.toggle input:checked+.track:after{transform:translateX(16px)}.toggle input:focus-visible+.track{box-shadow:var(--ring)}.toggle-text strong{display:block;font-size:13.5px;font-weight:560}.toggle-text span{color:var(--muted);display:block;font-size:12.5px}.segmented{background:var(--surface-3);border:1px solid var(--border);border-radius:9px;display:inline-flex;gap:2px;padding:3px}.segmented button{align-items:center;background:#0000;border:0;border-radius:7px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:560;gap:6px;padding:6px 12px;white-space:nowrap}.segmented button svg{height:15px;width:15px}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.badge{align-items:center;background:var(--surface-3);border:1px solid #0000;border-radius:999px;color:var(--text-2);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;height:22px;padding:0 9px;white-space:nowrap}.badge:before{background:currentColor;border-radius:50%;content:"";height:6px;opacity:.85;width:6px}.badge.plain:before{display:none}.badge-neutral{background:#eef0ee;color:#4f5b53}.badge-warning{background:var(--warning-50);color:var(--warning)}.badge-info{background:var(--info-50);color:var(--info)}.badge-success{background:var(--success-50);color:var(--success)}.badge-danger{background:var(--danger-50);color:var(--danger)}.badge-brand{background:var(--brand-50);color:var(--brand-700)}.badge-accent{background:var(--accent-100);color:#6b5100}.chip{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:520;gap:6px;height:32px;padding:0 12px;transition:all .15s;white-space:nowrap}.chip svg{color:var(--brand);height:15px;width:15px}.chip:hover{background:var(--brand-50);border-color:var(--brand-400);color:var(--brand-800)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.chip[aria-pressed=true] svg{color:inherit}.chip-sm{font-size:12px;height:26px;padding:0 10px}.chip-remove{background:#0000;border:0;cursor:pointer;padding:0}.chip-remove,.kbd{color:var(--muted);display:inline-flex}.kbd{align-items:center;background:var(--surface);border:solid var(--border-strong);border-radius:4px;border-width:1px 1px 2px;font-family:var(--font);font-size:10.5px;font-weight:600;height:19px;line-height:1;padding:0 5px}.btn-primary .kbd{background:#ffffff29;border-color:#ffffff59;color:inherit}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table{border-collapse:initial;border-spacing:0;font-size:13.5px;width:100%}.table th{background:var(--surface-2);color:var(--muted);font-size:11.5px;font-weight:650;letter-spacing:.04em;padding:10px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:12px 14px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr:hover td{background:#fafcfa}.table tbody tr.selected td{background:var(--brand-50)}.table .col-check{padding-right:0;width:40px}.table .col-actions{text-align:right;white-space:nowrap;width:1%}.table .cell-title{color:var(--text);font-weight:600}.table .cell-sub{color:var(--muted);font-size:12.5px}.overlay{align-items:center;animation:fadeIn .15s ease;background:#0e18116b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:80}.modal{animation:popIn .18s var(--ease);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100dvh - 40px);max-width:560px;width:100%}.modal-lg{max-width:820px}.modal-sm{max-width:420px}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:18px 20px 14px}.modal-header h2{font-size:17px}.modal-header p{color:var(--muted);font-size:13px;margin-top:2px}.modal-body{overflow-y:auto;padding:18px 20px}.modal-footer{background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:14px 20px}.confirm-icon{background:var(--warning-50);border-radius:50%;color:var(--warning);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.confirm-icon.danger{background:var(--danger-50);color:var(--danger)}@media (max-width:640px){.overlay{align-items:flex-end;padding:0}.modal{animation:slideUp .22s var(--ease);border-radius:18px 18px 0 0;max-height:94dvh}.modal-footer{border-radius:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.modal-footer .btn{flex:1 1}}.drawer-overlay{animation:fadeIn .15s ease;background:#0e181152;inset:0;position:fixed;z-index:70}.drawer{animation:slideIn .22s var(--ease);background:var(--surface);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:fixed;right:0;top:0;width:min(560px,100vw);z-index:71}.drawer-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:18px 20px}.drawer-body{flex:1 1;overflow-y:auto;padding:18px 20px 28px}.menu{animation:popIn .12s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:210px;padding:6px;position:fixed;z-index:90}.menu-item{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:8px 10px;text-align:left;width:100%}.menu-item svg{color:var(--muted);height:16px;width:16px}.menu-item:focus-visible,.menu-item:hover{background:var(--surface-3);outline:none}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-50)}.menu-sep{background:var(--border);height:1px;margin:5px 4px}.menu-label{color:var(--faint);font-size:11px;font-weight:650;letter-spacing:.05em;padding:6px 10px 4px;text-transform:uppercase}.combo{position:relative}.listbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);left:0;max-height:320px;min-width:260px;overflow-y:auto;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:40}.option{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:8px 10px}.option[aria-selected=true]{background:var(--brand-50)}.option .option-main{flex:1 1;min-width:0}.option .option-title{font-weight:560}.option .option-sub,.option .option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option .option-sub{color:var(--muted);font-size:12px}.option .option-side{color:var(--muted);font-size:12.5px;white-space:nowrap}.option-icon{background:var(--surface-3);border-radius:8px;color:var(--muted);display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.option-icon svg{height:16px;width:16px}.listbox-empty{color:var(--muted);font-size:13px;padding:12px}.listbox-group{color:var(--faint);font-size:11px;font-weight:650;letter-spacing:.05em;padding:8px 10px 4px;text-transform:uppercase}.toasts{bottom:20px;flex-direction:column;max-width:min(420px,calc(100vw - 32px));pointer-events:none;position:fixed;right:20px;z-index:100}.toast,.toasts{display:flex;gap:10px}.toast{align-items:flex-start;animation:toastIn .22s var(--ease);background:#17231b;border-radius:var(--radius);box-shadow:var(--shadow-lg);color:#fff;font-size:13.5px;padding:12px 14px;pointer-events:auto}.toast svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.toast.success svg{color:#7fd685}.toast.error{background:#5b1414}.toast.error svg{color:#ffb3ad}.toast.info svg{color:#9cc4ff}.toast .toast-close{background:#0000;border:0;color:#fff9;cursor:pointer;margin-left:4px;padding:0}.toast .toast-title{font-weight:600}.toast .toast-msg{color:#ffffffd1;font-size:13px}.toast .toast-action{background:#ffffff24;border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:12.5px;font-weight:600;margin-top:6px;padding:4px 10px}@media (max-width:760px){.toasts{bottom:calc(var(--bottom-nav-h) + 12px + env(safe-area-inset-bottom));left:16px;max-width:none;right:16px}}.empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:44px 20px;text-align:center}.empty-icon{background:var(--brand-50);border-radius:16px;color:var(--brand);display:grid;height:56px;margin-bottom:4px;place-items:center;width:56px}.empty-icon svg{height:26px;width:26px}.empty h3{font-size:15.5px}.empty p{color:var(--muted);font-size:13.5px;max-width:380px}.empty .row-wrap{justify-content:center;margin-top:6px}.stat{align-items:center;display:flex;gap:14px;padding:16px 18px}.stat-icon{background:var(--brand-50);border-radius:12px;color:var(--brand-700);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.stat-icon svg{height:21px;width:21px}.stat-icon.accent{background:var(--accent-50);color:var(--accent-700)}.stat-icon.info{background:var(--info-50);color:var(--info)}.stat-icon.neutral{background:var(--surface-3);color:var(--text-2)}.stat-value{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:720;letter-spacing:-.02em;line-height:1.1}.stat-label{color:var(--muted);font-size:12.5px;font-weight:520}.tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:560;gap:7px;margin-bottom:-1px;padding:10px 12px;white-space:nowrap}.tab svg{height:16px;width:16px}.tab[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand-700)}.tab:hover{color:var(--text)}.alert{align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:13.5px;gap:10px;padding:11px 14px}.alert svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.alert-info{background:var(--info-50);border-color:#cfe0f7;color:#173f73}.alert-warning{background:var(--warning-50);border-color:#f4dfaa;color:#5f3a00}.alert-success{background:var(--success-50);border-color:#c8e6c9;color:#1b4d1e}.alert-danger{background:var(--danger-50);border-color:#f5c6c3;color:#7a1a1a}.alert .alert-actions{display:flex;flex-shrink:0;gap:6px;margin-left:auto}.divider{background:var(--border);border:0;height:1px;margin:4px 0}.section-title{color:var(--muted);font-size:11.5px;font-weight:650;letter-spacing:.06em}.avatar,.section-title{text-transform:uppercase}.avatar{background:var(--brand-100);border-radius:10px;color:var(--brand-800);display:grid;flex-shrink:0;font-size:13px;font-weight:700;height:36px;place-items:center;width:36px}.avatar-lg{border-radius:14px;font-size:16px;height:48px;width:48px}.dl{grid-gap:6px 16px;display:grid;font-size:13.5px;gap:6px 16px;grid-template-columns:max-content 1fr;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0;min-width:0;overflow-wrap:anywhere}.skeleton{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,var(--surface-3) 25%,#f7f9f7 50%,var(--surface-3) 75%);background-size:200% 100%;border-radius:6px}.image-drop{align-items:center;background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--radius);display:flex;gap:14px;min-height:92px;padding:14px}.image-drop.dragging{background:var(--brand-50);border-color:var(--brand)}.image-drop .preview{background:#fff repeating-conic-gradient(#f1f3f1 0 25%,#fff 0 50%) 50% /14px 14px;border:1px solid var(--border);border-radius:8px;display:grid;flex-shrink:0;height:64px;overflow:hidden;place-items:center;width:120px}.image-drop .preview img{max-height:100%;max-width:100%}.color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;height:26px;padding:0;width:26px}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}}@keyframes slideIn{0%{opacity:0;transform:translateX(40px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--brand-800);background-image:linear-gradient(180deg,#ffffff0a,#0000001f);color:#ffffffdb;display:flex;flex-direction:column;gap:6px;height:100dvh;padding:16px 12px;position:sticky;top:0;z-index:30}.brand{align-items:center;color:#fff;display:flex;gap:10px;padding:4px 8px 16px;text-decoration:none!important}.brand-mark{background:#fff;border-radius:11px;box-shadow:0 2px 6px #0003;display:grid;flex-shrink:0;height:38px;overflow:hidden;place-items:center;width:38px}.brand-mark img{max-height:30px;max-width:30px}.brand-text{min-width:0}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-sub{color:#ffffff9e;font-size:11.5px;font-weight:500}.sidebar .btn-new{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #0000002e;color:var(--accent-contrast);font-weight:650;height:42px;margin:0 4px 10px}.sidebar .btn-new:hover{filter:brightness(1.05)}.nav{display:flex;flex-direction:column;gap:2px}.nav-section{color:#ffffff73;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:14px 12px 6px;text-transform:uppercase}.nav-link{align-items:center;border-radius:8px;color:#fffc;display:flex;font-size:14px;font-weight:540;gap:11px;padding:9px 12px;position:relative;text-decoration:none!important;transition:background .15s,color .15s}.nav-link svg{flex-shrink:0;height:19px;opacity:.9;width:19px}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff24;color:#fff}.nav-link.active:before{background:var(--accent);border-radius:0 3px 3px 0;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:3px}.nav-count{background:#ffffff24;border-radius:999px;font-size:11px;font-weight:650;margin-left:auto;padding:1px 7px}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:12px 8px 2px}.user-chip{align-items:center;background:#0000;border:0;border-radius:9px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:8px;text-align:left;width:100%}.user-chip:hover{background:#ffffff14}.user-chip .avatar{background:#ffffff29;border-radius:9px;color:#fff;font-size:12px;height:32px;width:32px}.user-chip small{color:#ffffff8c;display:block;font-size:11px}.topbar-user{background:none;border:0;border-radius:10px;cursor:pointer;display:none;padding:0}.main{display:flex;flex-direction:column;min-width:0}.topbar{align-items:center;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);background:#f3f6f3db;border-bottom:1px solid var(--border);display:flex;gap:12px;height:var(--topbar-h);padding:0 var(--page-pad);position:sticky;top:0;z-index:25}.topbar-search{flex:1 1;max-width:560px}.topbar-mobile-brand{display:none}.page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1440px;padding:24px var(--page-pad) 48px;width:100%}.page-narrow{max-width:1100px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.page-header .titles{flex:1 1;min-width:0}.page-header .subtitle{color:var(--muted);font-size:13.5px;margin-top:3px}.page-header .actions{display:flex;flex-wrap:wrap;gap:8px}.back-link{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;font-weight:520;gap:4px;margin-bottom:4px}.back-link svg{height:15px;width:15px}.bottom-nav{display:none}@media (max-width:1100px){.app{grid-template-columns:var(--rail-w) minmax(0,1fr)}.sidebar{align-items:center;padding:14px 10px}.brand{padding:2px 0 14px}.brand-text,.nav-count,.nav-label,.nav-section,.sidebar .btn-new .btn-label,.user-chip .user-text{display:none}.sidebar .btn-new{margin:0 0 10px;padding:0;width:46px}.nav{align-items:center;width:100%}.nav-link{height:44px;justify-content:center;padding:0;width:48px}.nav-link.active:before{left:-10px}.user-chip{justify-content:center}.sidebar-footer{align-items:center;width:100%}:root{--page-pad:22px}}@media (max-width:760px){:root{--page-pad:16px;--topbar-h:56px}.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{gap:10px;padding:0 12px}.topbar-mobile-brand{align-items:center;color:var(--text);display:flex;gap:8px;text-decoration:none!important}.topbar-mobile-brand .brand-mark{border:1px solid var(--border);border-radius:10px;box-shadow:none;height:34px;width:34px}.topbar-new{display:none!important}.topbar-user{display:block;flex-shrink:0}.page{gap:16px;padding:16px var(--page-pad) calc(var(--bottom-nav-h) + 32px + env(safe-area-inset-bottom))}h1{font-size:20px}.bottom-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid var(--border);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:40}.bottom-nav a,.bottom-nav button{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:560;gap:3px;justify-content:center;text-decoration:none!important}.bottom-nav svg{height:21px;width:21px}.bottom-nav .active{color:var(--brand-700)}.bottom-nav .fab{background:var(--brand);border-radius:16px;box-shadow:0 6px 16px #143c1959;color:var(--brand-contrast);display:grid;height:50px;margin-top:-14px;place-items:center;width:50px}.bottom-nav .fab svg{height:24px;width:24px}}.boot,.boot-error{display:grid;min-height:100dvh;padding:24px;place-items:center;text-align:center}.boot-mark{animation:pulse 1.1s ease-in-out infinite;background:var(--brand);border-radius:14px;height:46px;width:46px}.boot-error{align-content:center;gap:10px;margin:0 auto;max-width:560px}@keyframes pulse{50%{opacity:.6;transform:scale(.88)}}.show-mobile,.show-mobile-inline{display:none!important}.text-warning{color:var(--warning)}.link-btn{align-items:center;background:none;border:0;color:var(--brand-700);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:3px;padding:0}.link-btn:hover{text-decoration:underline}.mono-input{font-family:var(--mono);font-size:13.5px;letter-spacing:.01em}.check{accent-color:var(--brand);cursor:pointer;height:17px;margin:0;width:17px}.status-select{border-radius:999px;font-size:12.5px;font-weight:600;min-width:150px;padding-left:12px;width:auto}.status-select.tone-neutral{background-color:#f1f3f1;border-color:#dde3de;color:#4f5b53}.status-select.tone-warning{background-color:var(--warning-50);border-color:#f2dca6;color:var(--warning)}.status-select.tone-info{background-color:var(--info-50);border-color:#c9dbf5;color:var(--info)}.status-select.tone-success{background-color:var(--success-50);border-color:#c3e2c5;color:var(--success)}.status-select.tone-danger{background-color:var(--danger-50);border-color:#f2c4c0;color:var(--danger)}.danger-card{border-color:#f2c4c0}.global-search{position:relative;width:100%}.global-search .search-kbd{pointer-events:none}.global-search input[type=search]::-webkit-search-cancel-button{cursor:pointer}.search-panel{max-height:min(70vh,520px)}.search-foot{align-items:center;border-top:1px solid var(--border);color:var(--faint);display:flex;font-size:11.5px;gap:5px;margin-top:4px;padding:8px 10px 4px}.hero{grid-gap:18px 24px;align-items:center;background-color:var(--surface);background-image:radial-gradient(circle at 100% 0,var(--brand-50),#0000 46%),radial-gradient(circle at 0 120%,var(--accent-50),#0000 40%);display:grid;gap:18px 24px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:24px 26px}.hero h1{font-size:26px;margin:2px 0 4px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-search{grid-column:1/-1}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-link{color:inherit;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}.stat-link:hover{border-color:var(--brand-200);box-shadow:var(--shadow)}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.pipe{align-items:baseline;border-left:1px solid var(--border);color:inherit;display:flex;gap:10px;padding:14px 18px;position:relative;text-decoration:none!important}.pipe:first-child{border-left:0}.pipe:before{background:var(--border);content:"";height:3px;left:0;position:absolute;right:0;top:0}.pipe-warning:before{background:var(--accent)}.pipe-info:before{background:var(--info)}.pipe-success:before{background:var(--success)}.pipe:hover{background:var(--surface-2)}.pipe-count{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:720}.pipe-label{color:var(--muted);font-size:13px;font-weight:540}.dash-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.recent-list{list-style:none;margin:0;padding:0}.recent-list li{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:14px;padding:12px 18px}.recent-list li:last-child{border-bottom:0}.recent-list li:hover{background:var(--surface-2)}.recent-main{flex:1 1;min-width:0}.recent-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.recent-actions{display:flex;gap:2px}.attention{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-2);display:flex;font-size:13px;gap:8px;padding:8px 10px;text-decoration:none!important}.attention:hover{background:var(--brand-50);border-color:var(--brand-200)}.attention svg{color:var(--accent-700);flex-shrink:0}.shortcuts dt{min-width:64px}.editor-page{padding-bottom:120px}.autosave{align-items:center;color:var(--muted);display:inline-flex;font-size:12.5px;gap:5px}.editor-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.editor-layout.with-preview{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)}.editor-preview{display:flex;max-height:calc(100dvh - var(--topbar-h) - 120px);position:sticky;top:calc(var(--topbar-h) + 16px)}.preview-panel{display:flex;flex-direction:column;gap:10px;min-height:0;width:100%}.editor-preview .preview-panel{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.preview-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between}.preview-scroll{border-radius:8px;min-height:0;overflow-y:auto}.meta-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.picked-customer{align-items:center;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius);display:flex;gap:12px;padding:10px 12px}.picked-customer .avatar{background:var(--brand);color:var(--brand-contrast)}.address-chips,.quick-add{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px}.address-chips .chip svg,.quick-add .chip svg{height:13px;width:13px}.grid-4 .span-2-md,.span-2-md{grid-column:span 2}.grid-3 .span-2-md{grid-column:span 1}.items-grid{border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:visible}.item-row,.items-head{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:26px minmax(0,1fr) 76px 84px 104px 108px 72px;padding:8px 10px}.items-head{background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.item-row,.items-head{border-bottom:1px solid var(--border)}.item-row:last-of-type{border-bottom:0}.item-row .input{height:38px}.item-idx{color:var(--faint);font-size:12.5px;font-weight:600;text-align:center}.item-label{display:none}.item-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.item-actions{display:flex;gap:2px;justify-content:flex-end}.item-details{grid-gap:8px;display:grid;gap:8px;grid-column:2/-1;grid-template-columns:160px 110px minmax(0,1fr)}.item-details .item-desc{grid-column:auto}.input.zero{background:var(--accent-50);border-color:#e9c46a}.items-footer{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.totals-box{border:1px solid var(--border);border-radius:var(--radius);min-width:260px;overflow:hidden}.totals-box>div{border-bottom:1px solid var(--border);display:flex;font-size:13.5px;gap:20px;justify-content:space-between;padding:8px 14px}.totals-box>div:last-child{border-bottom:0}.totals-box .grand{background:var(--brand-50);color:var(--brand-800);font-size:15.5px;font-weight:700}.stepper{display:flex;gap:0}.stepper .btn{--btn-h:40px;flex-shrink:0}.stepper .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stepper .input{border-radius:0;margin:0 -1px;min-width:0;position:relative;text-align:center}.stepper .input:focus{z-index:1}.action-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid var(--border);bottom:0;box-shadow:0 -6px 20px #1021160f;left:var(--sidebar-w);position:fixed;right:0;z-index:20}.action-bar-inner{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:1440px;padding:10px var(--page-pad)}.action-total{display:flex;flex-direction:column;line-height:1.2}.action-total strong{font-feature-settings:"tnum";font-size:18px;font-variant-numeric:tabular-nums}.paste-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.paste-result{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;padding:12px 14px}.editor-form{container-name:editor;container-type:inline-size}@container editor (max-width: 780px){.items-head{display:none}.items-grid{border:0;gap:10px}.item-row{border:1px solid var(--border);border-radius:var(--radius);gap:8px;grid-template-areas:"idx name name actions" "qty unit rate amount" "details details details details";grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}.item-row:last-of-type{border-bottom:1px solid var(--border)}.item-idx{display:none;grid-area:idx}.item-name{grid-area:1/1/2/4}.item-actions{grid-area:actions}.item-qty{grid-area:qty}.item-unit{grid-area:unit}.item-rate{grid-area:rate}.item-amount{align-self:end;grid-area:amount;padding-bottom:9px}.item-details{grid-area:details;grid-template-columns:1fr 1fr}.item-details .item-desc{grid-column:1/-1}.item-label{color:var(--muted);display:block;font-size:11px;font-weight:600;margin-bottom:3px}}@container editor (min-width: 700px){.meta-row{grid-template-columns:1.5fr 1fr 1.2fr 1.2fr}}@container editor (max-width: 520px){.meta-row>:first-child{grid-column:1/-1}}.big-actions{display:flex;flex-wrap:wrap;gap:10px}.big-actions.vertical{flex-direction:column}.view-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 340px}.view-doc{background:var(--surface-3);overflow:hidden}.timeline{display:flex;flex-direction:column;gap:10px;list-style:none;margin:4px 0 0;padding:0}.timeline li{align-items:flex-start;display:flex;gap:10px}.timeline .dot{background:var(--faint);border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.dot.tone-warning{background:var(--accent)}.dot.tone-info{background:var(--info)}.dot.tone-success{background:var(--success)}.dot.tone-danger{background:var(--danger)}.filters{display:flex;flex-direction:column;gap:12px;padding:12px 14px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filters-search{flex:1 1 320px}.filters-date{min-width:170px;width:auto}.filters-custom .input{width:150px}.filters-more{padding-top:4px}.status-tabs{display:flex;flex-wrap:wrap;gap:6px}.status-tabs .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;opacity:.7}.bulk-bar{align-items:center;background:var(--brand-800);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;position:sticky;top:calc(var(--topbar-h) + 8px);z-index:15}.bulk-bar .btn:not(.btn-accent){background:#ffffff1f;border-color:#fff3;color:#fff}.records-table td{padding-bottom:10px;padding-top:10px}.products-table tr.archived td{opacity:.6}.record-cards{display:flex;flex-direction:column;gap:10px}.record-card{cursor:pointer;padding:12px 14px}.record-card.selected{background:var(--brand-50);border-color:var(--brand-400)}.record-card-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px}.labels-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.labels-preview{background:var(--surface-3);max-height:calc(100dvh - var(--topbar-h) - 40px);overflow-y:auto;position:sticky;top:calc(var(--topbar-h) + 16px)}.layout-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.layout-option{align-items:center;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:12px 6px 10px}.layout-option[aria-checked=true]{background:var(--brand-50);border-color:var(--brand);box-shadow:var(--ring)}.layout-icon{grid-gap:2px;background:#fff;border:1.5px solid var(--muted);border-radius:3px;display:grid;gap:2px;height:46px;margin-bottom:4px;padding:2px;width:34px}.layout-icon span{background:var(--brand-100);border:1px solid var(--brand-400);border-radius:1px}.layout-icon-2{grid-template-rows:1fr 1fr}.layout-icon-4{grid-template:1fr 1fr/1fr 1fr}.label-picks{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.label-picks li{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px 8px 8px 12px}.mini-stats{border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.mini-stats>div{border-left:1px solid var(--border);padding:10px 14px}.mini-stats>div:first-child{border-left:0}.mini-stats .stat-value{font-size:17px}.mini-stats .small-value{font-size:14px;padding-top:3px}.address-card,.address-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.address-card.is-default,.address-editor.is-default{background:var(--brand-50);border-color:var(--brand-200)}.history-list{border:1px solid var(--border);border-radius:var(--radius);list-style:none;margin:0;overflow:hidden;padding:0}.history-list li{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:10px 12px}.history-list li:last-child{border-bottom:0}.history-list li:hover{background:var(--surface-2)}.settings-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:210px minmax(0,1fr) minmax(300px,.62fr)}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--topbar-h) + 16px)}.settings-tab{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--text-2);cursor:pointer;display:flex;font-size:13.5px;font-weight:540;gap:10px;padding:9px 12px;text-align:left;white-space:nowrap}.settings-tab svg{color:var(--muted);height:17px;width:17px}.settings-tab:hover{background:var(--surface-3)}.settings-tab.active{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--brand-700)}.settings-tab.active svg{color:var(--brand)}.settings-preview{position:sticky;top:calc(var(--topbar-h) + 16px)}.settings-layout:not(:has(.settings-preview)){grid-template-columns:210px minmax(0,1fr)}.settings-savebar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);bottom:12px;box-shadow:var(--shadow);display:flex;gap:8px;padding:10px 14px;position:sticky;z-index:10}.settings-savebar.dirty{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-100),var(--shadow)}.radio-card{align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:10px;padding:10px 12px}.radio-card:has(input:checked){background:var(--brand-50);border-color:var(--brand)}.radio-card input{accent-color:var(--brand);margin-top:3px}.radio-card span span{display:block}@media (max-width:1280px){.settings-layout{grid-template-columns:200px minmax(0,1fr)}.settings-preview{display:none}.view-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:1100px){.action-bar{left:var(--rail-w)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.labels-layout,.view-layout{grid-template-columns:minmax(0,1fr)}.labels-preview{max-height:none;position:static}.hero{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.settings-layout,.settings-layout:not(:has(.settings-preview)){grid-template-columns:minmax(0,1fr)}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:2px;position:static;scrollbar-width:none}}@media (max-width:760px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.show-mobile-inline{display:inline!important}.hero{gap:14px;padding:18px}.hero h1{font-size:22px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.stat,.stats-grid{gap:10px}.stat{padding:12px}.stat-icon{border-radius:10px;height:36px;width:36px}.stat-value{font-size:20px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe:nth-child(3){border-left:0}.pipe:nth-child(n+3){border-top:1px solid var(--border)}.recent-actions{display:none}.recent-list li{padding:12px 14px}.card-body{padding:14px}.card-header{padding:12px 14px}.page-header .actions{width:100%}.page-header .actions .btn{flex:1 1}.big-actions .btn{flex:1 1 100%}.filters-date{flex:1 1}.grid-4 .span-2-md{grid-column:1/-1}.items-footer .btn,.totals-box{width:100%}.action-bar{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));left:0}.action-bar-inner{gap:6px;padding:8px 12px}.action-total strong{font-size:15px}.action-bar .btn-lg{--btn-h:42px;font-size:14px;padding:0 12px}.hide-xs-text span{display:none}.hide-xs-text{padding:0;width:var(--btn-h)}.editor-page{padding-bottom:calc(var(--bottom-nav-h) + 110px)}.paste-grid{grid-template-columns:minmax(0,1fr)}.hide-sm{display:none}.topbar-search .input{font-size:14px;height:38px}.global-search .search-kbd{display:none}.bulk-bar{top:calc(var(--topbar-h) + 6px)}.products-table .truncate{white-space:normal}.products-table td,.products-table th{padding-left:12px;padding-right:8px}.layout-picker{gap:6px}.view-doc .scaled-preview{padding:8px!important}}@media (max-width:480px){.hide-xs{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-total .muted,.stat-icon{display:none}}.login-page{background:var(--bg);display:grid;min-height:100dvh;padding:24px 16px;place-items:center}.login-card{grid-gap:14px;display:grid;gap:14px;max-width:400px;padding:24px;width:100%}.login-brand{align-items:center;display:flex;gap:12px;margin-bottom:4px}.login-brand img{border-radius:12px}.login-brand h1{font-size:1.25rem;margin:0}.login-brand p{margin:2px 0 0}.login-help{margin:0;text-align:center}.settings-fieldset{border:0;display:flex;flex-direction:column;gap:16px;margin:0;min-width:0;padding:0}.team-table td{vertical-align:middle}.doc{-webkit-font-smoothing:antialiased;color:#18201a;font-family:var(--font)}.paper-stack{align-items:flex-start;gap:18px}.a4-page,.paper-stack{display:flex;flex-direction:column}.a4-page{background:#fff;box-shadow:0 1px 3px #1021161f,0 10px 30px #1021161a;font-size:9.4pt;height:297mm;line-height:1.38;overflow:hidden;padding:11mm 12mm 8mm;position:relative;width:210mm}.doc-plain .a4-page,.doc-plain .label-sheet{box-shadow:none}.doc-measure{left:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:210mm;z-index:-1}.doc-measure .a4-page{box-shadow:none;height:auto;min-height:0}.doc-content{display:flex;flex-direction:column;gap:3.4mm}.dc-header{align-items:flex-start;display:flex;gap:4.5mm}.dc-logo{display:block;height:auto;max-height:19mm;max-width:44mm;width:auto}.dc-company{flex:1 1;min-width:0}.dc-company-name{color:var(--brand-800);font-size:14.5pt;font-weight:750;letter-spacing:-.01em;line-height:1.2}.dc-company-lines{color:#4b564e;font-size:8.4pt;line-height:1.4;margin-top:1mm;white-space:pre-line}.dc-title-block{flex-shrink:0;text-align:right}.dc-title{color:var(--brand);font-size:16.5pt;font-weight:800;letter-spacing:.07em;line-height:1.1;text-transform:uppercase}.dc-title-sub{color:#6a766d;font-size:8pt;letter-spacing:.04em;margin-top:1.4mm}.dc-status{border:.3mm solid;border-radius:1mm;display:inline-block;font-size:7.6pt;font-weight:700;letter-spacing:.05em;margin-top:1.6mm;padding:.6mm 2.4mm;text-transform:uppercase}.dc-status.draft{color:#8a6400}.dc-status.cancelled{color:#b42318}.dc-rule{background:var(--brand);border-radius:.6mm;height:1.1mm;margin-top:.6mm;position:relative}.dc-rule:after{background:var(--accent);border-radius:0 .6mm .6mm 0;bottom:0;content:"";position:absolute;right:0;top:0;width:28mm}.dc-strip{border:.3mm solid #d3dbd5;border-radius:1.6mm;display:grid;overflow:hidden}.dc-strip>div{border-left:.3mm solid #d3dbd5;min-width:0;padding:1.8mm 3mm}.dc-strip>div:first-child{border-left:0}.dc-k{color:#6b776e;font-size:7pt;letter-spacing:.06em;text-transform:uppercase}.dc-k,.dc-v{font-weight:650}.dc-v{color:#18201a;font-size:9.6pt;overflow-wrap:anywhere}.dc-v.big{font-size:11pt}.dc-meta{background:var(--brand-50);grid-template-columns:1.35fr .9fr 1fr 1fr}.dc-ship{grid-template-columns:1.2fr 1.5fr .7fr .7fr 1fr}.dc-parties{grid-gap:3.2mm;display:grid;gap:3.2mm;grid-template-columns:1fr 1.15fr}.dc-party{border:.3mm solid #d3dbd5;border-radius:1.6mm;min-width:0;overflow:hidden}.dc-party-head{background:#f3f6f4;border-bottom:.3mm solid #d3dbd5;color:#4b564e;font-size:7.4pt;font-weight:750;letter-spacing:.07em;padding:1.4mm 3mm;text-transform:uppercase}.dc-party.to .dc-party-head{background:var(--brand);border-bottom-color:var(--brand);color:var(--brand-contrast)}.dc-party-body{overflow-wrap:anywhere;padding:2.4mm 3mm 2.6mm}.dc-party-name{font-size:10.8pt;font-weight:700;line-height:1.25}.dc-party-company{color:#2b352e;font-weight:600}.dc-party-lines{color:#2b352e;margin-top:.8mm}.dc-party-contact{color:#2b352e;font-size:8.8pt;margin-top:1.2mm}.dc-party-contact b{font-weight:650}.dc-table{border-collapse:collapse;font-size:9.2pt;table-layout:fixed;width:100%}.dc-table th{background:var(--brand-50);border-bottom:.3mm solid var(--brand-200);border-top:.45mm solid var(--brand);color:var(--brand-800);font-size:7.6pt;font-weight:750;letter-spacing:.05em;padding:2mm 2.2mm;text-align:left;text-transform:uppercase}.dc-table td{border-bottom:.25mm solid #e1e7e2;overflow-wrap:anywhere;padding:1.9mm 2.2mm;vertical-align:top}.dc-table .r{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.dc-table .c{text-align:center}.dc-item-name{font-weight:600}.dc-item-desc{color:#5d6a61;font-size:8pt;margin-top:.3mm}.dc-unit{color:#6b776e;font-size:8pt}.dc-table .dc-empty td{color:#8a968d;padding:6mm;text-align:center}.dc-continued{color:#6b776e;font-size:8pt;font-style:italic;margin-top:-1.6mm;text-align:right}.dc-summary{display:flex;flex-direction:column;gap:3.2mm}.dc-totals-row{grid-gap:4mm;align-items:start;display:grid;gap:4mm;grid-template-columns:1fr 72mm}.dc-words{font-size:8.8pt;padding-top:1mm}.dc-words .dc-k{margin-bottom:.5mm}.dc-totals{border:.3mm solid #d3dbd5;border-radius:1.6mm;overflow:hidden}.dc-totals>div{font-feature-settings:"tnum";border-bottom:.25mm solid #e1e7e2;display:flex;font-variant-numeric:tabular-nums;gap:3mm;justify-content:space-between;padding:1.5mm 3mm}.dc-totals>div:last-child{border-bottom:0}.dc-totals .grand{background:var(--brand);color:var(--brand-contrast);font-size:11pt;font-weight:750;padding:2.2mm 3mm}.dc-declaration{background:var(--accent-50);border:.3mm solid var(--accent);border-radius:1.6mm;font-size:9pt;padding:2.4mm 3.2mm}.dc-declaration b{font-weight:700}.dc-notes{font-size:8.8pt;overflow-wrap:anywhere;white-space:pre-line}.dc-signs{grid-gap:10mm;display:grid;gap:10mm;grid-template-columns:1fr 1fr;margin-top:1mm}.dc-sign{display:flex;flex-direction:column;min-height:30mm}.dc-sign.right{align-items:flex-end;text-align:right}.dc-sign-images{align-items:flex-end;display:flex;flex:1 1;gap:3mm;justify-content:flex-end;min-height:18mm;padding:1mm 0}.dc-sign-images img{display:block;height:auto;width:auto}.dc-sign-images .stamp{max-height:24mm;max-width:30mm}.dc-sign-images .signature{max-height:15mm;max-width:44mm}.dc-sign-line{border-top:.3mm solid #45504a;color:#3a453d;font-size:8.4pt;padding-top:1.2mm;width:62mm}.dc-sign.left .dc-sign-space{flex:1 1}.dc-page-footer{align-items:flex-end;border-top:.3mm solid #e1e7e2;color:#6b776e;display:flex;font-size:7.6pt;gap:6mm;justify-content:space-between;margin-top:auto;padding-top:2.2mm}.dc-page-footer .note{max-width:150mm}.dc-cont-header{align-items:center;border-bottom:.6mm solid var(--brand);display:flex;gap:3mm;padding-bottom:2.2mm}.dc-cont-header img{height:auto;max-height:9mm;max-width:22mm;width:auto}.dc-cont-header .name{color:var(--brand-800);font-size:10.5pt;font-weight:700}.dc-cont-header .ref{color:#4b564e;font-size:8.6pt;margin-left:auto;text-align:right}.label-sheet{background:#fff;box-shadow:0 1px 3px #1021161f,0 10px 30px #1021161a;display:grid;height:297mm;overflow:hidden;position:relative;width:210mm}.label-sheet.layout-1{grid-template:1fr/1fr}.label-sheet.layout-2{grid-template:1fr 1fr/1fr}.label-sheet.layout-4{grid-template:1fr 1fr/1fr 1fr}.label-slot{min-height:0;min-width:0;padding:7mm;position:relative}.label-sheet.layout-1 .label-slot{padding:10mm}.label-slot.empty-slot:after{border:.3mm dashed #e3e7e4;border-radius:3mm;content:"";inset:7mm;position:absolute}.cut-line{position:absolute;z-index:2}.cut-line.h{border-top:.3mm dashed #a9b3ac;left:0;right:0;top:50%}.cut-line.v{border-left:.3mm dashed #a9b3ac;bottom:0;left:50%;top:0}.lbl{--s:1;--fit:1;background:#fff;border:.55mm solid #18201a;border-radius:3mm;color:#18201a;display:flex;flex-direction:column;font-size:calc(8.6pt*var(--s)*var(--fit));height:100%;line-height:1.3;overflow:hidden}.layout-2 .lbl{--s:1.12}.layout-1 .lbl{--s:1.5}.lbl-head{background:var(--brand);color:var(--brand-contrast);gap:2.4mm;padding:2mm 3mm}.lbl-head,.lbl-head .logo-chip{align-items:center;display:flex}.lbl-head .logo-chip{background:#fff;border-radius:1.4mm;padding:.8mm 1.2mm}.lbl-head .logo-chip img{display:block;height:auto;max-height:calc(6mm*var(--s)*var(--fit));max-width:calc(20mm*var(--s)*var(--fit));width:auto}.lbl-head .co{font-size:1.05em;font-weight:750;letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbl-parcel{background:var(--accent);border-radius:1.2mm;color:var(--accent-contrast);font-size:.95em;font-weight:800;letter-spacing:.03em;margin-left:auto;padding:.6mm 2.2mm;white-space:nowrap}.lbl-body{flex:1 1;flex-direction:column}.lbl-body,.lbl-main{display:flex;min-height:0}.lbl-main{flex:1 1;gap:2.5mm;padding:2.6mm 3mm 2mm}.lbl-to{flex:1 1;min-width:0;overflow-wrap:anywhere}.lbl-tag{color:var(--brand-700);display:inline-block;font-size:.78em;font-weight:800;letter-spacing:.1em;margin-bottom:.8mm;text-transform:uppercase}.lbl-name{font-size:1.55em;font-weight:800;letter-spacing:-.005em;line-height:1.15}.lbl-company{font-size:1.08em;font-weight:650;margin-top:.5mm}.lbl-addr{font-size:1.08em;line-height:1.32;margin-top:1mm}.lbl-pinrow{align-items:center;display:flex;flex-wrap:wrap;gap:1.6mm 3mm;margin-top:1.6mm}.lbl-pin{border:.45mm solid #18201a;border-radius:1.2mm;display:inline-block;font-size:1.32em;font-weight:800;letter-spacing:.08em;padding:.4mm 2mm}.lbl-phone{font-size:1.3em;font-weight:800;letter-spacing:.01em}.lbl-side{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:1mm;width:calc(21mm*var(--s)*min(var(--fit), 1.3))}.lbl-qr{display:block;height:calc(19mm*var(--s)*min(var(--fit), 1.3));width:calc(19mm*var(--s)*min(var(--fit), 1.3))}.lbl-qr-cap{color:#4b564e;font-size:.68em;line-height:1.2;overflow-wrap:anywhere;text-align:center}.lbl-ship{border-top:.35mm solid #18201a;display:grid;grid-template-columns:1fr 1.3fr}.lbl-ship>div{min-width:0;overflow-wrap:anywhere;padding:1.3mm 3mm}.lbl-ship>div+div{border-left:.35mm solid #18201a}.lbl-ship .row2{border-left:0!important;border-top:.25mm solid #c9d1cb;display:flex;flex-wrap:wrap;font-size:.9em;gap:4mm;grid-column:1/-1}.lbl-k{color:#5d6a61;font-size:.72em;letter-spacing:.07em;text-transform:uppercase}.lbl-k,.lbl-v{font-weight:750}.lbl-v{font-size:1.05em}.lbl-awb{font-family:var(--mono);font-size:1.12em;font-weight:800;letter-spacing:.02em}.lbl-from{background:#f6f8f6;border-top:.35mm dashed #18201a;font-size:.86em;line-height:1.3;overflow-wrap:anywhere;padding:1.6mm 3mm 2mm}.lbl-from b{font-weight:750}.lbl-row{display:flex;flex:1 1;min-height:0}.layout-2 .lbl-main{flex:1.7 1;min-width:0}.layout-2 .lbl-aside{border-left:.35mm solid #18201a;display:flex;flex:1 1;flex-direction:column;min-width:0}.layout-2 .lbl-aside .lbl-ship{border-top:0;grid-template-columns:1fr}.layout-2 .lbl-aside .lbl-ship>div+div{border-left:0;border-top:.25mm solid #c9d1cb}.layout-2 .lbl-aside .lbl-qrbox{align-items:center;border-bottom:.25mm solid #c9d1cb;display:flex;gap:2mm;padding:2mm 3mm}.layout-2 .lbl-aside .lbl-qrbox .lbl-qr{height:calc(18mm*var(--s)*min(var(--fit), 1.3));width:calc(18mm*var(--s)*min(var(--fit), 1.3))}.layout-2 .lbl-aside .lbl-qrbox .lbl-qr-cap{text-align:left}@page{size:A4 portrait;margin:0}@media screen{#print-root{left:-12000px;pointer-events:none;position:fixed;top:0;width:210mm}}@media print{body,html{background:#fff!important;margin:0!important;padding:0!important}body>#root{display:none!important}#print-root{display:block!important;position:static!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.doc-measure{display:none!important}.paper-stack{display:block!important}.a4-page,.label-sheet{box-shadow:none!important;break-after:page;break-inside:avoid;margin:0!important;page-break-after:always;page-break-inside:avoid}.paper-stack>:last-child{break-after:auto;page-break-after:auto}}