:root{--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--topbar-h: 56px;--radius: 12px;--bg: #f1f3f9;--card-bg: #f9fafb;--text: #141a21;--muted: #6b7280;--border: #d1d5db;--sidebar-bg: #0f172a;--sidebar-fg: #e5e7eb;--sidebar-fg-dim: #9ca3af;--accent: #3b82f6}.app-shell{display:flex;min-height:100%}.app-main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;transition:margin-left .2s ease}.side-nav.collapsed~.app-main{margin-left:var(--sidebar-w-collapsed)}.side-nav{position:fixed;z-index:1001;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;transition:width .2s ease,transform .2s ease;transform:translate(0)}.side-nav.collapsed{width:var(--sidebar-w-collapsed)}.side-nav.open{transform:translate(0)}.brand{display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.logo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.brand-text{font-weight:600}.menu{padding:12px 8px 24px;overflow:auto}.menu-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-fg-dim);padding:12px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:4px 8px;border-radius:10px;color:var(--sidebar-fg);text-decoration:none}.menu-item:hover{background:#ffffff0f}.menu-item.active{background:#3b82f62e;color:#fff}.side-nav.collapsed .menu-title{opacity:0;height:0;overflow:hidden}.side-nav.collapsed .menu-item span{display:none}.topbar{position:sticky;top:0;z-index:1000;height:var(--topbar-h);display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--border);padding:0 16px}.topbar-spacer{flex:1}.icon-btn{height:32px;width:32px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.icon-btn:hover{background:#f3f4f6}.icon-btn.danger:hover{background:#fee2e2;border-color:#fecaca}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 6px #00000014}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.card-body{padding:16px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px}.table thead th{background:#f3f4f6;color:#111;border-bottom:1px solid var(--border);text-align:left;padding:12px;font-weight:600}.table tbody td{border-bottom:1px solid var(--border);padding:12px}.form-input{height:36px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:#fff;color:var(--text)}.d-desktop{display:inline-flex}.d-mobile{display:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000}@media (max-width: 1024px){.app-main{margin-left:0}.d-desktop{display:none}.d-mobile{display:inline-flex}.side-nav{transform:translate(-100%)}.side-nav.open{transform:translate(0)}}.btn{height:36px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.btn.danger{border-color:#fecaca;background:#fff0f0}.form-grid{display:grid;gap:20px}.form-grid-2{grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text)}.form-group input,.form-group select{height:40px;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:#fff;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633;outline:none}.form-group input[readonly]{background:#f3f4f6;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn.primary{background:var(--accent);color:#fff;border:none}.btn.primary:hover{background:#2563eb}.btn.secondary{background:#e5e7eb;border:none}.btn.secondary:hover{background:#d1d5db}.form-layout{display:grid;gap:28px}.section{display:grid;gap:16px}.section-title{font-size:14px;font-weight:700;color:var(--text)}@media (max-width: 900px){.section-grid-2,.section-grid-3{grid-template-columns:1fr}}.input-affix{position:relative;display:grid}.input-prefix,.input-suffix{position:absolute;inset-block:0;display:inline-flex;align-items:center;padding:0 10px;color:var(--muted);font-size:12px;pointer-events:none}.input-prefix{left:0}.input-suffix{right:0}.input-affix>.form-input{padding-left:34px}.input-affix>.form-input+.input-suffix{right:8px;padding:0}.input-affix .input-suffix{right:10px}.hint{color:var(--muted);font-size:12px;margin-top:6px}.kpi-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.kpi-card{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:12px;display:grid;gap:4px}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-weight:700}.pill{background:#eef2ff;color:#3730a3;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.sticky-summary{position:sticky;bottom:0;background:var(--card-bg);padding-top:8px;border-top:1px solid var(--border)}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:grid;gap:2px}.summary-item.ok{border-color:#bbf7d0;background:#f0fdf4}.summary-item.bad{border-color:#fecaca;background:#fff1f2}.summary-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.summary-value{font-weight:700}.loading-wrap{display:grid;gap:12px}.skeleton{background:linear-gradient(90deg,#eee,#f5f5f5,#eee);border-radius:8px}.h-6{height:24px}.h-10{height:40px}.w-1\/2{width:50%}.w-full{width:100%}.modal{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,92vw)}.card-header-row{display:flex;align-items:center;gap:12px}.top-actions{margin-left:auto;display:flex;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:12px}.metric-card.ok{border-color:#bbf7d0;background:#f8fff9}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-weight:700}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:20px;display:grid;gap:8px;place-items:start;background:#fff}.empty-title{font-weight:700}.empty-sub{color:var(--muted);font-size:14px}.col-ellipsis{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:8px}.status-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;background:#eef2ff;color:#3730a3}@media (max-width: 1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}}.badge-pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:600}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice-card{border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;transition:box-shadow .2s ease,border-color .2s ease,transform .05s ease}.choice-card:hover{box-shadow:0 4px 16px #0000000f;border-color:#cbd5e1}.choice-card:active{transform:translateY(1px)}.choice-card.is-disabled{opacity:.6;cursor:not-allowed}.choice-card.is-disabled:hover{box-shadow:none;border-color:var(--border);transform:none}.choice-icon{height:40px;width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#111827}.choice-content{display:grid;gap:4px}.choice-sub{font-size:13px;color:var(--muted);line-height:1.3}.choice-cta{color:#2563eb;font-weight:600;font-size:14px}@media (max-width: 720px){.choice-grid{grid-template-columns:1fr}}.section-title{margin-top:12px;padding-top:8px;border-top:1px dashed var(--border);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.badge-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#1e40af;font-size:12px;border:1px solid #c7d2fe}.input-error{border-color:#fca5a5!important;background:#fff7f7}.input-error:focus{box-shadow:0 0 0 2px #ef44442e}.hint{margin-top:6px;font-size:12px;color:var(--muted)}.input-error+.hint{color:#b91c1c}.form-grid-3{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}@media (max-width: 860px){.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}}.dv360-box{padding:12px;border:1px dashed var(--border);border-radius:10px;background:#fcfdff}.summary-sticky{position:sticky;bottom:0;z-index:5;margin-top:8px;padding:12px 14px;border-top:1px solid var(--border);background:linear-gradient(to top,#f9fafbf5,#f9fafbdb);-webkit-backdrop-filter:saturate(1.2) blur(2px);backdrop-filter:saturate(1.2) blur(2px);border-radius:10px;box-shadow:0 -6px 12px #0000000a}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0}.summary-line+.summary-line{border-top:1px dashed var(--border)}.summary-line strong{font-weight:700}.summary-line strong.ok{color:#16a34a}.summary-line strong.warn{color:#dc2626}.fieldset{padding:8px 12px 12px;border:1px dashed var(--border);border-radius:10px;background:#fff;margin-bottom:12px}.fieldset-title{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}@media (max-width: 640px){.summary-line{flex-direction:column;align-items:flex-start}}.user-area{display:flex;align-items:center;gap:10px;position:relative}.user-meta{display:flex;align-items:center;gap:8px}.user-name{font-weight:600;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:600}.avatar-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 8px;cursor:pointer}.avatar{width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar.sm{width:24px;height:24px;font-size:12px}.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:8px;z-index:1100}.user-menu-header{display:flex;align-items:center;gap:8px;padding:8px 8px 6px;border-bottom:1px dashed var(--border);margin-bottom:6px}.um-name{font-weight:700}.um-role{font-size:12px;color:var(--muted)}.user-menu-item{width:100%;text-align:left;background:#fff;border:0;border-radius:8px;padding:8px 10px;cursor:pointer}.user-menu-item:hover{background:#f3f4f6}.user-menu-item.danger{color:#b91c1c}.user-menu-sep{height:1px;background:var(--border);margin:6px 8px}.side-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.08);color:var(--sidebar-fg-dim)}.side-nav .sf-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.side-nav .sf-body{font-size:12px;opacity:.9}.side-nav .sf-dot{width:22px;height:22px;border-radius:999px;background:#334155;color:#fff;display:grid;place-items:center;margin:6px auto}.tt-wrap{position:relative}.tt-wrap[data-tt]:hover:after{content:attr(data-tt);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#111;color:#fff;border-radius:6px;padding:6px 8px;font-size:12px;white-space:nowrap;z-index:1200;box-shadow:0 4px 14px #0003}.icon-btn:focus,.btn:focus,.avatar-btn:focus,.menu-item:focus{outline:none;box-shadow:0 0 0 2px #3b82f659}.auth-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:16px}.auth-card{width:min(980px,96vw);display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #0206171f}.auth-brand{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0b1220);color:#e5e7eb;padding:28px;display:flex;flex-direction:column;gap:18px;justify-content:center}.auth-logo{width:56px;height:56px;border-radius:14px;background:var(--accent);display:grid;place-items:center;font-weight:800;color:#fff;font-size:20px;box-shadow:0 8px 24px #3b82f659}.auth-brand-text h1{margin:0 0 6px;font-size:22px}.auth-brand-text p{margin:0;color:#cbd5e1;font-size:14px}.auth-form-col{padding:18px;display:flex;flex-direction:column;justify-content:center}.auth-form-wrap{width:min(420px,86vw);margin:0 auto}.auth-footer-hint{margin-top:10px;text-align:center;color:var(--muted);font-size:12px}.form-row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox input{accent-color:var(--accent)}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{width:100%;height:40px;border:1px solid var(--border);border-radius:10px;padding:0 38px 0 12px;background:#fff;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.input-with-action input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633;outline:none}.ghost-action{position:absolute;right:6px;height:28px;min-width:28px;padding:0 6px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ghost-action:hover{background:#f3f4f6}.form-error{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:10px;padding:8px 10px;font-size:13px}.input-error{border-color:#ef4444!important}@media (max-width: 920px){.auth-card{grid-template-columns:1fr}.auth-brand{min-height:180px;border-bottom:1px solid rgba(255,255,255,.08)}}.ghost-action svg{width:18px;height:18px;opacity:.9}.ghost-action:hover svg{opacity:1}.public-page .app-main{margin-left:0!important}.public-page .topbar,.public-page .side-nav{display:none!important}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#3b82f6}.side-nav{--sb-bg: #0f1a2a;--sb-fg: #e5eaf3;--sb-logo: #11233b;--sb-hover: rgba(255,255,255,.06);--sb-active: rgba(88,124,255,.18);--sb-active-outline: rgba(88,124,255,.24);--sb-thumb: #162238;--sb-thumb-hover: #1d2c46;position:fixed;left:0;top:0;bottom:0;height:100vh;background:var(--sb-bg);color:var(--sb-fg);width:240px;display:flex;flex-direction:column;z-index:60}.side-nav.collapsed{width:64px}.side-nav .brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 12px;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.06)}.side-nav .logo{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--sb-logo);font-weight:800}.side-nav .brand-text{font-weight:700}.side-nav .menu-scroll{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable;scroll-behavior:smooth;padding:8px 8px 12px}.side-nav .menu-scroll::-webkit-scrollbar{width:8px;height:8px;background:transparent}.side-nav .menu-scroll::-webkit-scrollbar-track{background:var(--sb-bg)}.side-nav .menu-scroll::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:8px;border:2px solid var(--sb-bg)}.side-nav .menu-scroll::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}.side-nav .menu-scroll{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-bg)}.side-nav .menu{display:flex;flex-direction:column;gap:8px}.side-nav .menu-title{padding:4px 10px;font-size:12px;opacity:.8}.side-nav.collapsed .menu-title{display:none}.side-nav .menu-bottom-spacer{height:8px}.side-nav .menu .menu-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 10px;border-radius:12px;text-decoration:none;color:inherit;white-space:nowrap}.side-nav .menu .menu-item .icon-cell{width:36px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.side-nav .menu .menu-item svg{display:block;pointer-events:none}.side-nav .menu .item-label{overflow:hidden;text-overflow:ellipsis}.side-nav.collapsed .menu .item-label{display:none}.side-nav .menu .menu-item:hover{background:var(--sb-hover)}.side-nav .menu .menu-item.active{background:var(--sb-active);outline:2px solid var(--sb-active-outline)}.side-nav.collapsed .menu .menu-item{justify-content:center;padding:0;background:transparent;outline:none}.side-nav.collapsed .menu .menu-item:hover,.side-nav.collapsed .menu .menu-item:focus-visible,.side-nav.collapsed .menu .menu-item.active{background:transparent;outline:none}.side-nav:not(.collapsed) .menu .menu-item:hover{background:var(--sb-hover)}.side-nav:not(.collapsed) .menu .menu-item.active{background:var(--sb-active);outline:2px solid var(--sb-active-outline)}.side-nav.collapsed .menu .menu-item,.side-nav.collapsed .menu .menu-item:hover,.side-nav.collapsed .menu .menu-item:focus,.side-nav.collapsed .menu .menu-item:focus-visible,.side-nav.collapsed .menu .menu-item.active{background:transparent!important;outline:none!important;box-shadow:none!important}.side-nav.collapsed .menu .menu-item .icon-cell{width:36px;height:36px;border-radius:10px}.side-nav.collapsed .menu .menu-item:hover .icon-cell{background:var(--sb-hover)}.side-nav.collapsed .menu .menu-item.active .icon-cell{background:var(--sb-active);box-shadow:0 0 0 2px var(--sb-active-outline) inset}.side-nav.collapsed .menu .menu-item:before,.side-nav.collapsed .menu .menu-item:after{content:none!important}:root{--sidebar-w:260px;--sidebar-w-collapsed:76px;--topbar-h:56px;--radius:12px;--bg:#f3f5fa;--card-bg:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#3b82f6;--accent-2:#2563eb;--success:#16a34a;--danger:#dc2626;--warn:#f59e0b;--ink:#0b1220 }*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-wrap{display:grid;gap:16px;margin:0 auto;max-width:1100px;padding:16px}.page-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.page-title{font-size:22px;font-weight:800;letter-spacing:.2px;color:var(--ink)}.page-body{display:grid;gap:16px}.tabs{display:flex;gap:8px;align-items:center}.tab-pill{height:34px;padding:0 14px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:13px;border:1px solid #c7d2fe;cursor:pointer}.tab-pill:hover{filter:brightness(.98)}.tab-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 24px #0206170f;overflow:hidden}.card-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.card-title{font-weight:700}.card-actions{display:flex;gap:10px;align-items:center}.card-body{padding:14px 16px}.form-input{height:40px;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:#fff;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f62e;outline:none}.form-textarea{min-height:100px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;resize:vertical}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .form-input{padding-right:34px}.input-icon{position:absolute;right:10px;color:var(--muted);font-size:12px}.btn{height:36px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s}.btn:hover{background:#f3f4f6}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.ghost{background:#fff}.btn.danger{border-color:#fecaca;background:#fff0f0;color:#b91c1c}.btn.danger:hover{background:#ffe6e6}.btn.sm{height:30px;padding:0 10px;border-radius:8px}.btn.is-disabled{opacity:.6;cursor:not-allowed}.form-layout{display:grid;gap:16px}.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--ink)}.divider{height:1px;background:var(--border);opacity:.9;border:0}.chip{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;border:1px solid #c7d2fe}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:8px;background:#f8fafc;color:#0f172a;border:1px solid var(--border);font-size:12px}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.status{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.status.ok{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.status.warn{background:#fff1f2;color:#991b1b;border:1px solid #fecaca}.table-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.table-wrap.tall{max-height:520px;overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table-sticky thead th{position:sticky;top:0;background:#f8fafc;border-bottom:1px solid var(--border);z-index:1}.table-hover tbody tr:hover{background:#fafafa}.table-head{text-align:left;padding:12px;font-weight:700;color:#0f172a;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table-row:nth-child(odd){background:#fff}.table-row:nth-child(2n){background:#fcfcfc}.table-cell{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}.table-cell.mono{font-variant-numeric:tabular-nums;color:#334155}.empty{padding:28px 12px;text-align:center;color:var(--muted)}.table-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid #e5e7eb;border-top-color:var(--accent);animation:sp .9s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pagination-left{display:flex;gap:10px;align-items:center}.pagination-right{display:flex;gap:8px;align-items:center}.pagination-text{font-size:13px;color:var(--muted)}.grid-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px;cursor:pointer}.choice-card.selected{background:#eef2ff;border-color:#c7d2fe}.choice-check{accent-color:var(--accent)}.choice-title{font-weight:700}.choice-sub{font-size:12px;color:var(--muted)}.toast-wrap{position:fixed;right:16px;top:16px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;border-radius:10px;padding:10px 12px;color:#fff;box-shadow:0 10px 30px #0206172e}.toast.success{background:#10b981}.toast.error{background:#ef4444}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#0206178c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal{width:min(680px,96vw);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #02061740;overflow:hidden}.ui-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.ui-modal-title{font-size:16px;font-weight:800}.ui-modal-body{padding:16px}.ui-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:#cbd5e1;transition:.25s}.toggle-switch .slider:before{content:"";position:absolute;left:3px;bottom:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:.25s}.toggle-switch input:checked+.slider{background:var(--accent)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}@media (max-width: 1100px){.section-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.section-grid-2,.section-grid-3{grid-template-columns:1fr}}