@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--asli-teal-50:#e6f8fa;--asli-teal-100:#c2eff3;--asli-teal-200:#8fe1e9;--asli-teal-300:#54d0db;--asli-teal-400:#22bccb;--asli-teal-500:#0bb8c6;--asli-teal-600:#0a9aa6;--asli-teal-700:#0c7d87;--asli-teal-800:#11636b;--asli-teal-900:#134e54;--gray-0:#fff;--gray-25:#fbfcfd;--gray-50:#f6f8f9;--gray-100:#eef1f4;--gray-200:#e3e8ec;--gray-300:#cdd5db;--gray-400:#9aa6af;--gray-500:#6b7780;--gray-600:#515c64;--gray-700:#3b444b;--gray-800:#262d32;--gray-900:#161b1f;--green-50:#e7f7ee;--green-500:#16a35a;--green-700:#117a43;--amber-50:#fdf3e2;--amber-500:#e08a16;--amber-700:#a9650d;--red-50:#fdecec;--red-500:#df3b3b;--red-700:#ad2727;--blue-50:#e9f1fe;--blue-500:#2a72e0;--blue-700:#1d54ab;--violet-50:#efeafe;--violet-500:#6b4ee0;--violet-700:#4f37ad;--brand:var(--asli-teal-500);--brand-hover:var(--asli-teal-600);--brand-active:var(--asli-teal-700);--brand-subtle:var(--asli-teal-50);--brand-on:#fff;--bg-app:var(--gray-50);--surface-card:var(--gray-0);--surface-sunken:var(--gray-100);--surface-hover:var(--gray-50);--text-strong:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-on-brand:#fff;--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--focus-ring:color-mix(in srgb, var(--asli-teal-500) 40%, transparent);--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extra:800;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #161b1f0d;--shadow-sm:0 1px 3px #161b1f14, 0 1px 2px #161b1f0a;--shadow-md:0 4px 12px #161b1f14, 0 2px 4px #161b1f0a;--shadow-lg:0 12px 28px #161b1f1f, 0 4px 8px #161b1f0f;--shadow-brand:0 4px 14px color-mix(in srgb, var(--asli-teal-500) 30%, transparent);--ring-focus:0 0 0 3px var(--focus-ring);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition:.18s cubic-bezier(.4, 0, .2, 1);--navy:#0d365b;--navy-dark:#08243d;--radius-full:999px;--transition-base:.18s cubic-bezier(.4, 0, .2, 1)}
:root{--navy-900:#081f36;--navy-800:#0d365b;--navy-700:#134372;--navy-600:#1d5489;--navy-300:#5b7fa3;--sidebar-w:248px;--header-h:62px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:var(--brand);text-decoration:none}button{font-family:var(--font-sans)}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--gray-300);border:2px solid var(--bg-app);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--navy-800);color:#cfe3f2;z-index:40;flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.sidebar-brand img{height:26px}.sidebar-nav{flex:1;padding:8px 12px 18px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-color:#0000}.nav-group-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#6f93b3;padding:14px 12px 6px;font-weight:700}.nav-item{border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:var(--text-md);text-align:left;color:#b8d0e6;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-weight:600;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.nav-item .nav-badge{font-size:var(--text-2xs);color:#fff;background:#ffffff29;border-radius:99px;margin-left:auto;padding:2px 7px;font-weight:700}.nav-item.active .nav-badge{background:#ffffff40}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar-user .su-name{font-size:var(--text-sm);color:#fff;font-weight:700}.sidebar-user .su-role{font-size:var(--text-xs);color:#8fb0cd}.main{flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.topbar{height:var(--header-h);z-index:30;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0;font-weight:800}.topbar .crumb{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.topbar-search{background:var(--gray-50);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:200px;height:36px;color:var(--text-faint);align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-search input{font-size:var(--text-sm);width:100%;color:var(--text-strong);font-family:var(--font-sans);background:0 0;border:none;outline:none}.topbar-spacer{margin-left:auto}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);width:36px;height:36px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-strong)}.icon-btn .dot{background:var(--red-500);border:2px solid var(--surface-card);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:24px}.page-head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.page-head .ph-titles{flex:1;min-width:0}.page-head .ph-back{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:3px;margin:0 0 6px -3px;font-weight:600;text-decoration:none;display:inline-flex}.page-head .ph-back:hover{color:var(--brand-active)}.page-head .ph-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-head h1,.page-head h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0;font-weight:800;line-height:1.15}.page-head .ph-sub{color:var(--text-muted);font-size:var(--text-sm);margin:5px 0 0}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.record-links{flex-wrap:wrap;gap:6px 16px;margin:-8px 0 18px;display:flex}.record-links a{font-size:var(--text-sm);color:var(--text-muted);font-weight:600;text-decoration:none}.record-links a:hover{color:var(--brand-active);text-decoration:underline}.sidebar-overlay,.mobile-menu-btn{display:none}@media (max-width:980px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{z-index:39;background:#081f3673;display:block;position:fixed;inset:0}.mobile-menu-btn{display:inline-flex}.topbar{flex-wrap:wrap;row-gap:8px;height:auto;padding-top:10px;padding-bottom:10px}.topbar-search{flex-basis:100%;order:5;max-width:none}.topbar-spacer{display:none}}@media (max-width:600px){.content{padding:16px}.page-head h1,.page-head h2{font-size:var(--text-xl)}.page-head{align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1;justify-content:center}}.btn{height:38px;font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{color:var(--text-body);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--red-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-700)}.btn-navy{background:var(--navy-800);color:#fff}.btn-navy:hover:not(:disabled){background:var(--navy-700)}.btn-sm{height:32px;font-size:var(--text-sm);gap:6px;padding:0 12px}.btn-lg{height:46px;font-size:var(--text-lg);padding:0 22px}.btn-icon{width:36px;padding:0}.btn-block{width:100%}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-hover{transition:box-shadow var(--transition), transform var(--transition)}.card-hover:hover{box-shadow:var(--shadow-md)}.card-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-head h3{font-size:var(--text-lg);color:var(--text-strong);margin:0;font-weight:700}.card-head .ch-sub{font-size:var(--text-xs);color:var(--text-muted)}.stat{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.stat-ic{border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.stat-value{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);font-weight:800;line-height:1}.stat-sub{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.stat-sub.up{color:var(--green-700)}.stat-sub.down{color:var(--red-700)}.grid{gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}@media (min-width:1000px){.stat-grid.tri{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{gap:6px;padding:12px 13px}.stat-value{font-size:var(--text-xl)}.stat-ic{width:26px;height:26px}.stat-ic svg{width:15px;height:15px}}.badge{font-size:var(--text-xs);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-weight:600;line-height:1;display:inline-flex}.badge .bdot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-sm{font-size:var(--text-2xs);padding:3px 8px}.t-neutral{background:var(--gray-100);color:var(--gray-600)}.t-brand{background:var(--brand-subtle);color:var(--asli-teal-700)}.t-green{background:var(--green-50);color:var(--green-700)}.t-amber{background:var(--amber-50);color:var(--amber-700)}.t-red{background:var(--red-50);color:var(--red-700)}.t-blue{background:var(--blue-50);color:var(--blue-700)}.t-violet{background:var(--violet-50);color:var(--violet-700)}.t-navy{color:var(--navy-800);background:#e6eef5}.table-wrap{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}@media (max-width:780px){.table-wrap table.data{min-width:720px}}table.data{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.data thead th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--gray-25);white-space:nowrap;padding:11px 16px;font-weight:700}table.data thead th.text-right{text-align:right}table.data thead th.text-center{text-align:center}table.data thead th:empty{text-align:right}table.data tr.group-row th{z-index:1;text-align:left;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);padding:7px 14px;font-weight:700;position:sticky;top:0}table.data td.num,table.data th.text-right{white-space:nowrap}table.data td{overflow-wrap:break-word}table.data td .num{white-space:nowrap}table.data td:first-child{min-width:12ch}:is(table.data td:last-child:has(form),table.data td:last-child:has(.btn)){width:1%}table.data tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);vertical-align:middle;padding:12px 16px}table.data tfoot td.text-right{text-align:right}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:var(--surface-hover)}table.data td .strong{color:var(--text-strong);font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.field .hint{font-size:var(--text-xs);color:var(--text-muted)}.field .err{font-size:var(--text-xs);color:var(--red-500)}.input,.select,textarea.input{background:var(--surface-card);width:100%;height:38px;color:var(--text-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 12px}textarea.input{resize:vertical;height:auto;min-height:76px;padding:10px 12px;line-height:1.5}.input:focus,.select:focus,textarea.input:focus{border-color:var(--brand);box-shadow:var(--ring-focus)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6af' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.input-icon{position:relative}.input-icon>svg,.input-icon .lead{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon input{padding-left:34px}.input-icon.has-toggle input{padding-right:40px}.input-toggle{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.input-toggle:hover{color:var(--text-body);background:var(--surface-hover)}.input-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px;color:var(--text-body)}.input-toggle[aria-pressed=true]{color:var(--brand-active)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .search{flex:1;min-width:200px;max-width:360px}.toolbar .select{width:auto;min-width:150px;height:38px}.seg{background:var(--gray-100);border-radius:var(--radius-md);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);background:0 0;border:none;padding:6px 12px;font-weight:600}.seg button.on{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-xs)}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;font-size:var(--text-md);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:600}.tabs button.on{color:var(--asli-teal-700);border-bottom-color:var(--brand)}.overlay{z-index:60;background:#081f366b;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:560px;max-height:92vh;margin:auto;animation:.18s cubic-bezier(.2,.8,.3,1) pop;display:flex}.modal.wide{max-width:820px}.modal.xwide{max-width:1040px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.drawer{border-radius:0;max-width:560px;height:100vh;max-height:100vh;margin:0 0 0 auto;animation:.2s slide}@keyframes slide{0%{opacity:.6;transform:translate(20px)}}.modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{font-size:var(--text-lg);color:var(--text-strong);margin:0;font-weight:800}.modal-head .mh-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.modal-body{padding:22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.close-x{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;border:none;padding:6px;display:inline-flex}.close-x:hover{background:var(--surface-hover);color:var(--text-strong)}@media (max-width:600px){.modal,.modal.wide,.modal.xwide{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;margin:auto 0 0}.drawer{max-width:100%}}.empty{color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 20px;display:flex}.empty .e-ic{background:var(--gray-100);width:56px;height:56px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty .e-title{font-size:var(--text-md);color:var(--text-body);font-weight:700}.empty .e-sub{font-size:var(--text-sm);max-width:320px}.pager{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pager .info{font-size:var(--text-sm);color:var(--text-muted)}.pager .ctrls{gap:6px;display:flex}.pager button{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:var(--radius-sm);cursor:pointer;min-width:34px;height:34px;font-size:var(--text-sm);color:var(--text-body);padding:0 8px;font-weight:600}.pager button:hover:not(:disabled){background:var(--surface-hover)}.pager button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.pager button:disabled{opacity:.4;cursor:not-allowed}.kanban{align-items:flex-start;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.kcol{background:var(--gray-100);border-radius:var(--radius-lg);flex-direction:column;flex:none;width:270px;max-height:calc(100vh - 220px);display:flex}.kcol-head{align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.kcol-head .kc-title{font-size:var(--text-sm);color:var(--text-strong);font-weight:700}.kcol-head .kc-count{font-size:var(--text-2xs);background:var(--surface-card);color:var(--text-muted);border-radius:99px;padding:2px 8px;font-weight:700}.kcol-body{flex-direction:column;gap:10px;padding:0 10px 10px;display:flex;overflow-y:auto}.kcard{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--transition-fast);padding:12px}.kcard:hover{box-shadow:var(--shadow-md)}.kcard .kc-id{font-size:var(--text-2xs);color:var(--brand);font-weight:700;font-family:var(--font-mono)}.kcard .kc-client{font-size:var(--text-sm);color:var(--text-strong);margin:2px 0;font-weight:700}.kcard .kc-product{font-size:var(--text-xs);color:var(--text-muted)}.kcard .kc-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.strong{color:var(--text-strong);font-weight:700}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.divider{background:var(--border-subtle);height:1px;margin:16px 0}.client-cell{align-items:center;gap:10px;display:flex}.avatar{background:var(--brand-subtle);color:var(--asli-teal-700);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar-sm{width:30px;height:30px;font-size:12px}.avatar-md{width:38px;height:38px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:17px}.progress{background:var(--gray-100);border-radius:99px;height:7px;overflow:hidden}.progress>span{background:var(--brand);border-radius:99px;height:100%;display:block}.kv{flex-direction:column;gap:3px;display:flex}.kv .k{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-faint);font-weight:700}.kv .v{font-size:var(--text-md);color:var(--text-strong);font-weight:600}.stat-link{border-radius:var(--radius-lg);text-decoration:none;transition:transform .12s,box-shadow .12s;display:block}.stat-link:hover .stat{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.stat-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.search-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);min-width:240px;color:var(--text-faint);flex:1;align-items:center;gap:8px;padding-left:12px;display:flex;position:relative}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle)}.search-field .input{box-shadow:none;background:0 0;border:0;flex:1;min-width:0;padding-left:0}.search-field .input:focus{box-shadow:none;outline:none}.search-field .input::-webkit-search-cancel-button{display:none}.search-field .close-x{margin-right:4px}.search-field.is-busy{border-color:var(--brand)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips .chip{cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-card);text-decoration:none}.chips .chip:hover{border-color:var(--border-default);background:var(--surface-hover)}.chips .chip-on,.chips .chip-on:hover{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-active)}.chip-count{font-variant-numeric:tabular-nums;color:var(--text-faint);font-weight:500}.chips .chip-on .chip-count{color:inherit;opacity:.75}.chip{font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--gray-100);color:var(--text-body);align-items:center;gap:5px;padding:4px 9px;font-weight:600;display:inline-flex}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.spec-grid .full{grid-column:1/-1}.spec-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-weight:700}.roll-sum{border-radius:var(--radius-md);background:var(--brand-subtle);border:1px solid var(--brand);grid-column:1/-1;padding:12px 14px}.roll-sum p{font-size:var(--text-sm);color:var(--text-body);margin:0}.roll-sum-figures{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 18px;display:flex;margin-top:8px!important}.roll-sum-bad{background:var(--amber-50);border-color:var(--amber-500)}.auth-page{background:radial-gradient(1200px 560px at 10% -10%,#0bb8c64d,#0000 62%),radial-gradient(980px 560px at 94% 110%,#1343723d,#0000 60%),linear-gradient(158deg,#f8fbfc 0%,#ecf3f7 44%,#e2ecf3 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px 20px;display:flex;position:relative}.auth-card{background:var(--surface-card);border:1px solid #ffffffe6;border-radius:22px;grid-template-columns:1.04fr .96fr;width:100%;max-width:940px;min-height:528px;display:grid;overflow:hidden;box-shadow:0 32px 70px -22px #081f3657,0 8px 22px -10px #081f3624,inset 0 1px #ffffffe6}.auth-photo{background-image:url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAADwAwCdASoYABAAPu1iqU2ppaOiMAgBMB2JYwDDNBuhrVR36zpSzaGwAPto7rR6/2AyUAF2Ym6Itysp0F2Po/3bK1mSpV9q/ipcfY31nsdzW3VqGGXq90Qf5mQr0DMCiZSkSjuGWaWTmV8yO0vFEpSyPpuabCdNjPpbT9jRQsVrEZIA);background-position:50% 52%;background-size:cover;position:relative;overflow:hidden}.auth-photo img{object-fit:cover;object-position:50% 52%;width:100%;height:100%;animation:.7s both photo-in;display:block}.auth-photo:after{content:"";background:linear-gradient(122deg,#081f3642 0%,#081f360f 45%,#0bb8c61a 100%);position:absolute;inset:0}@keyframes photo-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.auth-photo img{animation:none}}.auth-form{background:linear-gradient(#fff 0%,#fafcfd 100%);flex-direction:column;justify-content:center;padding:40px 42px;display:flex}.auth-mark{margin-bottom:22px;display:flex}.auth-mark img{height:27px}.auth-form h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 5px;font-weight:800}.auth-sub{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 22px}.auth-foot{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:0}@media (max-width:860px){.auth-page{justify-content:flex-start;padding:24px 18px 28px}.auth-card{border-radius:18px;grid-template-columns:1fr;max-width:430px;min-height:0}.auth-photo{height:168px}.auth-photo img{object-position:52% 46%}.auth-form{padding:26px 24px 28px}.auth-mark{margin-bottom:18px}.auth-form h1{font-size:var(--text-xl)}}.doc-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.doc-sheet{width:210mm;max-width:100%;min-height:297mm;box-shadow:var(--shadow-md);border-radius:var(--radius-md);color:#1a2128;background:#fff;flex-direction:column;margin:0 auto;padding:15mm 15mm 12mm;font-size:10.5pt;line-height:1.5;display:flex}.doc-head{border-bottom:3px solid var(--brand);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.doc-head .doc-logo img{height:34px}.doc-head .doc-co{color:#5b6770;margin-top:12px;font-size:12px;line-height:1.7}.doc-title{text-align:right}.doc-title h1{color:var(--navy-800);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:30px;font-weight:800}.doc-title .doc-num{font-family:var(--font-mono);color:var(--brand);margin-top:4px;font-size:13px;font-weight:600}.doc-meta{justify-content:space-between;gap:30px;margin:22px 0 18px;display:flex}.dm-fact{justify-content:flex-end;gap:14px;display:flex}.dm-fact span{color:#9aa6af}.dm-fact b{text-align:right;min-width:96px;font-weight:600}.doc-meta .dm-block{font-size:12px;line-height:1.7}.doc-meta .dm-label{text-transform:uppercase;letter-spacing:.08em;color:#9aa6af;margin-bottom:5px;font-size:10px;font-weight:700}.doc-meta .dm-name{color:#1a2128;font-size:14px;font-weight:700}table.doc-table{border-collapse:collapse;width:100%;margin:8px 0 0;font-size:12.5px}table.doc-table thead th{background:var(--navy-800);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:11px 14px;font-size:11px;font-weight:600}table.doc-table thead th:last-child,table.doc-table td:last-child{text-align:right}table.doc-table td[colspan]{text-align:left;color:#5b6770}table.doc-table tbody td{vertical-align:top;border-bottom:1px solid #e8edf1;padding:9px 14px}table.doc-table td.num,table.doc-table th.text-right{font-family:var(--font-mono)}.dt-spec{color:#5b6770;margin-top:2px;font-size:9pt}.doc-section{color:#1a2128;margin:22px 0 8px;font-size:11pt;font-weight:700}.doc-sign{justify-content:space-between;gap:30px;margin-top:30px;display:flex}.doc-rule{border-bottom:1px solid #1a2128;min-width:200px;margin-top:34px}table.doc-table tbody tr:nth-child(2n){background:#f8fafb}.doc-totals{justify-content:flex-end;margin-top:18px;display:flex}.doc-totals table{min-width:280px;font-size:13px}.doc-totals td{padding:7px 4px}.doc-totals tr.grand td{border-top:2px solid var(--navy-800);color:var(--navy-800);padding-top:12px;font-size:13pt;font-weight:800}.doc-totals tr.grand:first-child td{border-top:0;padding-top:0}.doc-totals td:last-child{text-align:right;font-family:var(--font-mono)}.doc-notes{color:#5b6770;margin-top:30px;font-size:11.5px;line-height:1.7}.doc-notes .dn-label{color:#1a2128;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:700}.doc-foot{color:#9aa6af;border-top:1px solid #e8edf1;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;font-size:11px;display:flex}.doc-stamp{text-transform:uppercase;letter-spacing:.04em;border:2px solid;border-radius:8px;margin-top:10px;padding:7px 16px;font-size:14px;font-weight:800;display:inline-block;transform:rotate(-4deg)}@media print{@page{size:A4 portrait;margin:15mm}.no-print{display:none!important}.shell,.main,.content{max-width:none;margin:0;padding:0;display:block}.sidebar,.topbar{display:none!important}body{background:#fff}.doc-sheet{box-shadow:none;border-radius:0;width:auto;min-height:0;margin:0;padding:0;display:block}table.doc-table thead{display:table-header-group}table.doc-table tfoot{display:table-footer-group}table.doc-table tr{break-inside:avoid;page-break-inside:avoid}table.doc-table thead th,table.doc-table tbody tr:nth-child(2n){-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-totals,.doc-notes,.doc-sign,.doc-foot{break-inside:avoid;page-break-inside:avoid}.doc-section{break-after:avoid;page-break-after:avoid}.doc-head{break-after:avoid}.doc-foot{margin-top:24px}}.cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cols-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:1100px){.dash-grid,.cols-3,.cols-2{grid-template-columns:1fr}}.dash-grid>*,.cols-2>*,.cols-3>*{min-width:0}.section-gap{margin-top:16px}.textarea{font:inherit;font-size:var(--text-md);resize:vertical;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;min-height:78px;color:var(--text-strong);font-family:var(--font-sans);padding:9px 12px}.textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--red-500)}.page-head .sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.alert{border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;margin-bottom:14px;padding:11px 14px;font-weight:500}.alert-error{background:var(--red-50);color:var(--red-700);border-color:#f4cccc}.alert-success{background:var(--green-50);color:var(--green-700);border-color:#c6ead6}.alert-info{background:var(--blue-50);color:var(--blue-700);border-color:#cfe0fb}.alert-warn{background:var(--amber-50);color:var(--amber-700);border-color:#f2dfbc}.kv-grid{font-size:var(--text-md);grid-template-columns:auto 1fr;gap:8px 20px;margin:0;display:grid}.kv-grid dt{color:var(--text-muted);font-weight:600}.kv-grid dd{color:var(--text-strong);margin:0}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite asli-spin;display:inline-block}@keyframes asli-spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-50) 50%, var(--gray-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:13px;animation:1.3s infinite asli-shimmer}@keyframes asli-shimmer{to{background-position:-200% 0}}.stack{flex-direction:column;gap:4px;display:flex}.grow{flex:1}.sm{font-size:var(--text-sm)}.doc-totals .grand-row{border-top:2px solid var(--navy-800);padding-top:12px;font-weight:800}@media (max-width:560px){.step-row{grid-template-columns:1fr}}.step-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.step-btn{text-align:left;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-body);font:inherit;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.step-btn:hover:not(:disabled){border-color:var(--brand);background:var(--surface-hover)}.step-btn.on{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand-active);cursor:default}.step-btn:disabled:not(.on){opacity:.55;cursor:not-allowed}.step-label{font-size:var(--text-md);font-weight:700}.step-hint{font-size:var(--text-xs);color:var(--text-muted)}.step-btn.on .step-hint{color:inherit;opacity:.8}@media (max-width:560px){.step-row{grid-template-columns:1fr}}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.more-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-self:start}.more-card>summary{cursor:pointer;font-size:var(--text-md);color:var(--text-strong);justify-content:space-between;align-items:center;padding:14px 18px;font-weight:700;list-style:none;display:flex}.more-card>summary::-webkit-details-marker{display:none}.more-card>summary:after{content:"+";color:var(--text-muted);font-weight:700}.more-card[open]>summary:after{content:"−"}.more-card[open]>summary{border-bottom:1px solid var(--border-subtle)}.search-pop{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:60vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 32px #10182024}.search-empty{color:var(--text-muted);padding:14px 16px;font-size:13px}.search-hit{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--border-subtle);width:100%;font:inherit;background:0 0;align-items:baseline;gap:10px;padding:9px 14px;display:flex}.search-hit:last-child{border-bottom:0}.search-hit.active,.search-hit:hover{background:var(--gray-25)}.search-hit:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.nav-item:focus-visible{outline-offset:-2px;outline-color:#fff}.search-kind{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex:none;min-width:92px;font-size:10px}.search-label{color:var(--text-strong);font-size:13px;font-weight:600}.search-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}html,body{max-width:100%;overflow-x:hidden}.card,.stack>*{min-width:0}@media (max-width:780px){.page-head,.row,.between,.toolbar,.pager{flex-wrap:wrap}.doc-totals table{width:100%;min-width:0}}.sidebar-brand{position:relative}.drawer-close{color:#fff;cursor:pointer;background:0 0;border:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.drawer-close:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff}