@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_75b79f{font-family:Inter,Inter Fallback;font-style:normal}.__variable_75b79f{--font-inter:"Inter","Inter Fallback"}:root{--color-primary:#2563EB;--color-primary-hover:#1D4ED8;--color-primary-active:#1E40AF;--color-primary-soft:#EEF4FF;--color-primary-muted:#DCEBFF;--color-primary-text:#1E3A8A;--color-bg:#F4F7FB;--color-surface:#FFFFFF;--color-surface-muted:#F8FAFC;--color-border:#E7EDF5;--color-border-strong:#D5DFEC;--color-text-primary:#0B1220;--color-text-secondary:#405168;--color-text-muted:#718096;--color-text-disabled:#A8B3C3;--color-success:#10B981;--color-success-bg:#ECFDF5;--color-success-text:#065F46;--color-warning:#F59E0B;--color-warning-bg:#FFFBEB;--color-warning-text:#92400E;--color-error:#EF4444;--color-error-bg:#FEF2F2;--color-error-text:#991B1B;--color-info:#3B82F6;--color-info-bg:#EFF6FF;--color-info-text:#1E40AF;--sidebar-width:240px;--sidebar-bg:#FFFFFF;--sidebar-border:#E2E8F0;--header-height:60px;--header-bg:#FFFFFF;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.admin-layout{display:flex;min-height:100vh;background-color:var(--color-bg)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:40;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar-brand-icon{height:32px;width:auto;max-width:110px;object-fit:contain;display:block;flex-shrink:0}.sidebar-brand-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.sidebar-nav{flex:1 1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-3) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background-color:var(--color-primary-soft);color:var(--color-primary-text)}.nav-item-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-item:hover .nav-item-icon{color:var(--color-primary)}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border)}.main-wrapper{margin-left:var(--sidebar-width);flex:1 1;display:flex;flex-direction:column;min-width:0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--header-height);background-color:var(--header-bg);justify-content:space-between;padding:0 var(--space-6)}.header,.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-left{min-width:0}.header-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{gap:var(--space-3);flex-shrink:0}.header-right,.header-search{display:flex;align-items:center}.header-search{gap:var(--space-2);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);width:220px;cursor:text;transition:border-color var(--transition-fast),outline-color var(--transition-fast),background-color var(--transition-fast)}.header-search:focus-within{border-color:var(--color-primary);outline:3px solid rgb(37 99 235/.14)}.header-search input{border:none;background:none;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);width:100%}.header-search input::placeholder{color:var(--color-text-muted)}.avatar{width:34px;height:34px;border-radius:var(--radius-full);background-color:var(--color-primary-muted);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;flex-shrink:0;border:2px solid var(--color-border);transition:border-color var(--transition-fast)}.avatar:hover{border-color:var(--color-primary)}.main-content{flex:1 1;padding:var(--space-6) var(--space-8);min-width:0}.page-subtitle{margin-top:var(--space-1);color:var(--color-text-secondary)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.kpi-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-3)}.kpi-card:hover{background-color:var(--color-surface-muted);border-color:var(--color-border-strong)}.kpi-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1}.kpi-hint{color:var(--color-text-muted);margin-top:2px}.kpi-hint,.kpi-trend{font-size:var(--text-xs)}.kpi-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.kpi-trend.up{color:var(--color-success-text);background-color:var(--color-success-bg)}.kpi-trend.down{color:var(--color-error-text);background-color:var(--color-error-bg)}.kpi-trend.neutral{color:var(--color-text-secondary);background-color:var(--color-bg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.badge-success{color:var(--color-success-text);background-color:var(--color-success-bg)}.badge-warning{color:var(--color-warning-text);background-color:var(--color-warning-bg)}.badge-error{color:var(--color-error-text);background-color:var(--color-error-bg)}.badge-info{color:var(--color-info-text);background-color:var(--color-info-bg)}.badge-neutral{color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),outline-color var(--transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary)}.btn-secondary,.btn-secondary:hover{border-color:var(--color-border-strong)}.btn-secondary:hover{background-color:var(--color-bg)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-bg);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#ffffff;border-color:var(--color-error)}.btn-danger:hover{background-color:#DC2626;border-color:#DC2626}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead tr{background-color:var(--color-surface-muted)}.data-table th{padding:9px 12px;text-align:left;font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table td{padding:10px 12px;color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr:nth-child(2n){background:var(--color-surface-muted)}.data-table tbody tr:hover td{background-color:#F1F6FF}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:var(--font-medium)}.form-input,.form-label{font-size:var(--text-sm);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast),outline-color var(--transition-fast),background-color var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);outline:3px solid rgb(37 99 235/.14)}.form-input:disabled{background-color:var(--color-bg);color:var(--color-text-disabled);cursor:not-allowed}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error-alert{padding:var(--space-2) var(--space-3);background-color:rgb(239 68 68/.08);border:1px solid rgb(239 68 68/.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-6)}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;padding:var(--space-8);width:100%;max-width:400px}.auth-logo{gap:var(--space-3);margin-bottom:var(--space-8)}.auth-logo,.auth-logo-icon{display:flex;align-items:center}.auth-logo-icon{width:40px;height:40px;background-color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold)}.auth-logo-name,.auth-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.auth-title{margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.page-content{padding:var(--space-6) var(--space-8)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);box-shadow:none}.page-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--leading-tight)}.empty-state,.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.empty-state{padding:var(--space-10) var(--space-6);text-align:center}.auth-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-split-panel{background:linear-gradient(135deg,var(--color-primary-active) 0,var(--color-primary) 60%,#60A5FA 100%);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);position:relative;overflow:hidden}.auth-split-panel:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.07)}.auth-split-panel:after{content:"";position:absolute;bottom:-60px;left:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.05)}.auth-split-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);position:relative;z-index:1}.auth-split-brand-icon{width:64px;height:64px;border-radius:var(--radius-md);background:rgba(255,255,255,.95);padding:6px;object-fit:contain;display:block;border:1px solid rgba(255,255,255,.25)}.auth-split-brand-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.01em}.auth-split-headline{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4);position:relative;z-index:1}.auth-split-desc{font-size:var(--text-base);color:rgba(255,255,255,.78);line-height:var(--leading-relaxed);position:relative;z-index:1;max-width:340px}.auth-split-form{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 34%),linear-gradient(180deg,var(--color-surface) 0,var(--color-background) 100%);padding:var(--space-12)}.auth-split-form-inner{width:100%;max-width:420px}.auth-login-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;padding:var(--space-8)}.auth-login-brand{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);width:100%}.auth-split-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.auth-login-brand-icon{height:40px;width:auto;max-width:140px;object-fit:contain;display:block;flex-shrink:0}.auth-login-brand-text{letter-spacing:-.01em}.auth-split-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.auth-split-features{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.auth-split-feature{display:flex;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:rgba(255,255,255,.14);color:rgba(255,255,255,.88);font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-split-feature-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.72);flex-shrink:0}.auth-split-form-header{margin-bottom:var(--space-8)}.auth-split-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-top:var(--space-1)}.auth-split-form-body{display:flex;flex-direction:column;gap:var(--space-4)}.auth-split-form-body .form-input{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.auth-split-form-body .form-input-with-icon{padding-right:38px}.auth-split-form-body .form-input-wrap{position:relative}.auth-split-form-body .form-input-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.auth-split-form-body .form-input-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg)}.auth-split-form-body .form-input-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.auth-split-form-body .form-input:focus{border-color:var(--color-primary);outline:4px solid rgba(37,99,235,.12)}.auth-split-form-body .form-error-alert{margin-bottom:var(--space-1)}.auth-submit-btn{width:100%;min-height:40px;margin-top:var(--space-2);justify-content:center;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm)}.auth-submit-loading{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.auth-split{grid-template-columns:1fr}.auth-split-panel{display:none}.auth-split-form{min-height:100vh;padding:var(--space-8) var(--space-5)}.auth-login-card{padding:var(--space-6);border-radius:var(--radius-md)}.auth-login-brand{margin-bottom:var(--space-6)}}@media (max-width:380px){.auth-split-form{padding:var(--space-6) var(--space-4)}.auth-login-card{padding:var(--space-5)}}.sidebar{transition:width var(--transition-normal)}.sidebar.collapsed{width:72px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-brand-name,.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0 var(--space-2)}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-footer .nav-item{justify-content:center;width:40px;height:40px;padding:0;gap:0;margin:0 auto}.sidebar-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);background-color:var(--color-bg-card);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar-toggle:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary-muted);color:var(--color-primary)}.sidebar.collapsed .sidebar-brand-icon{display:none}.sidebar.collapsed .sidebar-toggle{margin:0 auto;width:40px;height:40px;box-shadow:none}.main-wrapper{transition:margin-left var(--transition-normal)}.admin-layout:has(.sidebar.collapsed) .main-wrapper{margin-left:72px}.header{border-bottom:1px solid var(--color-border);box-shadow:none}.nav-item.active{background-color:var(--color-primary);color:#ffffff;font-weight:var(--font-semibold)}.nav-item.active .nav-item-icon{color:#ffffff}.sidebar.collapsed .nav-item-icon{width:20px;height:20px;color:var(--color-text-secondary)}.sidebar.collapsed .nav-item:hover .nav-item-icon{color:var(--color-primary)}.sidebar.collapsed .nav-item.active .nav-item-icon{color:#ffffff}.header-search-container{position:relative}.search-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:2px;display:flex;align-items:center}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;z-index:200;max-height:420px;overflow-y:auto}.search-empty,.search-loading{padding:16px;color:var(--color-text-muted);font-size:var(--text-sm,.85rem);text-align:center}.search-section{padding:8px 0;border-bottom:1px solid var(--color-border)}.search-section:last-child{border-bottom:none}.search-section-title{display:flex;align-items:center;gap:6px;padding:6px 16px 4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.04em}.search-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;text-decoration:none;color:var(--color-text-primary);transition:background .15s}.search-item:hover{background:var(--color-primary-soft,#f1f5f9)}.search-item-primary{font-size:var(--text-sm,.85rem);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-secondary{font-size:.75rem;color:var(--color-text-muted);margin-left:12px;flex-shrink:0}.messages-page{display:flex;flex-direction:column;gap:16px}.messages-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.messages-search{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,6px);padding:var(--space-2,6px) var(--space-3,10px);flex:1 1;min-width:200px}.messages-search input{border:none;background:none;outline:none;width:100%}.messages-filter,.messages-search input{font-size:var(--text-sm,.85rem);color:var(--color-text-primary)}.messages-filter{padding:var(--space-2,6px) var(--space-3,10px);border:1px solid var(--color-border);border-radius:var(--radius-lg,6px);background:var(--color-surface)}.direction-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px}.direction-badge.in{background:var(--color-success-bg,#dcfce7);color:var(--color-success-text,#166534)}.direction-badge.out{background:var(--color-primary-soft,#dbeafe);color:var(--color-primary-text,#1e40af)}.message-content{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{white-space:nowrap;color:var(--color-text-muted);font-size:.8rem}.customer-link{color:var(--color-primary);text-decoration:none;font-weight:500}.customer-link:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0}.pagination button{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg,6px);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm,.85rem);color:var(--color-text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:var(--text-sm,.85rem);color:var(--color-text-muted)}.settings-page{display:flex;flex-direction:column;gap:var(--space-6)}.settings-page-header{padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);box-shadow:none}.settings-page-kicker{display:inline-flex;margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5);width:100%}.settings-card,.settings-grid .card{align-self:stretch;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;overflow:hidden}.settings-card-header,.settings-grid .card-header{padding:var(--space-4);background:#f8fafc}.settings-card-description{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.settings-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.settings-card-body .form-input{min-height:36px;border-radius:var(--radius-md)}.settings-card-grid,.settings-card-grid-3{display:grid;grid-template-columns:190px minmax(0,1fr);grid-gap:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4);align-items:center}.settings-card-grid .form-group,.settings-card-grid-3 .form-group{display:contents}.settings-card-grid .form-label,.settings-card-grid-3 .form-label{margin:0}.settings-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.settings-card-grid-3 .form-group{display:flex}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.settings-actions .btn{min-height:40px;border-radius:var(--radius-md)}.settings-toast{position:fixed;top:88px;right:var(--space-6);z-index:1000;max-width:360px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success-text);border:1px solid rgb(16 185 129/.22);box-shadow:none}.settings-toast-error{background:var(--color-error-bg);color:var(--color-error-text)}.settings-infra{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--space-4)}.settings-infra-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.settings-infra-header h2{margin:0;color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.settings-infra-header p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.settings-section-title{margin:0 0 var(--space-4);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.settings-metric-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.settings-metric-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-metric-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-metric-box{border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-4)}.settings-metric-box span{display:block;color:var(--color-text-muted);font-size:var(--text-xs)}.settings-metric-box strong{display:block;margin-top:var(--space-1);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.settings-chart-grid{margin-top:var(--space-5);display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.settings-chart-title{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.settings-chart-box{border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3)}.settings-redis-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:center}.settings-redis-chart{position:relative;min-height:200px;border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3);text-align:center}.settings-redis-chart strong{position:absolute;inset:94px 0 auto;color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.settings-redis-chart span{position:absolute;inset:124px 0 auto;color:var(--color-text-muted);font-size:var(--text-xs)}.settings-table-list{display:flex;flex-direction:column;gap:var(--space-2)}.settings-table-list>span{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.settings-table-list>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4)}.settings-table-list strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.settings-table-list em{color:var(--color-text-secondary);font-size:var(--text-sm);font-style:normal}.settings-empty-note{color:var(--color-text-muted);font-size:var(--text-sm)}.settings-tabs{display:flex;gap:4px;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings-tab:hover{color:var(--color-text-primary)}.settings-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.settings-tab-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:1024px){.settings-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-toast-floating{position:fixed;bottom:24px;right:24px;z-index:1000;max-width:360px;box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.12));animation:settings-toast-in .18s ease-out}@keyframes settings-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-collapsible{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-2);overflow:hidden}.settings-collapsible-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-surface-muted,var(--color-bg));border:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer}.settings-collapsible-head:hover{background:var(--color-bg)}.settings-collapsible-caret{font-size:18px;line-height:1;color:var(--color-text-muted)}.settings-collapsible-body{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px;border-top:1px solid var(--color-border)}.settings-checkpoint-errors-list{max-height:320px;overflow-y:auto}@media (max-width:900px){.settings-grid{grid-template-columns:1fr;width:100%}.settings-infra-header{align-items:stretch;flex-direction:column}.settings-chart-grid,.settings-metric-grid-2,.settings-metric-grid-3,.settings-redis-grid{grid-template-columns:1fr}}@media (max-width:640px){.main-content{padding-left:var(--space-3);padding-right:var(--space-3)}.settings-page{gap:var(--space-4)}.settings-card-body,.settings-grid .card-header,.settings-page-header{padding:var(--space-4)}.settings-card-grid,.settings-card-grid-3{grid-template-columns:1fr}.settings-card-grid .form-group,.settings-card-grid-3 .form-group{display:flex}.settings-actions .btn{width:100%;justify-content:center}.settings-toast{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}