@charset "UTF-8";:root{--primary: #2383E2;--primary-hover: #1B6EC2;--primary-light: #E8F0FE;--primary-subtle: rgba(35, 131, 226, .04);--secondary: #9B59B6;--secondary-light: #F3E8F9;--accent: #EB5757;--bg-page: #FFFFFF;--bg-base: #FFFFFF;--bg-raised: #FFFFFF;--bg-hover: #F7F7F5;--bg-active: #EFEFED;--bg-sidebar: #292929;--bg-sidebar-hover: rgba(255, 255, 255, .08);--bg-sidebar-active: rgba(255, 255, 255, .12);--bg-overlay: rgba(15, 15, 15, .6);--bg-code: #F7F6F3;--bg-tooltip: #1F1F1F;--border: #E6E4E1;--border-hover: #D3D1CB;--border-active: var(--primary);--border-light: #EEECE9;--text-primary: #1F1F1F;--text-secondary: #6B6B6B;--text-muted: #9B9A97;--text-inverse: #FFFFFF;--text-link: var(--primary);--text-sidebar: rgba(255, 255, 255, .65);--text-sidebar-active: #FFFFFF;--success: #2E8B57;--success-bg: #DBEDDB;--success-text: #1E5A3A;--warning: #CB8B17;--warning-bg: #FDECC8;--warning-text: #7B5B15;--error: #E03E3E;--error-bg: #FBE4E4;--error-text: #93261D;--info: #2383E2;--info-bg: #D3E5EF;--info-text: #1A5A96;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--text-4xl: 44px;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.65;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-sm: rgba(15, 15, 15, .04) 0px 1px 2px;--shadow-md: rgba(15, 15, 15, .05) 0px 1px 3px, rgba(15, 15, 15, .1) 0px 3px 8px;--shadow-lg: rgba(15, 15, 15, .05) 0px 3px 6px, rgba(15, 15, 15, .1) 0px 9px 24px;--shadow-xl: rgba(15, 15, 15, .05) 0px 5px 10px, rgba(15, 15, 15, .12) 0px 15px 40px;--shadow-focus: 0 0 0 2px var(--primary-light), 0 0 0 4px rgba(35, 131, 226, .25);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.25, .46, .45, .94);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--sidebar-width: 260px;--header-height: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-base);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}h5{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}p{line-height:var(--line-height-relaxed);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}code,.mono{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);padding:2px 5px;border-radius:var(--radius-sm);color:var(--accent)}.label{font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;padding:var(--sp-3)}.main-area{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--header-height);display:flex;align-items:center;padding:0 var(--sp-8);background:var(--bg-base);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:50}.content{flex:1;padding:var(--sp-8) var(--sp-10);max-width:1200px}.content-wide{flex:1;padding:var(--sp-8) var(--sp-10)}.sidebar-logo{padding:var(--sp-5) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--sp-2)}.sidebar-logo .logo-icon{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.sidebar-logo .logo-text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-inverse);letter-spacing:-.02em}.sidebar-section-label{font-size:11px;font-weight:var(--font-weight-semibold);color:#ffffff4d;text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.sidebar-nav{flex:1;padding:0 var(--sp-2);display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--radius-md);color:var(--text-sidebar);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active);text-decoration:none}.nav-item.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active);font-weight:var(--font-weight-semibold)}.nav-item .material-icons{font-size:20px;color:#fff6;transition:color var(--transition-fast)}.nav-item:hover .material-icons{color:#ffffffb3}.nav-item.active .material-icons{color:var(--text-sidebar-active)}.sidebar-footer{margin-top:auto;padding:var(--sp-3) var(--sp-4);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--sp-3)}.sidebar-footer .avatar{background:#ffffff1f;color:var(--text-sidebar)}.sidebar-footer .org-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .org-plan{font-size:var(--text-xs);color:#fff6}.sidebar-admin-label{font-size:11px;font-weight:var(--font-weight-semibold);color:#9b59b699;text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.sidebar-divider{height:1px;background:#ffffff14;margin:var(--sp-2) var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-3);height:32px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;line-height:1}.btn .material-icons{font-size:16px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-outline{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#c93535}.btn-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid rgba(203,139,23,.3)}.btn-warning:hover{background:#f8e2b0}.btn-sm{height:28px;padding:0 var(--sp-2);font-size:var(--text-xs)}.btn-lg{height:40px;padding:0 var(--sp-5);font-size:var(--text-base)}.card{background:var(--bg-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-5);transition:all var(--transition-base)}.card:hover{background:var(--bg-hover)}.card-flat{background:var(--bg-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-5)}.card-section{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-5)}.card-section>h3:first-child,.card-section>h4:first-child{margin-bottom:var(--sp-4)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:1.4}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.healthy{background:var(--success)}.status-dot.degraded{background:var(--warning)}.status-dot.down{background:var(--error)}.status-dot.unknown{background:var(--text-muted)}.input{height:36px;padding:0 var(--sp-3);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-fast);width:100%}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--text-muted)}.input-lg{height:44px;padding:0 var(--sp-4);font-size:var(--text-base)}textarea.input{height:auto;padding:var(--sp-3);min-height:80px;resize:vertical;line-height:var(--line-height-base)}.divider{height:1px;background:var(--border-light);margin:var(--sp-4) 0}.avatar{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--info-bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--info-text)}.avatar-lg{width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-md)}.callout{padding:var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--sp-3)}.callout .material-icons{font-size:20px;flex-shrink:0;margin-top:1px}.callout-info{background:var(--info-bg);color:var(--info-text)}.callout-success{background:var(--success-bg);color:var(--success-text)}.callout-warning{background:var(--warning-bg);color:var(--warning-text)}.callout-error{background:var(--error-bg);color:var(--error-text)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--sp-2) var(--sp-3);font-weight:var(--font-weight-medium);font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border)}.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-light);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin-bottom:var(--sp-5)}.tab{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:var(--font-weight-semibold)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{opacity:0;animation:fadeInUp .3s ease forwards}.animate-in:nth-child(1){animation-delay:.02s}.animate-in:nth-child(2){animation-delay:.04s}.animate-in:nth-child(3){animation-delay:.06s}.animate-in:nth-child(4){animation-delay:.08s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.flex-1{flex:1}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;-webkit-font-smoothing:antialiased}