:root{--bg:#f6f7fb;--card:#fff;--surface:#fff;--surface-hover:#f3f5f9;--border:#e7eaf1;--border-strong:#d6dbe6;--primary:#2f54eb;--primary-dark:#1d39c4;--primary-fg:#fff;--on-accent:#fff;--text:#161e2c;--muted:#6b7280;--row-hover:#f3f6fc;--sidebar-bg:#101624;--sidebar-text:#aeb6c6;--sidebar-active:#2f54eb;--sidebar-active-fg:#fff;--sidebar-hover-bg:hsla(0,0%,100%,.06);--sidebar-hover-fg:#fff;--sidebar-brand-fg:#fff;--sidebar-group-fg:#5b647a;--green-bg:#e5f6ec;--green-fg:#0e7a3e;--red-bg:#fdecea;--red-fg:#c0341d;--danger-btn:#c0341d;--danger-btn-hover:#a52a16;--amber-bg:#fdf3e2;--amber-fg:#b16400;--blue-bg:#e8efff;--blue-fg:#1d39c4;--gray-bg:#eef1f6;--gray-fg:#57606f;--skeleton-hi:#f6f8fb;--focus-ring:rgba(47,84,235,.16);--overlay:rgba(13,19,33,.45);--overlay-strong:rgba(13,19,33,.52);--scrollbar-thumb:#c7cdd8;--scrollbar-thumb-hover:#aab3c2;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.04);--shadow-pop:0 4px 10px rgba(16,24,40,.08),0 12px 32px rgba(16,24,40,.14);--shadow-modal:0 1px 2px rgba(16,24,40,.08),0 24px 64px rgba(16,24,40,.28);--color-scheme:light;--radius-sm:10px;--radius-lg:14px;--thead-bg:#f8f9fc;--shadow-lift:0 2px 4px rgba(16,24,40,.06),0 12px 32px rgba(16,24,40,.12);--selection-bg:rgba(47,84,235,.2);--input-hover-border:#b9c2d4;--sidebar-active-indicator:#7b96ff;--sidebar-active-soft-bg:rgba(94,123,255,.2);--sidebar-scrollbar-thumb:hsla(0,0%,100%,.22)}[data-theme=dark]{--bg:#0b1120;--card:#151e31;--surface:#151e31;--surface-hover:#1d2a44;--border:#20304b;--border-strong:#33476b;--primary:#4f74ff;--primary-dark:#3a5cf0;--primary-fg:#fff;--on-accent:#fff;--text:#e6e9f0;--muted:#92a0b8;--row-hover:#1a2740;--sidebar-bg:#080e1c;--sidebar-text:#9aa6bd;--sidebar-active:#4f74ff;--sidebar-active-fg:#fff;--sidebar-hover-bg:hsla(0,0%,100%,.07);--sidebar-hover-fg:#fff;--sidebar-brand-fg:#f1f5f9;--sidebar-group-fg:#5b6b86;--green-bg:rgba(34,197,94,.13);--green-fg:#54e293;--red-bg:rgba(239,68,68,.14);--red-fg:#fb8c7e;--danger-btn:#dc2626;--danger-btn-hover:#b91c1c;--amber-bg:rgba(245,158,11,.14);--amber-fg:#fcc445;--blue-bg:rgba(59,130,246,.16);--blue-fg:#79b2fa;--gray-bg:rgba(148,163,184,.14);--gray-fg:#cfd8e5;--skeleton-hi:#233150;--focus-ring:rgba(79,116,255,.3);--overlay:rgba(2,6,23,.64);--overlay-strong:rgba(2,6,23,.7);--scrollbar-thumb:#33415e;--scrollbar-thumb-hover:#45567a;--shadow:0 1px 2px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.35);--shadow-pop:0 6px 22px rgba(0,0,0,.55);--shadow-modal:0 1px 2px rgba(0,0,0,.5),0 24px 64px rgba(0,0,0,.65);--color-scheme:dark;--thead-bg:#19233b;--shadow-lift:0 4px 10px rgba(0,0,0,.5),0 14px 36px rgba(0,0,0,.45);--selection-bg:rgba(91,124,255,.35);--input-hover-border:#44598082}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1120;--card:#151e31;--surface:#151e31;--surface-hover:#1d2a44;--border:#20304b;--border-strong:#33476b;--primary:#4f74ff;--primary-dark:#3a5cf0;--primary-fg:#fff;--on-accent:#fff;--text:#e6e9f0;--muted:#92a0b8;--row-hover:#1a2740;--sidebar-bg:#080e1c;--sidebar-text:#9aa6bd;--sidebar-active:#4f74ff;--sidebar-active-fg:#fff;--sidebar-hover-bg:hsla(0,0%,100%,.07);--sidebar-hover-fg:#fff;--sidebar-brand-fg:#f1f5f9;--sidebar-group-fg:#5b6b86;--green-bg:rgba(34,197,94,.13);--green-fg:#54e293;--red-bg:rgba(239,68,68,.14);--red-fg:#fb8c7e;--danger-btn:#dc2626;--danger-btn-hover:#b91c1c;--amber-bg:rgba(245,158,11,.14);--amber-fg:#fcc445;--blue-bg:rgba(59,130,246,.16);--blue-fg:#79b2fa;--gray-bg:rgba(148,163,184,.14);--gray-fg:#cfd8e5;--skeleton-hi:#233150;--focus-ring:rgba(79,116,255,.3);--overlay:rgba(2,6,23,.64);--overlay-strong:rgba(2,6,23,.7);--scrollbar-thumb:#33415e;--scrollbar-thumb-hover:#45567a;--shadow:0 1px 2px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.35);--shadow-pop:0 6px 22px rgba(0,0,0,.55);--shadow-modal:0 1px 2px rgba(0,0,0,.5),0 24px 64px rgba(0,0,0,.65);--color-scheme:dark;--thead-bg:#19233b;--shadow-lift:0 4px 10px rgba(0,0,0,.5),0 14px 36px rgba(0,0,0,.45);--selection-bg:rgba(91,124,255,.35);--input-hover-border:#44598082}}html{color-scheme:var(--color-scheme)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none}::selection{background:var(--selection-bg)}.badge,.btn,.card,.hamburger,.kpi,.sidebar a,.theme-toggle,.toast-close,a,input,select,tbody tr,td,textarea,th{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.sidebar .brand{color:var(--sidebar-brand-fg);font-weight:700;font-size:16px;padding:20px 16px 16px;letter-spacing:-.01em;position:relative}.sidebar .brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--sidebar-active) 65%,transparent),color-mix(in srgb,var(--sidebar-active) 18%,transparent) 60%,transparent)}.sidebar nav{display:flex;flex-direction:column;padding:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar nav:hover{scrollbar-color:var(--sidebar-scrollbar-thumb) transparent}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:transparent;border:none;border-radius:999px}.sidebar nav:hover::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar-thumb);border:none}.sidebar a{color:var(--sidebar-text);padding:8px 12px;border-radius:8px;font-size:13.5px;display:flex;align-items:center;gap:10px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.sidebar a:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-fg)}.sidebar a:hover:not(.active){transform:translateX(2px)}.sidebar a.active{background:var(--sidebar-active-soft-bg);color:var(--sidebar-active-fg);font-weight:600}.sidebar .group{color:var(--sidebar-group-fg);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;padding:14px 14px 7px}.sidebar button.group{background:transparent;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:color .15s ease}.sidebar button.group:hover{color:var(--sidebar-text)}.sidebar nav .nav-group+.nav-group{border-top:1px solid var(--sidebar-hover-bg);margin-top:8px}.sidebar .group-chevron{width:6px;height:6px;flex:0 0 auto;margin-right:2px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);opacity:.8;transition:transform .18s ease}.sidebar .group-toggle[aria-expanded=false] .group-chevron{transform:rotate(-45deg)}.sidebar .group-items{display:grid;grid-template-rows:1fr;transition:grid-template-rows .22s ease}.sidebar .group-items>div{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:1px;transition:visibility .22s}.sidebar .group-items.collapsed{grid-template-rows:0fr}.sidebar .group-items.collapsed>div{visibility:hidden}.sidebar .sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 12px;border-top:1px solid var(--sidebar-hover-bg);font-size:10.5px;letter-spacing:.03em;color:var(--sidebar-group-fg)}@media (prefers-reduced-motion:reduce){.sidebar .group-chevron,.sidebar .group-items,.sidebar .group-items>div,.sidebar button.group{transition:none}.sidebar a:hover:not(.active){transform:none}}.main{margin-left:230px;flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}}.topbar .spacer{flex:1 1}.topbar .user{color:var(--muted);font-size:13px}.content{padding:26px 28px;max-width:1320px;width:100%;margin-left:auto;margin-right:auto}h1{font-size:27px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 16px;font-size:13px;letter-spacing:.005em}h2{font-size:17px;font-weight:650;letter-spacing:-.01em;margin:0 0 14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card>h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.kpi .v{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .l{color:var(--muted);font-size:12px;font-weight:500;margin-top:5px;letter-spacing:.01em}.card.clickable,.kpi.clickable,a.card,a.kpi{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease;cursor:pointer}.card.clickable:hover,.kpi.clickable:hover,a.card:hover,a.kpi:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:var(--border-strong)}table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em}thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--thead-bg);z-index:2}td{vertical-align:middle;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--row-hover)}tr.clickable{cursor:pointer}td.empty{color:var(--muted);text-align:center;padding:26px}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1.5;background:var(--gray-bg);color:var(--gray-fg);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent)}.badge.green{background:var(--green-bg);color:var(--green-fg)}.badge.red{background:var(--red-bg);color:var(--red-fg)}.badge.amber{background:var(--amber-bg);color:var(--amber-fg)}.badge.blue{background:var(--blue-bg);color:var(--blue-fg)}.badge.gray{background:var(--gray-bg);color:var(--gray-fg)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff),var(--primary));color:var(--primary-fg);border:none;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.005em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),0 1px 2px rgba(16,24,40,.18);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,filter .15s ease,transform .1s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98);filter:brightness(.97)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 1px 2px rgba(16,24,40,.05);filter:none}.btn.secondary:hover{background:var(--surface-hover);border-color:var(--input-hover-border);filter:none}.btn.ghost{background:transparent;color:var(--muted);border:none;box-shadow:none;filter:none}.btn.ghost:hover{background:var(--gray-bg);color:var(--text);filter:none}.btn.sm{gap:5px;border-radius:8px;line-height:1.4}.btn.danger.sm,.btn.sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default;filter:none;transform:none}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions-end{justify-content:flex-end;flex-wrap:nowrap}@media (pointer:coarse){.btn.danger.sm,.btn.sm{min-height:40px;padding:8px 14px}.row-actions{gap:10px}}.row-menu{position:relative;display:inline-flex}.row-menu-trigger{padding-left:8px;padding-right:8px}.row-menu-list{position:fixed;z-index:30;min-width:200px;max-height:60vh;overflow-y:auto;padding:5px;display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop)}.row-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:8px;font:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;white-space:nowrap}.row-menu-item:hover:not(:disabled){background:var(--surface-hover)}.row-menu-item:disabled{opacity:.5;cursor:default}.row-menu-item.danger{color:var(--red-fg)}.row-menu-item.danger:hover:not(:disabled){background:var(--red-bg)}.row-menu-item.danger:not(:first-child){margin-top:5px;border-top:1px solid var(--border);padding-top:9px;border-radius:0 0 8px 8px}@media (pointer:coarse){.row-menu-item{min-height:40px}}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;min-height:16px}input,select,textarea{padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13.5px;font-family:inherit;background:var(--surface);color:var(--text);width:100%}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:38px;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:auto;padding:0;flex:0 0 auto;accent-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:var(--input-hover-border)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.form-row .field{flex:1 1;min-width:140px}.form-row>.btn{align-self:flex-start;margin-top:21px}.form-row:not(:has(>:not(.btn)))>.btn{margin-top:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar .spacer{flex:1 1}.toolbar input,.toolbar select{width:auto;min-width:180px}.err{color:var(--red-fg);background:var(--red-bg)}.err,.ok{padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;margin:10px 0;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}.ok{color:var(--green-fg);background:var(--green-bg)}.loading{padding:60px;text-align:center;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px}.login-card .field{margin-bottom:12px}.sidebar .brand{display:flex;align-items:center;gap:10px}.sidebar .brand .brand-ico{display:inline-flex;color:#fff}.sidebar .brand .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar a .nav-ico{display:inline-flex;flex:0 0 auto;width:20px}.hamburger,.sidebar a .nav-ico{align-items:center;justify-content:center}.hamburger{display:none;background:transparent;border:none;color:var(--text);padding:6px;border-radius:8px;cursor:pointer;margin-right:4px}.hamburger:hover{background:var(--gray-bg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay);z-index:30}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.sidebar a:focus-visible{outline-color:#fff;outline-offset:-2px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;--tbl-min:560px}.table-wrap>table{min-width:var(--tbl-min)}.table-wrap.compact{--tbl-min:0px}.spinner{display:inline-block;box-sizing:border-box;border:2.5px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.data-state-center{padding:40px}.data-state-center,.empty-state{display:flex;align-items:center;justify-content:center}.empty-state{color:var(--muted);text-align:center;padding:36px 16px;font-size:13px;flex-direction:column;gap:10px}.empty-state:before{content:"";width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:var(--gray-bg);box-shadow:inset 0 0 0 1px var(--border)}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--gray-bg) 25%,var(--skeleton-hi) 37%,var(--gray-bg) 63%);background-size:400% 100%;animation:skeleton 1.2s ease-in-out infinite;min-height:14px}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:60;flex-direction:column;max-width:min(380px,calc(100vw - 36px))}.toast,.toast-stack{display:flex;gap:10px}.toast{align-items:flex-start;background:var(--card);color:var(--text);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);padding:11px 12px;box-shadow:var(--shadow-pop);font-size:13.5px;animation:toast-in .18s ease-out}.toast-ico{display:inline-flex;flex:0 0 auto;margin-top:1px}.toast-msg{flex:1 1;line-height:1.4;word-break:break-word}.toast-close{flex:0 0 auto;background:transparent;border:none;cursor:pointer;color:var(--muted);padding:2px;border-radius:6px;display:inline-flex}.toast-close:hover{color:var(--text);background:var(--gray-bg)}.toast-success{border-left-color:var(--green-fg)}.toast-success .toast-ico{color:var(--green-fg)}.toast-error{border-left-color:var(--red-fg)}.toast-error .toast-ico{color:var(--red-fg)}.toast-info{border-left-color:var(--blue-fg)}.toast-info .toast-ico{color:var(--blue-fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:70;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;padding:20px;animation:toast-in .15s ease-out}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:420px;padding:22px}.modal-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.modal-message{color:var(--muted);margin:0 0 20px;font-size:13.5px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn.danger{background:var(--danger-btn);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-btn) 88%,#fff),var(--danger-btn));color:var(--primary-fg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 1px 2px rgba(16,24,40,.18)}.btn.danger:hover{background:var(--danger-btn-hover);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-btn-hover) 90%,#fff),var(--danger-btn-hover));filter:none}.btn.ghost.danger{background:transparent;color:var(--red-fg);border:none;box-shadow:none;filter:none}.btn.ghost.danger:hover{background:var(--red-bg);color:var(--red-fg);filter:none}.field-hint{font-size:11.5px;color:var(--muted)}.field-error{font-size:11.5px;color:var(--red-fg);font-weight:500}.help-note{background:color-mix(in srgb,var(--blue-bg) 50%,transparent)!important;border:1px solid color-mix(in srgb,var(--blue-fg) 12%,transparent)!important;border-left:3px solid var(--blue-fg)!important;border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;line-height:1.45;margin:0 0 14px}.help-note .help-note-title{font-size:12.5px;margin-bottom:1px}.help-note .help-note-close{padding:2px;border-radius:6px;opacity:.65}.help-note .help-note-close:hover{opacity:1;background:var(--blue-bg)}.help-strip{display:flex;align-items:flex-start;gap:8px;background:color-mix(in srgb,var(--amber-bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--amber-fg) 16%,transparent);border-left:3px solid var(--amber-fg);border-radius:var(--radius-sm);color:var(--amber-fg);padding:8px 12px;font-size:12.5px;line-height:1.45;margin:0 0 14px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;background:transparent;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);cursor:pointer}.theme-toggle:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--input-hover-border)}.theme-toggle svg{display:block}*{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid transparent}@media (max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;z-index:40;width:250px;box-shadow:0 0 40px rgba(0,0,0,.3)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.hamburger{display:inline-flex}.content{padding:18px 16px}.toolbar input,.toolbar select{min-width:0;flex:1 1}}@media (prefers-reduced-motion:reduce){.btn,.card,.kpi,.sidebar,.sidebar a,a.card,a.kpi{transition:none}.btn:active,.card.clickable:hover,.kpi.clickable:hover,a.card:hover,a.kpi:hover{transform:none}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}.page-header-main{min-width:0;flex:1 1 auto}.page-header-group{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.page-header .subtitle{margin-bottom:0}.page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:0 0 auto;padding-top:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.stat-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);color:var(--text);min-width:0}a.stat-card{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease;cursor:pointer}a.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:var(--border-strong)}.stat-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);flex:0 0 auto;background:var(--gray-bg);color:var(--gray-fg)}.stat-ico.blue{background:var(--blue-bg);color:var(--blue-fg)}.stat-ico.green{background:var(--green-bg);color:var(--green-fg)}.stat-ico.red{background:var(--red-bg);color:var(--red-fg)}.stat-ico.amber{background:var(--amber-bg);color:var(--amber-fg)}.stat-ico.gray{background:var(--gray-bg);color:var(--gray-fg)}.stat-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.stat-label{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.01em;white-space:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat-val{font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.stat-delta{flex:0 0 auto}.stat-sub{color:var(--muted);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.table-toolbar .spacer{flex:1 1}.toolbar-search{position:relative;display:inline-flex;align-items:center;width:260px;max-width:100%;color:var(--muted);flex:0 0 auto}.toolbar-search>svg{position:absolute;left:10px;pointer-events:none}.toolbar-search input{width:100%;padding-left:32px}.toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.toolbar-filters input,.toolbar-filters select{width:auto;min-width:150px}.toolbar-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:0 0 auto}.toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:start}.detail-main,.detail-side{min-width:0}@media (max-width:1000px){.detail-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.toolbar-search{width:100%;flex:1 1 100%}.page-header-actions{padding-top:0}}@media (prefers-reduced-motion:reduce){a.stat-card{transition:none}a.stat-card:hover{transform:none}}.cc-softphone{display:flex;flex-direction:column;gap:14px}.cc-agent-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.cc-agent-status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px}.cc-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--gray-fg);box-shadow:0 0 0 3px var(--gray-bg)}.cc-dot.available{background:var(--green-fg);box-shadow:0 0 0 3px var(--green-bg)}.cc-dot.on_call{background:var(--blue-fg);box-shadow:0 0 0 3px var(--blue-bg)}.cc-dot.paused,.cc-dot.wrap_up{background:var(--amber-fg);box-shadow:0 0 0 3px var(--amber-bg)}.cc-dot.offline{background:var(--gray-fg);box-shadow:0 0 0 3px var(--gray-bg)}.cc-status-btns{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.cc-status-btns>.btn{justify-content:center}.cc-dial{display:flex;flex-direction:column;gap:8px}.cc-dial>.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.cc-sim-note{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:var(--amber-fg);background:color-mix(in srgb,var(--amber-bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--amber-fg) 18%,transparent);border-radius:var(--radius-sm);padding:7px 10px}.cc-sim-note svg{flex:0 0 auto}.cc-call{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface-hover);display:flex;flex-direction:column;gap:8px}.cc-call-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-call-phone{font-weight:700;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-call-meta{color:var(--muted);font-size:12px}.cc-call .row-actions>.btn{display:inline-flex;align-items:center;gap:5px}.cc-screenpop{display:flex;flex-direction:column;gap:10px}.cc-sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cc-sp-name{font-size:15px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.cc-sp-phone{color:var(--muted);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.cc-sp-warn{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--red-fg);background:var(--red-bg);border-radius:var(--radius-sm);padding:8px 10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}.cc-sp-warn svg{flex:0 0 auto}.cc-sp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.cc-sp-row .l{color:var(--muted);font-weight:500;flex:0 0 auto}.cc-sp-row>span:last-child{text-align:right;overflow-wrap:anywhere}.cc-dispo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.cc-dispo-btn{position:relative;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.cc-dispo-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--input-hover-border)}.cc-dispo-btn:active:not(:disabled){transform:scale(.98)}.cc-dispo-btn:disabled{opacity:.5;cursor:default}.cc-dispo-btn.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.cc-dispo-key{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--border);background:var(--surface-hover);color:var(--muted);font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-dispo-label{flex:1 1 auto;min-width:0}@media (prefers-reduced-motion:reduce){.cc-dispo-btn{transition:none}.cc-dispo-btn:active:not(:disabled){transform:none}}.cc-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13.5px;font-weight:600}.cc-switch>input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.cc-switch-track{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:999px;background:var(--border-strong);transition:background-color .15s ease}.cc-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.3);transition:transform .15s ease}.cc-switch>input:checked+.cc-switch-track{background:var(--primary)}.cc-switch>input:checked+.cc-switch-track .cc-switch-thumb{transform:translateX(18px)}.cc-switch>input:focus-visible+.cc-switch-track{box-shadow:0 0 0 3px var(--focus-ring)}.cc-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;font-weight:500}.cc-check>input{flex:0 0 auto}@media (prefers-reduced-motion:reduce){.cc-switch-thumb,.cc-switch-track{transition:none}}.tab-strip{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;margin-bottom:14px;padding-bottom:8px;background:linear-gradient(to right,var(--bg),transparent) 0 /28px 100% no-repeat local,linear-gradient(to left,var(--bg),transparent) 100% /28px 100% no-repeat local,linear-gradient(to right,color-mix(in srgb,var(--text) 16%,transparent),transparent) 0 /10px 100% no-repeat scroll,linear-gradient(to left,color-mix(in srgb,var(--text) 16%,transparent),transparent) 100% /10px 100% no-repeat scroll}.tab-strip>*{flex:0 0 auto;scroll-snap-align:start}.tab-strip::-webkit-scrollbar{height:6px}.tab-select{display:none;margin-bottom:14px}.tab-select select{width:100%}@media (max-width:900px){.tab-strip{display:none}.tab-select{display:block}}.row-expandable{cursor:pointer}.row-expandable:hover{background:var(--row-hover)}.row-expandable>td.caret-cell,th.caret-cell{width:30px;padding-right:0;color:var(--muted);text-align:center}.row-expandable .caret{display:inline-block;transition:transform .12s ease}.row-expandable[aria-expanded=true] .caret{transform:rotate(90deg);color:var(--text)}.row-expandable[aria-expanded=true]{background:var(--row-hover)}.th-sort{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.th-sort:hover{color:var(--text)}th.num .th-sort{justify-content:flex-end}.wms-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.wms-tabs>[role=tablist]{flex:1 1 auto}.wms-wh-select{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;max-width:100%}.wms-wh-select select{width:auto;min-width:210px;max-width:100%}@media (prefers-reduced-motion:reduce){.row-expandable .caret{transition:none}}.dash-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dash-context .sep{opacity:.5}.chip-param{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.chip-param:hover{border-color:var(--primary);color:var(--primary)}.dash-tools>summary{cursor:pointer;list-style:none}.dash-tools>summary::-webkit-details-marker{display:none}.dash-tools[open]>summary{border-color:var(--primary)}.dash-triage{display:flex;flex-direction:column;gap:6px;min-height:56px;margin-bottom:18px;padding:10px 12px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.dash-triage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-gap:6px 14px;gap:6px 14px}.triage-item{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:13.5px}.triage-item:hover{background:var(--row-hover)}.triage-item.bez-linka{cursor:default}.triage-item.bez-linka:hover{background:transparent}.triage-item .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:currentColor}.triage-item .tekst{flex:1 1 auto;min-width:0}.triage-item .strelica{flex:0 0 auto;color:var(--muted)}.triage-item.red{color:var(--red-fg)}.triage-item.amber{color:var(--amber-fg)}.triage-item.blue{color:var(--blue-fg)}.triage-item.green{color:var(--green-fg)}.triage-item.amber .tekst,.triage-item.blue .tekst,.triage-item.green .tekst,.triage-item.red .tekst{color:var(--text)}.triage-quiet{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dash-triage>details>summary,.triage-quiet{font-size:12px;color:var(--muted);padding:2px 8px}.dash-triage>details>summary{cursor:pointer}.dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start;margin-bottom:14px}.dash-grid>.col-3{grid-column:span 3}.dash-grid>.col-5{grid-column:span 5}.dash-grid>.col-6{grid-column:span 6}.dash-grid>.col-7{grid-column:span 7}.dash-grid>*{min-width:0}.dash-grid .data-state-center{padding:20px}.metric-list{display:flex;flex-direction:column}.metric-list .row{display:grid;grid-template-columns:minmax(0,1fr) 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:30px;padding:3px 6px;border-radius:var(--radius-sm);color:inherit;text-decoration:none}.metric-list .row:hover,a.row.metric-row:hover{background:var(--row-hover)}.metric-list .row>:first-child{justify-self:start}.metric-list .n{font-size:13px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.bar{height:8px;background:var(--gray-bg);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;min-width:4px;background:var(--blue-fg)}.mini-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));grid-gap:2px 16px;gap:2px 16px;margin:0}.mini-metrics .row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:26px;font-size:13px}.mini-metrics .k,.mini-metrics dt{color:var(--muted)}.mini-metrics .v,.mini-metrics dd{margin:0;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dash-bar{height:10px;border-radius:999px;background:var(--gray-bg);overflow:hidden}.dash-bar>i{display:block;height:100%;border-radius:999px;background:var(--green-fg)}.spark-bars{display:flex;align-items:flex-end;gap:3px;height:34px}.spark-bars>i{flex:1 1;min-height:2px;border-radius:2px;background:var(--blue-fg)}.spark-bars>i.nula{background:var(--gray-bg)}.dash-list{display:flex;flex-direction:column}.dash-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:13px;border-bottom:1px solid var(--border)}.dash-list-row:last-child{border-bottom:0}.dash-list-row .sku{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list-row .qty{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dash-list-row .qty.red{color:var(--red-fg)}.dash-list-row .qty.amber{color:var(--amber-fg)}.empty-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:26px;font-size:13px;color:var(--muted)}.empty-inline .ok{color:var(--green-fg);display:inline-flex;flex:0 0 auto}.empty-inline a{color:var(--primary)}@media (max-width:1199px){.dash-grid>.col-3,.dash-grid>.col-5,.dash-grid>.col-7{grid-column:span 6}}@media (max-width:1099px){.dash-grid{grid-template-columns:1fr}.dash-grid>.col-3,.dash-grid>.col-5,.dash-grid>.col-6,.dash-grid>.col-7{grid-column:1/-1}.dash-triage-list{grid-template-columns:1fr}.triage-item{min-height:48px}.metric-list .row{min-height:40px}.chip-param{padding:6px 12px}}.dash-tools{position:relative}.dash-tools-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(600px,88vw);padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.trend-brojevi{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(52px,auto));grid-gap:0 12px;gap:0 12px;font-size:13px}.trend-brojevi>span{min-height:26px;display:flex;align-items:center}.trend-brojevi>span.h{font-size:12px;color:var(--muted)}.trend-brojevi>span.n{justify-content:flex-end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-scope{margin-left:6px;font-size:11px;color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (max-width:1099px){.dash-tools-panel{position:static;width:auto;margin-top:8px;grid-template-columns:1fr;box-shadow:none}.spark-bars>i{min-width:3px}}