:root{--sp-dark: #083041;--sp-deep: #186683;--sp-mid: #0794B8;--sp-primary: #009EC2;--sp-light: #7EC9F1;--sp-pale: #5DC2F0;--bg: #F4F7FA;--surface: #FFFFFF;--surface-2: #F9FBFD;--surface-3: #EEF3F8;--border: #E1E8EE;--border-soft: #ECF1F5;--text: #1A2B3C;--text-2: #4A5A6A;--text-3: #6B7C8D;--text-inv: #FFFFFF;--accent: var(--sp-primary);--accent-hov: var(--sp-mid);--accent-soft: #E4F4F9;--accent-ink: var(--sp-dark);--ok: #2EB872;--ok-soft: #E6F6EE;--warn: #E89C2A;--warn-soft: #FBF1DF;--danger: #D6483B;--danger-soft: #FBE7E4;--info: var(--sp-primary);--info-soft: #E4F4F9;--side-bg: #0794B8;--side-bg-2: #186683;--side-text: rgba(255, 255, 255, .72);--side-text-2: rgba(255, 255, 255, .45);--side-text-hi: #FFFFFF;--side-active-bg: rgba(255, 255, 255, .1);--side-border: rgba(255, 255, 255, .08);--side-accent: var(--sp-pale);--grad-brand: linear-gradient(135deg, var(--sp-dark) 0%, var(--sp-deep) 40%, var(--sp-primary) 100%);--grad-hero: linear-gradient(135deg, #186683 0%, #0794B8 35%, #009EC2 65%, #5DC2F0 100%);--grad-soft: linear-gradient(135deg, #EAF6FA 0%, #F4F7FA 100%);--grad-strip: linear-gradient(90deg, var(--sp-dark) 0%, var(--sp-deep) 25%, var(--sp-mid) 50%, var(--sp-primary) 75%, var(--sp-pale) 100%);--shadow-1: 0 1px 2px rgba(8, 48, 65, .04), 0 1px 1px rgba(8, 48, 65, .03);--shadow-2: 0 2px 14px rgba(8, 48, 65, .06), 0 1px 3px rgba(8, 48, 65, .04);--shadow-3: 0 12px 40px rgba(8, 48, 65, .12), 0 4px 12px rgba(8, 48, 65, .06);--shadow-focus: 0 0 0 3px rgba(0, 158, 194, .28);--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--font-display: "Chillax", "Poppins", system-ui, sans-serif;--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-eyebrow: 11px;--t-xs: 12px;--t-sm: 13px;--t-base: 14px;--t-md: 15px;--t-lg: 17px;--t-xl: 20px;--t-2xl: 26px;--t-3xl: 32px;--t-4xl: 44px;--t-display: 56px;--fs-scale: 1;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--side-w: 260px;--side-w-mini: 72px;--top-h: 64px;--content-max: 1440px;--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}[data-theme=dark]{--bg: #08161E;--surface: #0E2330;--surface-2: #11293A;--surface-3: #163446;--border: #1F3D52;--border-soft: #1A3344;--text: #E7F1F8;--text-2: #B9CBD7;--text-3: #8FA4B3;--text-inv: #08161E;--accent: var(--sp-pale);--accent-hov: var(--sp-light);--accent-soft: rgba(93, 194, 240, .14);--accent-ink: #FFFFFF;--ok-soft: rgba(46, 184, 114, .16);--warn-soft: rgba(232, 156, 42, .18);--danger-soft: rgba(214, 72, 59, .18);--info-soft: rgba(0, 158, 194, .2);--side-bg: #083041;--side-bg-2: #0C3F54;--side-text: rgba(255, 255, 255, .72);--side-text-2: rgba(255, 255, 255, .45);--side-text-hi: #FFFFFF;--side-active-bg: rgba(255, 255, 255, .1);--side-border: rgba(255, 255, 255, .08);--side-accent: var(--sp-pale);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 2px 14px rgba(0, 0, 0, .45);--shadow-3: 0 14px 40px rgba(0, 0, 0, .55);--shadow-focus: 0 0 0 3px rgba(93, 194, 240, .35);--grad-hero: linear-gradient(135deg, var(--sp-dark) 0%, var(--sp-deep) 35%, var(--sp-mid) 65%, var(--sp-primary) 100%);--grad-soft: linear-gradient(135deg, #0E2330 0%, #163446 100%);color-scheme:dark}[data-contrast=high]{--border: #6B7C8D;--border-soft: #6B7C8D;--text-3: #2A3B4C;--text-2: #1A2B3C}[data-theme=dark][data-contrast=high]{--border: #B9CBD7;--border-soft: #8FA4B3;--text-3: #E7F1F8;--text-2: #FFFFFF}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}[data-links=underline] a:not(.btn):not(.no-underline){text-decoration:underline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.d-grid{display:grid}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.m-0{margin:0}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mb-1{margin-bottom:var(--s-1)}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mb-5{margin-bottom:var(--s-5)}.mb-6{margin-bottom:var(--s-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-3{padding:var(--s-3)}.p-4{padding:var(--s-4)}.p-5{padding:var(--s-5)}.p-6{padding:var(--s-6)}.px-4{padding-left:var(--s-4);padding-right:var(--s-4)}.px-5{padding-left:var(--s-5);padding-right:var(--s-5)}.px-6{padding-left:var(--s-6);padding-right:var(--s-6)}.py-3{padding-top:var(--s-3);padding-bottom:var(--s-3)}.py-4{padding-top:var(--s-4);padding-bottom:var(--s-4)}.py-5{padding-top:var(--s-5);padding-bottom:var(--s-5)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-xs{font-size:var(--t-xs)}.fs-sm{font-size:var(--t-sm)}.fs-base{font-size:var(--t-base)}.fs-md{font-size:var(--t-md)}.fs-lg{font-size:var(--t-lg)}.fs-xl{font-size:var(--t-xl)}.fs-2xl{font-size:var(--t-2xl)}.fs-3xl{font-size:var(--t-3xl)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-color{color:var(--text)}.text-color-2{color:var(--text-2)}.text-color-3{color:var(--text-3)}.text-accent{color:var(--accent)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}.text-white{color:#fff}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.text-uppercase{text-transform:uppercase}.letter-spacing-wide{letter-spacing:.1em}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.opacity-50{opacity:.5}.opacity-100{opacity:1}.border-0{border:none}.rounded-sm{border-radius:var(--r-sm)}.rounded-md{border-radius:var(--r-md)}.rounded-lg{border-radius:var(--r-lg)}.rounded-pill{border-radius:var(--r-pill)}.rounded-full{border-radius:50%}.bg-surface{background:var(--surface)}.bg-surface-2{background:var(--surface-2)}.bg-bg{background:var(--bg)}.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.shadow-3{box-shadow:var(--shadow-3)}.divider{height:1px;background:var(--border);border:0;margin:0}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;color:var(--text)}.h-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--text)}.h-section{font-family:var(--font-sans);font-weight:600;letter-spacing:-.005em}.h-meta{font-family:var(--font-sans);font-weight:600;font-size:var(--t-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.t-mono{font-family:var(--font-mono)}.t-num{font-variant-numeric:tabular-nums}.t-label{font-size:var(--t-xs);color:var(--text-3);font-weight:500;margin-bottom:2px}.display-amount{font-family:var(--font-display);font-weight:700;font-size:var(--t-2xl);letter-spacing:-.02em;color:var(--text)}.row-title{font-family:var(--font-display);font-weight:600;font-size:var(--t-base);letter-spacing:-.01em;color:var(--text)}.row-meta{font-size:var(--t-xs);color:var(--text-3);margin-top:2px}.btn{--b-bg: var(--surface);--b-fg: var(--text);--b-bd: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-5);height:38px;background:var(--b-bg);color:var(--b-fg);border:1px solid var(--b-bd);border-radius:var(--r-md);font-weight:600;font-size:var(--t-sm);font-family:var(--font-sans);letter-spacing:-.005em;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:hover{--b-bg: var(--surface-2);background:var(--b-bg)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{height:30px;padding:0 var(--s-3);font-size:var(--t-xs);border-radius:var(--r-sm);gap:var(--s-1)}.btn-lg{height:46px;padding:0 var(--s-6);font-size:var(--t-base)}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.btn-primary{--b-bg: var(--accent);--b-fg: #FFFFFF;--b-bd: var(--accent)}.btn-primary:hover{--b-bg: var(--accent-hov);--b-bd: var(--accent-hov);background:var(--accent-hov);border-color:var(--accent-hov);color:#fff}[data-theme=dark] .btn-primary{--b-fg: var(--sp-dark)}[data-theme=dark] .btn-primary:hover{color:var(--sp-dark)}.btn-ghost{--b-bg: transparent;--b-bd: transparent}.btn-ghost:hover{background:var(--surface-2)}.btn-dark{--b-bg: var(--sp-dark);--b-fg: #FFFFFF;--b-bd: var(--sp-dark)}.btn-dark:hover{--b-bg: var(--sp-deep);--b-bd: var(--sp-deep);background:var(--sp-deep)}.btn-danger{--b-bg: var(--danger);--b-fg: #FFFFFF;--b-bd: var(--danger)}.btn-danger:hover{--b-bg: #b83a2e;--b-bd: #b83a2e;background:#b83a2e}.icon-btn{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-pad{padding:var(--s-6)}.card-pad-sm{padding:var(--s-4) var(--s-5)}.toolbar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;box-shadow:var(--shadow-1)}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.list-card-standalone{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s-4)}@media(max-width:900px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid transparent;border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5) var(--s-6);position:relative;overflow:hidden}.kpi-card__strip{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r-lg) var(--r-lg) 0 0}.kpi-card__icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-3)}.kpi-card__label{font-size:var(--t-xs);color:var(--text-3);font-weight:500;margin-bottom:var(--s-1)}.kpi-card__value{font-family:var(--font-display);font-weight:700;font-size:var(--t-2xl);letter-spacing:-.02em;color:var(--text);line-height:1}.kpi-card__sub{font-size:var(--t-xs);color:var(--text-3);margin-top:var(--s-1)}.page-content{padding:var(--s-6);max-width:var(--content-max);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-6)}@media(max-width:640px){.page-content{padding:var(--s-4);gap:var(--s-4)}}.screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.screen-head__title{font-family:var(--font-display);font-weight:800;font-size:var(--t-4xl);letter-spacing:-.025em;color:var(--text);line-height:1.05;padding:1rem 0;margin:0}@media(max-width:640px){.screen-head__title{font-size:var(--t-2xl);padding:.5rem 0}}.screen-head__sub{font-size:var(--t-sm);color:var(--text-3);margin-top:var(--s-1)}.screen-head__actions{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.badge{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;padding:3px 8px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-ok{background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);color:var(--ok)}.badge-warn{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);color:var(--warn)}.badge-danger{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.badge-info{background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 30%,transparent);color:var(--info)}.badge-neutral{background:var(--surface-3);border:1px solid var(--border);color:var(--text-2)}.module-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid transparent}.module-chip-off{background:var(--surface-3);color:var(--text-3)}.channel-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600;background:var(--surface-3);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);font-size:11px;font-weight:700;background:var(--surface-3);color:var(--text-3)}.tab-count-active{background:var(--accent-soft);color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:var(--s-1)}.form-label{font-size:var(--t-sm);font-weight:600;color:var(--text-2);font-family:var(--font-sans)}.form-control{width:100%;height:40px;padding:0 var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--t-sm);font-family:var(--font-sans);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.form-control::placeholder{color:var(--text-3)}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.form-control:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-3)}textarea.form-control{height:auto;padding:var(--s-2) var(--s-3);resize:vertical;min-height:80px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7C8D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-hint{font-size:var(--t-xs);color:var(--text-3)}.form-error{font-size:var(--t-xs);color:var(--danger);font-weight:500}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}.form-row.cols-1{grid-template-columns:1fr}@media(max-width:640px){.form-row,.form-row.cols-3{grid-template-columns:1fr}}.search-input-wrap{display:flex;align-items:center;gap:var(--s-2);height:38px;padding:0 var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);min-width:200px}@media(max-width:640px){.search-input-wrap{min-width:0;flex:1}}.search-input-wrap:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--surface)}.search-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:var(--t-sm);font-family:var(--font-sans)}.search-input-wrap input::placeholder{color:var(--text-3)}.filter-select{height:38px;padding:0 var(--s-5) 0 var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:var(--t-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7C8D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--dur) var(--ease)}.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{position:absolute;inset:0;background:var(--border);border-radius:20px;cursor:pointer;transition:background var(--dur) var(--ease)}.switch .track:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--dur) var(--ease)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--shadow-focus)}.toolbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);flex-wrap:wrap}.toolbar__search{flex:1;min-width:180px;max-width:340px}.toolbar__filters{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.toolbar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}@media(max-width:640px){.toolbar{padding:var(--s-3) var(--s-4);gap:var(--s-2)}.toolbar__search{min-width:0;width:100%;max-width:100%;order:-1;flex:0 0 100%}.toolbar__actions{margin-left:0}}.tab-bar{display:flex;align-items:center;gap:0;padding:0 var(--s-5);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:var(--s-2);padding:12px 16px;font-size:var(--t-sm);font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);-webkit-user-select:none;user-select:none;background:transparent;border-top:none;border-left:none;border-right:none}.tab-item:hover{color:var(--text)}.tab-item.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-item.is-active .tab-count{background:var(--accent-soft);color:var(--accent)}.data-row{display:grid;align-items:center;gap:var(--s-6);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-soft);transition:background var(--dur) var(--ease)}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--surface-2)}.data-row__main,.data-row__col{display:flex;flex-direction:column;min-width:0}.data-row__label{font-size:var(--t-xs);color:var(--text-3);font-weight:500;margin-bottom:2px}.data-row__value{font-size:var(--t-sm);color:var(--text);font-weight:500}.data-row__actions{display:flex;align-items:center;justify-content:flex-end;width:44px;flex-shrink:0;position:relative}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-10) var(--s-6);text-align:center;gap:var(--s-3)}.empty-state__icon{width:56px;height:56px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-3);margin-bottom:var(--s-2)}.empty-state__title{font-family:var(--font-display);font-weight:600;font-size:var(--t-lg);color:var(--text)}.empty-state__sub{font-size:var(--t-sm);color:var(--text-3);max-width:320px}.row-action-btn{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);background:transparent;border:none;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.row-action-btn:hover{background:var(--surface-3);color:var(--text)}.pagination{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-4) var(--s-5);justify-content:center}.pagination__info{font-size:var(--t-xs);color:var(--text-3);margin-right:auto}.pager-btn{min-width:32px;height:32px;padding:0 var(--s-2);border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-sm);font-weight:500;color:var(--text-2);background:transparent;border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.pager-btn:hover{background:var(--surface-2);color:var(--text)}.pager-btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:transparent;font-weight:700}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.popover{position:absolute;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);min-width:200px;overflow:hidden}.menu-item{display:flex;align-items:center;gap:var(--s-2);padding:9px var(--s-3);font-size:var(--t-sm);color:var(--text);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-sans);transition:background var(--dur) var(--ease)}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-divider{height:1px;background:var(--border);margin:var(--s-1) 0}.menu-section{padding:var(--s-2) var(--s-3) var(--s-1);font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.pagination-wrap{padding:var(--s-4);display:flex;justify-content:flex-end;background:var(--surface-2)}.modal-backdrop{position:fixed;inset:0;background:#08304173;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-5);animation:fadeIn var(--dur-fast) var(--ease)}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--dur) var(--ease)}.modal--lg{max-width:720px}.modal--sm{max-width:360px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border);flex-shrink:0}.modal__title{font-family:var(--font-display);font-weight:700;font-size:var(--t-xl);letter-spacing:-.015em;color:var(--text)}.modal__body{padding:var(--s-6);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--s-5)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);padding:var(--s-4) var(--s-6);border-top:1px solid var(--border);flex-shrink:0}.modal__section-title{font-size:var(--t-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-3)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-host{position:fixed;bottom:var(--s-6);right:var(--s-6);z-index:1000;display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);pointer-events:all;min-width:280px;max-width:400px;animation:toastIn .2s var(--ease)}.toast__icon{flex-shrink:0}.toast__msg{flex:1;font-size:var(--t-sm);color:var(--text)}.toast--ok{border-left:3px solid var(--ok)}.toast--warn{border-left:3px solid var(--warn)}.toast--danger{border-left:3px solid var(--danger)}.toast--info{border-left:3px solid var(--accent)}@keyframes toastIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:calc(16px * var(--fs-scale, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--t-base);line-height:1.5;color:var(--text);background:var(--bg);min-height:100vh;letter-spacing:-.005em}button,input,select,textarea,table,th,td,dt,dd,label,fieldset,legend,optgroup,option{font-family:var(--font-sans);color:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hov)}code,.code,.t-mono,kbd,samp,pre{font-family:var(--font-mono)}.skip-link{position:absolute;left:-10000px;top:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 var(--r-md) 0;font-weight:600;z-index:9999;text-decoration:none}.skip-link:focus{left:0}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.side{width:var(--side-w);background:var(--side-bg);background-image:linear-gradient(180deg,var(--side-bg) 0%,var(--side-bg-2) 100%);color:var(--side-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;border-right:1px solid rgba(0,0,0,.2);transition:width var(--dur-slow) var(--ease);overflow:hidden}.side.collapsed{width:var(--side-w-mini)}.side .side-head{display:flex;align-items:center;justify-content:center;padding:18px 22px;height:var(--top-h);border-bottom:1px solid var(--side-border);flex-shrink:0}.side.collapsed .side-head{padding:18px 14px}.side .side-logo{display:inline-flex;align-items:center;color:#fff;text-decoration:none}.side .side-nav{flex:1;overflow-y:auto;padding:14px 12px 20px;display:flex;flex-direction:column;gap:2px}.side.collapsed .side-nav{padding:14px 8px 20px;align-items:center}.side .side-section{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--side-text-2);padding:18px 12px 6px}.side .side-divider{width:24px;height:1px;background:var(--side-border);margin:12px 0}.side .side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--side-text);text-decoration:none;font-size:13.5px;font-weight:500;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);white-space:nowrap;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-sans)}.side .side-link:hover{background:#ffffff0f;color:var(--side-text-hi)}.side .side-link.is-active{background:var(--side-active-bg);color:var(--side-text-hi)}.side .side-link.is-active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--side-accent)}.side.collapsed .side-link{width:44px;height:44px;padding:0;justify-content:center;gap:0}.side.collapsed .side-link.is-active:before{left:-8px;top:6px;bottom:6px}.side .side-icon{width:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.side .side-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.side .side-foot{padding:16px;border-top:1px solid var(--side-border);flex-shrink:0}.side.collapsed .side-foot{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.side .side-foot-card{background:#ffffff0a;border-radius:12px;padding:12px 14px;font-size:11px}.side .side-foot-title{color:var(--side-text-hi);font-weight:600;font-size:11px}.side .side-status-dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 3px #2eb8722e;animation:sideBlink 2.4s ease-in-out infinite;flex-shrink:0}@keyframes sideBlink{0%,to{box-shadow:0 0 0 3px #2eb8722e}50%{box-shadow:0 0 0 5px #2eb87214}}.topbar{position:sticky;top:0;z-index:50;height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 24px;flex-shrink:0}.profile-btn{display:inline-flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:999px;background:transparent;border:none;cursor:pointer;transition:background var(--dur) var(--ease);color:var(--text)}.profile-btn:hover{background:var(--surface-2)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent)}.profile-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.profile-name{font-size:12.5px;font-weight:600;color:var(--text)}.profile-role{font-size:9.5px;font-weight:600;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.hero-card{background:var(--grad-hero);border-radius:var(--r-xl);padding:var(--s-7) var(--s-8);color:#fff;position:relative;overflow:hidden}.hero-card__kicker{font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-bottom:var(--s-2)}.hero-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--t-3xl);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--s-2)}.hero-card__sub{font-size:var(--t-sm);opacity:.75;max-width:480px}.sidebar-backdrop{display:none}@media(max-width:900px){app-sidebar{flex:0 0 0;min-width:0;overflow:visible}.side{position:fixed;left:0;top:0;z-index:60;width:var(--side-w);height:100dvh;transform:translate(-100%);transition:transform var(--dur-slow) var(--ease)}.side.mobile-open{transform:translate(0)}.profile-meta{display:none}.topbar{padding:0 14px;gap:8px}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:59;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--dur-fast) var(--ease)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}