:root{--brand-700:#0b3a53;--brand-600:#075985;--brand-500:#0b7285;--brand-400:#1596a8;--brand-300:#67c8d2;--brand-200:#a5e3e7;--brand-100:#d5f3f3;--brand-50:#effbfb;--ink-900:#0f172a;--ink-800:#1e293b;--ink-700:#334155;--ink-600:#475569;--ink-500:#64748b;--ink-400:#94a3b8;--ink-300:#cbd5e1;--ink-200:#e2e8f0;--ink-100:#f1f5f9;--surface:#f3f8fa;--surface-sunken:#eaf2f5;--white:#fff;--side-bg:#101b2d;--side-bg-2:#1b2a45;--side-border:#22304a;--side-text:#9da9be;--side-text-soft:#6e7b93;--side-active-bg:#0b72853d;--side-active-text:#fff;--info-600:#1e4fa6;--info-500:#2563eb;--info-50:#eaf0fd;--warn-600:#b45309;--warn-500:#d97706;--warn-50:#fef4e6;--good-600:#15803d;--good-500:#16a34a;--good-50:#e9f8ee;--bad-600:#b91c1c;--bad-500:#dc2626;--bad-50:#fdecec;--gold-500:#c99a2c;--gold-50:#fbf3e1;--shadow-sm:0 1px 2px #181a240d;--shadow-md:0 2px 8px #181a240f,0 1px 2px #181a240a;--shadow-lg:0 12px 32px #181a241a;--shadow-pop:0 24px 60px #181a242e;--r-sm:8px;--r-md:12px;--r-lg:16px;--font-display:"Plus Jakarta Sans","Inter",sans-serif;--font-body:"Inter",sans-serif;--sidebar-w:240px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f3f8fa;background:var(--surface);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12.5px;line-height:1.5}body,h1,h2,h3,h4{color:#0f172a;color:var(--ink-900)}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:12px}ul{list-style:none;margin:0;padding:0}::selection{background:#d5f3f3;background:var(--brand-100)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--ink-300);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--ink-400)}.app{display:flex;min-height:100vh}.sidebar{background:#101b2d;background:var(--side-bg);border-right:1px solid #22304a;border-right:1px solid var(--side-border);bottom:0;color:#9da9be;color:var(--side-text);display:flex;flex-direction:column;flex-shrink:0;left:0;position:fixed;top:0;transition:width .22s cubic-bezier(.4,0,.2,1);width:240px;width:var(--sidebar-w);z-index:40}.sidebar-collapsed{--sidebar-w:68px}.sidebar-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6e7b93;color:var(--side-text-soft);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;transition:all .15s;width:32px}.sidebar-toggle-btn:hover{background:#1b2a45;background:var(--side-bg-2);color:#fff;color:var(--side-active-text)}.sidebar-collapsed .brand{align-items:center;flex-direction:column;gap:8px;padding:12px 6px}.sidebar-collapsed .brand-emblem{height:36px;width:36px}.sidebar-collapsed .brand-text{display:none}.sidebar-collapsed .sidebar-toggle-btn{margin-left:0}.sidebar-collapsed .nav-group-label{display:none}.sidebar-collapsed .nav{padding:8px 6px}.sidebar-collapsed .nav-item,.sidebar-collapsed .nav-parent,.sidebar-collapsed .nav-top-item{gap:0;justify-content:center;padding:10px 0}.sidebar-collapsed .nav-text{display:none}.sidebar-collapsed .nav-children{padding-left:0}.sidebar-collapsed .nav-item:before{display:none}.sidebar-collapsed .sidebar-foot{padding:12px 6px}.sidebar-collapsed .foot-user{justify-content:center}.brand{border-bottom:1px solid #22304a;border-bottom:1px solid var(--side-border);gap:12px;padding:18px 18px 16px}.brand,.brand-emblem{align-items:center;display:flex}.brand-emblem{background:linear-gradient(135deg,#0b7285,#0b3a53);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border-radius:10px;box-shadow:0 0 0 0 #0000;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.brand-text .brand-name{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.2px}.brand-text .brand-sub{font-size:11px;font-weight:500;margin-top:2px}.brand-text .brand-sub,.nav-group-label{color:#6e7b93;color:var(--side-text-soft)}.nav-group-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:14px 18px 6px;text-transform:uppercase}.nav{flex:1 1;overflow-y:auto;padding:6px 12px}.nav-section+.nav-section{margin-top:4px}.nav-parent{align-items:center;border-radius:10px;color:#0f172a;color:var(--ink-900);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:10px;margin:1px 0;padding:9px 10px;transition:background .15s}.nav-parent svg{color:#6e7b93;color:var(--side-text-soft);flex-shrink:0;height:17px;opacity:.85;width:17px}.nav-children{margin-top:2px;padding-left:18px}.nav-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;margin:1px 0;padding:7px 10px 7px 20px;position:relative;transition:background .15s,color .15s}.nav-item:before{background:#cbd5e1;background:var(--ink-300);border-radius:50%;content:"";height:5px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.nav-item:hover{color:#0f172a;color:var(--ink-900)}.nav-item.active{background:#0b72853d;background:var(--side-active-bg);color:var(--side-active-text);font-weight:700}.nav-item.active:before{background:#fff;background:var(--side-active-text)}.nav-top-item{align-items:center;border-radius:10px;color:#0f172a;color:var(--ink-900);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:10px;margin:1px 0;padding:9px 10px;transition:background .15s,color .15s}.nav-top-item.active{background:#0b72853d;background:var(--side-active-bg);color:var(--side-active-text)}.nav-top-item svg{color:#6e7b93;color:var(--side-text-soft);flex-shrink:0;height:17px;width:17px}.nav-top-item.active svg{color:#fff;color:var(--side-active-text)}.sidebar-foot{border-top:1px solid #22304a;border-top:1px solid var(--side-border);color:#6e7b93;color:var(--side-text-soft);font-size:11.5px;padding:14px 22px 18px}.main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ink-200);height:58px;justify-content:space-between;padding:0 22px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:10px}.crumb-eyebrow{color:#94a3b8;color:var(--ink-400);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.crumb-title{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:700}.topbar-right{gap:14px}.tb-search,.topbar-right{align-items:center;display:flex}.tb-search{background:#f3f8fa;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;color:#94a3b8;color:var(--ink-400);font-size:11.5px;gap:8px;padding:8px 12px;width:240px}.tb-search svg{flex-shrink:0;height:15px;width:15px}.icon-btn{align-items:center;background:#f3f8fa;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;color:#334155;color:var(--ink-700);display:flex;height:38px;justify-content:center;position:relative;width:38px}.icon-btn svg{height:17px;width:17px}.icon-btn .dot{background:#0b7285;background:var(--brand-500);border-radius:50%;box-shadow:0 0 0 2px #fff;height:7px;position:absolute;right:7px;top:7px;width:7px}.avatar-chip{border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;cursor:pointer;gap:8px;padding:5px 10px 5px 5px}.avatar-chip,.avatar-circ{align-items:center;display:flex}.avatar-circ{background:linear-gradient(135deg,#0b7285,#0b3a53);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border-radius:50%;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:11.5px;font-weight:700;height:30px;justify-content:center;width:30px}.avatar-chip .nm{color:#334155;color:var(--ink-700);font-size:11.5px;font-weight:600}.avatar-chip svg{color:#94a3b8;color:var(--ink-400);height:13px;width:13px}.topbar-right{position:relative}.tb-dropdown{animation:popIn .15s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:12px;border-radius:var(--r-md);box-shadow:0 12px 32px #181a241a;box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.tb-dropdown-item{align-items:center;color:#334155;color:var(--ink-700);cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:8px;padding:11px 16px;transition:background .12s}.tb-dropdown-item:hover{background:#f1f5f9;background:var(--ink-100)}.tb-dropdown-item.danger{color:#b91c1c;color:var(--bad-600)}.tb-dropdown-item.danger:hover{background:#fdecec;background:var(--bad-50)}.page{padding:20px 22px 44px}.page,.page.active{display:block}.page-head{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.page-head,.page-head-left{align-items:flex-start;display:flex;gap:14px}.page-icon-badge{align-items:center;background:#effbfb;background:var(--brand-50);border-radius:12px;border-radius:var(--r-md);color:#075985;color:var(--brand-600);display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.page-icon-badge svg{height:23px;width:23px}.page-title{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:19px;font-weight:800;margin-bottom:3px}.page-desc{color:#64748b;color:var(--ink-500);font-size:11.5px}.btn{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;transition:transform .08s ease,box-shadow .15s,background .15s;white-space:nowrap}.btn svg{height:15px;width:15px}.btn:active{transform:translateY(1px)}.btn-primary{background:#0b7285;background:var(--brand-500);box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{background:#075985;background:var(--brand-600)}.btn-dark{background:#0f172a;background:var(--ink-900);color:#fff}.btn-dark:hover{background:#000}.btn-info{background:#2563eb;background:var(--info-500);color:#fff}.btn-info:hover{background:#1e4fa6;background:var(--info-600)}.btn-good{background:#16a34a;background:var(--good-500);color:#fff}.btn-good:hover{background:#15803d;background:var(--good-600)}.btn-ghost{background:#fff;border-color:#e2e8f0;border-color:var(--ink-200);color:#334155;color:var(--ink-700)}.btn-ghost:hover{background:#f1f5f9;background:var(--ink-100)}.btn-soft{background:#effbfb;background:var(--brand-50);color:#075985;color:var(--brand-600)}.btn-soft:hover{background:#d5f3f3;background:var(--brand-100)}.btn-sm{border-radius:8px;font-size:11.5px;padding:6px 10px}.btn-icon-only{border-radius:8px;padding:9px}.btn-block{justify-content:center;width:100%}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative}.kpi-card .bar{bottom:0;left:0;position:absolute;top:0;width:4px}.kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.kpi-icon svg{height:21px;width:21px}.kpi-value{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:22.5px;font-weight:800;line-height:1}.kpi-label{color:#64748b;color:var(--ink-500);font-size:11.5px;font-weight:500;margin-top:4px}.kpi-brand .bar{background:#0b7285;background:var(--brand-500)}.kpi-brand .kpi-icon{background:#effbfb;background:var(--brand-50);color:#075985;color:var(--brand-600)}.kpi-info .bar{background:#2563eb;background:var(--info-500)}.kpi-info .kpi-icon{background:#eaf0fd;background:var(--info-50);color:#1e4fa6;color:var(--info-600)}.kpi-good .bar{background:#16a34a;background:var(--good-500)}.kpi-good .kpi-icon{background:#e9f8ee;background:var(--good-50);color:#15803d;color:var(--good-600)}.kpi-warn .bar{background:#d97706;background:var(--warn-500)}.kpi-warn .kpi-icon{background:#fef4e6;background:var(--warn-50);color:#b45309;color:var(--warn-600)}.kpi-gold .bar{background:#c99a2c;background:var(--gold-500)}.kpi-gold .kpi-icon{background:#fbf3e1;background:var(--gold-50);color:#c99a2c;color:var(--gold-500)}.panel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);margin-bottom:20px}.panel-head{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--ink-100);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.panel-head,.panel-head-title{align-items:center;display:flex}.panel-head-title{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:700;gap:9px}.panel-head-title svg{color:#075985;color:var(--brand-600);height:17px;width:17px}.panel-head-sub{color:#94a3b8;color:var(--ink-400);font-size:11.5px;font-weight:600}.panel-body{padding:16px}.panel-body.no-pad{padding:0}.panel-body-scroll{height:560px;overflow-x:hidden;overflow-y:auto}.filter-bar{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:14px 16px}.field{display:flex;flex-direction:column;gap:6px}.field label{color:#64748b;color:var(--ink-500);font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.input-icon-wrap{position:relative}.input-icon-wrap svg{color:#94a3b8;color:var(--ink-400);height:14px;left:11px;position:absolute;top:50%;transform:translateY(-50%);width:14px}.input,select.input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:9px;color:#0f172a;color:var(--ink-900);font-size:11.5px;min-width:160px;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.input.has-icon{padding-left:32px}.input:focus,select.input:focus{border-color:#1596a8;border-color:var(--brand-400);box-shadow:0 0 0 3px #effbfb;box-shadow:0 0 0 3px var(--brand-50);outline:none}.input::placeholder{color:#94a3b8;color:var(--ink-400)}.field-grow{flex:1 1;min-width:190px}.field-grow .input{width:100%}.searchable-select{position:relative}.searchable-select.is-open .input{border-color:#1596a8;border-color:var(--brand-400);box-shadow:0 0 0 3px #effbfb;box-shadow:0 0 0 3px var(--brand-50)}.searchable-select-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:9px;box-shadow:0 2px 8px #181a240f,0 1px 2px #181a240a;box-shadow:var(--shadow-md);left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.searchable-select-option{border-radius:7px;color:#334155;color:var(--ink-700);cursor:pointer;font-size:11.5px;padding:8px 10px}.searchable-select-option:hover{background:#f1f5f9;background:var(--ink-100)}.searchable-select-option.is-selected{background:#effbfb;background:var(--brand-50);color:#0b3a53;color:var(--brand-700);font-weight:600}.searchable-select-empty{color:#94a3b8;color:var(--ink-400);font-size:11.5px;padding:10px;text-align:center}.table-wrap{overflow-x:auto}table.dt{border-collapse:collapse;min-width:720px;width:100%}table.dt thead th{background:#f3f8fa;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ink-200);color:#64748b;color:var(--ink-500);font-size:11px;font-weight:700;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}table.dt thead th:first-child{border-radius:0}table.dt tbody td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--ink-100);color:#334155;color:var(--ink-700);font-size:12px;padding:10px 12px;vertical-align:middle}table.dt tbody tr{transition:background .12s}table.dt tbody tr:hover{background:#fafafb}table.dt tbody tr:last-child td{border-bottom:none}.cell-strong{color:#0f172a;color:var(--ink-900);font-weight:700}.cell-muted{color:#94a3b8;color:var(--ink-400)}.cell-link{color:#1e4fa6;color:var(--info-600);font-weight:600}.cell-link:hover{text-decoration:underline}.cust-cell{gap:10px}.cust-avatar,.cust-cell{align-items:center;display:flex}.cust-avatar{background:linear-gradient(135deg,#1596a8,#0b3a53);background:linear-gradient(135deg,var(--brand-400),var(--brand-700));border-radius:50%;color:#fff;flex-shrink:0;font-size:11.5px;font-weight:700;height:36px;justify-content:center;width:36px}.cust-name{color:#0f172a;color:var(--ink-900);font-size:12px;font-weight:700}.cust-sub{color:#94a3b8;color:var(--ink-400);font-size:11.5px;margin-top:1px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;gap:6px;padding:4px 10px;white-space:nowrap}.badge .dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.badge-info{background:#eaf0fd;background:var(--info-50);color:#1e4fa6;color:var(--info-600)}.badge-info .dot{background:#2563eb;background:var(--info-500)}.badge-warn{background:#fef4e6;background:var(--warn-50);color:#b45309;color:var(--warn-600)}.badge-warn .dot{background:#d97706;background:var(--warn-500)}.badge-good{background:#e9f8ee;background:var(--good-50);color:#15803d;color:var(--good-600)}.badge-good .dot{background:#16a34a;background:var(--good-500)}.badge-bad{background:#fdecec;background:var(--bad-50);color:#b91c1c;color:var(--bad-600)}.badge-neutral{background:#f1f5f9;background:var(--ink-100);color:#64748b;color:var(--ink-500)}.badge-gold{background:#fbf3e1;background:var(--gold-50);color:#8a6b1e}.badge-brand{background:#effbfb;background:var(--brand-50);color:#075985;color:var(--brand-600)}.tag{align-items:center;background:#eaf0fd;background:var(--info-50);border:1px solid #dce7fb;border-radius:8px;color:#1e4fa6;color:var(--info-600);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:5px 10px}.tag svg{height:12px;width:12px}.tag-amber{background:#fbf3e1;background:var(--gold-50);border-color:#f2e2b8;color:#8a6b1e}.tag-violet{background:#f1ecfb;border-color:#e1d4f7;color:#6b3fb8}.tag-rose{background:#effbfb;background:var(--brand-50);border-color:#d5f3f3;border-color:var(--brand-100);color:#075985;color:var(--brand-600)}.tag-slate{background:#f1f5f9;background:var(--ink-100);border-color:#e2e8f0;border-color:var(--ink-200);color:#64748b;color:var(--ink-500)}.req-yes{align-items:center;color:#075985;color:var(--brand-600);display:inline-flex;font-size:11.5px;font-weight:700;gap:4px}.req-no{color:#94a3b8;color:var(--ink-400);font-size:11.5px;font-weight:500}.toggle{background:#cbd5e1;background:var(--ink-300);border-radius:999px;cursor:pointer;display:inline-block;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.toggle .knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;height:18px;left:3px;position:absolute;top:3px;transition:left .2s;width:18px}.toggle.on{background:#16a34a;background:var(--good-500)}.toggle.on .knob{left:21px}.row-actions{align-items:center;display:flex;gap:6px}.act-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:8px;color:#64748b;color:var(--ink-500);display:inline-flex;height:32px;justify-content:center;transition:all .15s;width:32px}.act-btn svg{height:14px;width:14px}.act-btn:hover{background:#f1f5f9;background:var(--ink-100)}.act-btn.danger:hover{background:#fdecec;background:var(--bad-50);border-color:#f7caca;color:#b91c1c;color:var(--bad-600)}.act-btn.edit:hover{background:#eaf0fd;background:var(--info-50);border-color:#cfe0fb;color:#1e4fa6;color:var(--info-600)}.act-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:8px;color:#334155;color:var(--ink-700);display:inline-flex;font-size:11.5px;font-weight:700;gap:6px;padding:6px 13px;white-space:nowrap}.act-pill:hover{background:#f1f5f9;background:var(--ink-100)}.act-pill.violet{background:#f1ecfb;border-color:#e1d4f7;color:#6b3fb8}.act-pill.violet:hover{background:#e5daf7}.pager{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--ink-100);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 20px}.pager-info{color:#64748b;color:var(--ink-500);font-size:11.5px}.pager-info b{color:#0f172a;color:var(--ink-900)}.pager-controls{align-items:center;display:flex;gap:8px}.pg-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:8px;color:#334155;color:var(--ink-700);font-size:11.5px;font-weight:600;padding:7px 13px}.pg-btn:disabled{color:#cbd5e1;color:var(--ink-300);cursor:not-allowed}.pg-btn.active{background:#0b7285;background:var(--brand-500);border-color:#0b7285;border-color:var(--brand-500);color:#fff}.pg-num{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:8px;color:#334155;color:var(--ink-700);display:inline-flex;font-size:11.5px;font-weight:700;height:32px;justify-content:center;width:32px}.pg-num.active{background:#0b7285;background:var(--brand-500);border-color:#0b7285;border-color:var(--brand-500);color:#fff}select.pg-select{border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:8px;font-size:11.5px;padding:6px 8px}.split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.split-info{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;font-size:12px;gap:8px}.info-row .k{color:#64748b;color:var(--ink-500);font-weight:600;min-width:118px}.info-row .v{color:#0f172a;color:var(--ink-900);font-weight:600}.empty-state{color:#94a3b8;color:var(--ink-400);font-size:11.5px;padding:36px 20px;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1410128c;display:none;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.modal-overlay.show{display:flex}.modal-box{animation:popIn .18s ease;background:#fff;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 24px 60px #181a242e;box-shadow:var(--shadow-pop);max-height:88vh;max-width:560px;overflow-y:auto;width:100%}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--ink-100);justify-content:space-between;padding:16px 20px}.modal-head,.modal-head h3{align-items:center;display:flex}.modal-head h3{font-size:15px;font-weight:800;gap:9px}.modal-head h3 svg{color:#075985;color:var(--brand-600);height:19px;width:19px}.modal-close{align-items:center;border-radius:10px;color:#94a3b8;color:var(--ink-400);display:flex;height:32px;justify-content:center;width:32px}.modal-close:hover{background:#f1f5f9;background:var(--ink-100);color:#334155;color:var(--ink-700)}.modal-close svg{height:16px;width:16px}.modal-body{padding:18px 20px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 16px}.form-grid{display:flex;flex-direction:column;gap:12px}.form-row-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-field label{color:#334155;color:var(--ink-700);display:block;font-size:11.5px;font-weight:700;margin-bottom:7px}.form-field label .req{color:#0b7285;color:var(--brand-500)}.form-field .input,.form-field select.input,.form-field textarea.input{width:100%}.form-field textarea.input{font-family:inherit;min-height:74px;resize:vertical}.hint{color:#94a3b8;color:var(--ink-400);font-size:11.3px;margin-top:5px}.upload-btn{background:#2563eb;background:var(--info-500);border-radius:9px;color:#fff;display:inline-flex;font-weight:700;gap:7px;padding:9px 14px;white-space:nowrap}.checkbox-line,.upload-btn{align-items:center;font-size:11.5px}.checkbox-line{color:#334155;color:var(--ink-700);display:flex;font-weight:600;gap:8px}.checkbox-line input{accent-color:#0b7285;accent-color:var(--brand-500);height:16px;width:16px}.form-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.rte{border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;overflow:hidden}.rte-toolbar{background:#f3f8fa;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ink-200);display:flex;flex-wrap:wrap;gap:3px;padding:8px 10px}.rte-toolbar select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);padding:4px 6px}.rte-btn,.rte-toolbar select{border-radius:6px;font-size:11.5px}.rte-btn{align-items:center;color:#475569;color:var(--ink-600);display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.rte-btn:hover{background:#e2e8f0;background:var(--ink-200)}.rte-btn svg{height:14px;width:14px}.rte-area{font-size:12px;min-height:70px;padding:12px 14px}.rte-area,.timeline-empty{color:#94a3b8;color:var(--ink-400)}.timeline-empty{align-items:center;display:flex;flex-direction:column;font-size:11.5px;gap:8px;justify-content:center;padding:30px 10px;text-align:center}.timeline-empty svg{color:#cbd5e1;color:var(--ink-300);height:30px;width:30px}.back-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:9px;color:#475569;color:var(--ink-600);display:inline-flex;font-size:11.5px;font-weight:700;gap:7px;padding:8px 14px}.back-link:hover{background:#f1f5f9;background:var(--ink-100)}.back-link svg{height:14px;width:14px}.qa-block+.qa-block{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--ink-200);margin-top:18px;padding-top:18px}.qa-q{color:#0f172a;color:var(--ink-900);font-size:11.5px;font-weight:700;margin-bottom:9px}.stars{align-items:center;display:flex;gap:4px}.stars svg{height:18px;width:18px}.star-on{fill:#c99a2c;fill:var(--gold-500);color:#c99a2c;color:var(--gold-500)}.star-off{fill:#e2e8f0;fill:var(--ink-200);color:#e2e8f0;color:var(--ink-200)}.stars .sval{color:#64748b;color:var(--ink-500);font-size:11.5px;margin-left:6px}.qa-block .qa-q,.stars .sval{font-weight:700}.qa-block .qa-a{margin-top:4px}.qa-block .qa-a .answer-text{color:#334155;color:var(--ink-700);font-size:11.5px}.status-pickrow{display:flex;flex-wrap:wrap;gap:10px}.status-pick{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;color:#64748b;color:var(--ink-500);display:flex;font-size:11.5px;font-weight:700;gap:7px;padding:9px 14px}.status-pick .dot{border-radius:50%;height:8px;width:8px}.status-pick.sel-info{background:#eaf0fd;background:var(--info-50);border-color:#2563eb;border-color:var(--info-500);color:#1e4fa6;color:var(--info-600)}.status-pick.sel-warn{background:#fef4e6;background:var(--warn-50);border-color:#d97706;border-color:var(--warn-500);color:#b45309;color:var(--warn-600)}.status-pick.sel-good{background:#e9f8ee;background:var(--good-50);border-color:#16a34a;border-color:var(--good-500);color:#15803d;color:var(--good-600)}.drawer-overlay{align-items:flex-start;background:#14101273;display:none;inset:0;justify-content:flex-end;position:fixed;z-index:90}.drawer-overlay.show{display:flex}.drawer-panel{animation:slideIn .22s ease;background:#fff;box-shadow:-12px 0 40px #0000002e;height:100vh;max-width:94vw;overflow-y:auto;width:480px}@keyframes slideIn{0%{opacity:.6;transform:translateX(24px)}to{opacity:1;transform:none}}.drawer-top{background:#fff;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--ink-100);gap:10px;justify-content:space-between;padding:20px 22px;position:-webkit-sticky;position:sticky;top:0}.drawer-top,.drawer-user{align-items:flex-start;display:flex}.drawer-user{gap:12px}.drawer-user .nm{color:#0f172a;color:var(--ink-900);font-size:13px;font-weight:800}.drawer-user .meta{color:#94a3b8;color:var(--ink-400);font-size:11.5px;line-height:1.6;margin-top:4px}.drawer-body{padding:20px 22px}.drawer-sec-title{align-items:center;color:#64748b;color:var(--ink-500);display:flex;font-size:11.5px;font-weight:800;gap:7px;letter-spacing:.04em;margin-bottom:14px;text-transform:uppercase}.drawer-sec-title svg{height:14px;width:14px}.fin-stack{display:flex;flex-direction:column;font-size:11.5px;gap:2px;line-height:1.55;white-space:nowrap}.fin-stack .ln1{color:#b91c1c;color:var(--bad-600);font-weight:700}.fin-stack .ln1.pos{color:#15803d;color:var(--good-600)}.fin-stack .ln2{color:#94a3b8;color:var(--ink-400)}.fin-stack .ln3{color:#334155;color:var(--ink-700);font-weight:600}.profit-pos{color:#15803d;color:var(--good-600);font-weight:800}.profit-neg{color:#b91c1c;color:var(--bad-600);font-weight:800}.profit-zero{color:#334155;color:var(--ink-700);font-weight:800}.flex{display:flex}.gap-8{gap:8px}.mb-0{margin-bottom:0!important}.scroll-x{overflow-x:auto}.nowrap{white-space:nowrap}.w-full{width:100%}.text-right{text-align:right}.section-divider{background:#f1f5f9;background:var(--ink-100);height:1px;margin:22px 0}@media (max-width:1180px){.split{grid-template-columns:1fr}}.hamburger-btn{display:none}@media (max-width:980px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.main{margin-left:0}.tb-search{display:none}.hamburger-btn{align-items:center;background:#f3f8fa;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:10px;color:#334155;color:var(--ink-700);display:flex;flex-shrink:0;height:38px;justify-content:center;margin-right:4px;width:38px}.hamburger-btn svg{height:18px;width:18px}}.sidebar-scrim{display:none}@media (max-width:980px){.sidebar-scrim{background:#14101273;display:none;inset:0;position:fixed;z-index:35}.sidebar-scrim.show{display:block}}.brand-text .brand-name{color:#fff}.brand-emblem{background:#fff;object-fit:contain;padding:5px}.nav-parent{color:#dee5f2}.nav-parent:hover{background:#1b2a45;background:var(--side-bg-2)}.nav-item{color:#9da9be;color:var(--side-text)}.nav-item:hover{background:#1b2a45;background:var(--side-bg-2);color:#fff}.nav-item:before{background:#6e7b93;background:var(--side-text-soft)}.nav-item.active{color:#fff}.nav-item.active:before{background:#67c8d2;background:var(--brand-300)}.nav-top-item{color:#dee5f2}.nav-top-item:hover{background:#1b2a45;background:var(--side-bg-2);color:#fff}.nav-top-item.active{color:#fff}.nav-top-item.active svg{color:#67c8d2;color:var(--brand-300)}.foot-user{align-items:center;display:flex;gap:10px}.foot-user .avatar-circ{flex-shrink:0;font-size:11.5px;height:34px;width:34px}.foot-name{color:#e7ecf5;font-size:11.5px;font-weight:700;line-height:1.3;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-role{color:#6e7b93;color:var(--side-text-soft);font-size:11px}.btn-warn{background:#d97706;background:var(--warn-500);color:#fff}.btn-warn:hover{background:#b45309;background:var(--warn-600)}.act-pill.danger{border-color:#f3c4c4;color:#b91c1c;color:var(--bad-600)}.act-pill.danger:hover{background:#fdecec;background:var(--bad-50)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.dt tbody tr.active-row{background:#effbfb;background:var(--brand-50)}table.dt tbody tr.active-row td{border-bottom-color:#d5f3f3;border-bottom-color:var(--brand-100)}.tabs-bar{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:12px;box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);display:flex;gap:6px;margin-bottom:18px;overflow-x:auto;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#64748b;color:var(--ink-500);display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:7px 12px;transition:all .15s;white-space:nowrap}.tab-btn:hover{background:#f1f5f9;background:var(--ink-100);color:#0f172a;color:var(--ink-900)}.tab-btn.active{background:#075985;background:var(--brand-600);box-shadow:0 1px 2px #181a240d;box-shadow:var(--shadow-sm);color:#fff}.tab-btn svg{flex-shrink:0;height:15px;width:15px}.tab-count{background:#f1f5f9;background:var(--ink-100);border-radius:999px;color:#64748b;color:var(--ink-500);font-size:11.5px;font-weight:700;padding:1px 8px}.tab-btn.active .tab-count{background:#ffffff38;color:#fff}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:340px minmax(0,1fr)}.detail-grid>.panel:first-child{grid-column:2;grid-row:1}.detail-grid>.panel:nth-child(2){align-self:start;grid-column:1;grid-row:1}@media (max-width:1180px){.detail-grid{grid-template-columns:1fr}.detail-grid>.panel:first-child{grid-column:1;grid-row:2}.detail-grid>.panel:nth-child(2){grid-column:1;grid-row:1}}.rte .ql-toolbar{background:#f3f8fa;background:var(--surface);border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ink-200);border-radius:10px 10px 0 0}.rte .ql-container{border:none;border-radius:0 0 10px 10px;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;min-height:110px}.auth-wrap{align-items:center;background:linear-gradient(135deg,#0f172a,#16264a 55%,#0b3a53);background:linear-gradient(135deg,var(--ink-900) 0,#16264a 55%,var(--brand-700) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#fff;border-radius:18px;box-shadow:0 24px 60px #181a242e;box-shadow:var(--shadow-pop);max-width:440px;padding:38px 36px;width:100%}.auth-logo{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ink-200);border-radius:14px;display:flex;height:56px;justify-content:center;margin:0 auto 16px;padding:8px;width:56px}.auth-logo img{height:100%;object-fit:contain;width:100%}.auth-title{color:#0f172a;color:var(--ink-900);font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:800;text-align:center}.auth-sub{color:#64748b;color:var(--ink-500);font-size:12px;margin-bottom:26px;margin-top:6px;text-align:center}.auth-error{background:#fdecec;background:var(--bad-50);border:1px solid #f3c4c4;border-radius:10px;color:#b91c1c;color:var(--bad-600);margin-bottom:18px;padding:11px 14px}.auth-error,.auth-foot{font-size:11.5px;text-align:center}.auth-foot{color:#64748b;color:var(--ink-500);margin-top:18px}.auth-foot a{color:#075985;color:var(--brand-600);font-weight:700}.content-area{box-sizing:border-box;min-width:0;width:100%}.current-user-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.header-user-info{display:flex;flex-direction:column;gap:2px;max-width:220px}.header-user-info .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-role{color:var(--ink-400);font-size:10.5px;line-height:1.2}.sidebar-foot .foot-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}