:root{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-primary-bg:#eef2ff;--color-success:#0a7f55;--color-success-bg:#ecfdf3;--color-warning:#b54708;--color-warning-bg:#fffaeb;--color-danger:#d92d20;--color-danger-bg:#fef3f2;--color-info:#0b6fb8;--color-info-bg:#eff8ff;--color-bg:#f5f6f8;--color-surface:#ffffff;--color-surface-hover:#f2f4f7;--color-border:#e4e7ec;--color-border-light:#eef0f3;--color-text:#101828;--color-text-secondary:#475467;--color-text-muted:#5d687a;--sidebar-width:260px;--sidebar-collapsed:68px;--sidebar-bg:#16134a;--sidebar-text:#c7d2fe;--sidebar-text-active:#ffffff;--sidebar-hover:rgba(255,255,255,0.08);--sidebar-active:rgba(99,102,241,0.3);--header-height:60px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--shadow-xs:0 1px 2px rgba(16,24,40,0.05);--shadow-sm:0 1px 3px rgba(16,24,40,0.08),0 1px 2px rgba(16,24,40,0.04);--shadow-md:0 4px 8px -2px rgba(16,24,40,0.08),0 2px 4px -2px rgba(16,24,40,0.04);--shadow-lg:0 12px 16px -4px rgba(16,24,40,0.08),0 4px 6px -2px rgba(16,24,40,0.03);--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;--font-sans:"Inter Variable","Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--transition-fast:150ms ease;--transition-base:200ms ease}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1 1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.admin-main.collapsed{margin-left:var(--sidebar-collapsed)}.admin-header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header h1{font-size:var(--text-lg);font-weight:600}.admin-content{padding:var(--space-6);max-width:1440px}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);position:fixed;top:0;left:0;z-index:200;display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{height:var(--header-height);padding:0 var(--space-5);gap:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo,.sidebar-logo .logo-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-logo .logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-md);justify-content:center;font-size:var(--text-lg);font-weight:700;color:white}.sidebar-logo span{font-size:var(--text-md);font-weight:600;color:white;white-space:nowrap}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-3) var(--space-2)}.nav-section{margin-bottom:var(--space-4)}.nav-section-title{font-size:var(--text-xs);font-weight:600;color:var(--sidebar-text);opacity:.5;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);white-space:nowrap}.sidebar.collapsed .nav-section-title{opacity:0;height:0;padding:0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;font-size:var(--text-sm);position:relative}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active);text-decoration:none}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:500}.nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-md)}.nav-item .nav-badge{margin-left:auto;background:var(--color-danger);color:white;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-item span:not(.nav-icon):not(.nav-badge){display:none}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-toggle{width:100%;padding:var(--space-2);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--sidebar-hover);color:white}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:600}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.stat-content{flex:1 1}.stat-value{font-size:var(--text-2xl);font-weight:700;line-height:1.2}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.stat-trend{font-size:var(--text-xs);font-weight:500;margin-top:var(--space-1)}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4)}.table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table-link{color:var(--color-primary);font-weight:500;cursor:pointer}.table-link:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:#15803d}.badge-warning{background:var(--color-warning-bg);color:#b45309}.badge-danger{background:var(--color-danger-bg);color:#dc2626}.badge-info{background:var(--color-info-bg);color:#0e7490}.badge-neutral{background:var(--color-border-light);color:var(--color-text-secondary)}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary-dark)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:white}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.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-md)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.form-input,.form-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-input::placeholder{color:var(--color-text-muted)}textarea.form-input{min-height:80px;resize:vertical}.search-box{position:relative;max-width:320px}.search-box .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--text-md)}.search-box input{padding-left:36px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--text-lg);font-weight:600}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-5)}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border:none;background:none;cursor:pointer;position:relative;transition:color var(--transition-fast);font-family:inherit}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px 1px 0 0}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.offline{background:var(--color-danger)}.status-dot.degraded{background:var(--color-warning)}.progress-bar{width:100%;height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-base)}.log-line{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-3)}.log-line:hover{background:var(--color-surface-hover)}.log-level{font-weight:600;min-width:60px;text-transform:uppercase;font-size:10px}.log-level.critical,.log-level.error{color:var(--color-danger)}.log-level.warning{color:var(--color-warning)}.log-level.info{color:var(--color-info)}.log-level.debug,.log-time{color:var(--color-text-muted)}.log-time{min-width:140px}.log-message{flex:1 1;word-break:break-all}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary-bg:rgba(99,102,241,0.15);--color-success-bg:rgba(34,197,94,0.15);--color-warning-bg:rgba(245,158,11,0.15);--color-danger-bg:rgba(239,68,68,0.15);--color-info-bg:rgba(6,182,212,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1 1}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono)}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}@media (max-width:1024px){.grid-3,.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translateX(-100%);position:fixed;z-index:200;height:100vh}.sidebar.mobile-open{transform:translateX(0);display:flex}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}.mobile-overlay.visible{display:block}.admin-main{margin-left:0!important}.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.hamburger-btn{display:flex!important}}.hamburger-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:18px;color:var(--color-text)}.command-palette-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease-out}.command-palette{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:90%;max-width:540px;overflow:hidden;animation:slideUp .15s ease-out}.command-palette-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.command-palette-input{flex:1 1;border:none;outline:none;font-size:15px;background:transparent;color:var(--color-text)}.command-palette-kbd{font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-mono)}.command-palette-list{max-height:360px;overflow-y:auto;padding:var(--space-2) 0}.command-palette-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;font-size:14px;color:var(--color-text);text-align:left;transition:background .1s}.command-palette-item.selected,.command-palette-item:hover{background:var(--color-primary-bg);color:var(--color-primary-dark)}.command-palette-icon{font-size:16px;width:24px;text-align:center}.command-palette-empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:14px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2) format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2) format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format("woff2-variations");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}