:root{--bg:oklch(98% .005 240);--surface:oklch(96% .008 240);--surface-alt:oklch(93% .012 240);--text-h:oklch(22% .018 245);--text:oklch(48% .015 245);--text-muted:oklch(62% .012 245);--accent:oklch(52% .08 248);--accent-hover:oklch(45% .09 248);--border:oklch(87% .012 240);--border-strong:oklch(78% .02 240);--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--text-xs:clamp(.7rem, .65rem + .2vw, .75rem);--text-sm:clamp(.9rem, .85rem + .25vw, .95rem);--text-base:clamp(1rem, .95rem + .25vw, 1.1rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 2.75rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--max-w:1100px;--section-py:clamp(72px, 8vw, 112px);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-base:.3s;--dur-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::selection{background:oklch(52% .08 248/.15)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:var(--max-w);padding-inline:var(--sp-6);margin-inline:auto}.display{font-family:var(--font-display);color:var(--text-h);line-height:1.1}.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--font-body);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:6px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--text-h);color:var(--bg)}.btn-primary:hover{background:oklch(30% .025 245)}.btn-ghost{color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-h)}#services .services-grid{grid-template-columns:repeat(4,1fr)}@media (width<=1023px){#services .services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){#services .services-grid{grid-template-columns:1fr}#services .services-row:last-child{border-radius:0 0 10px 10px}}.admin-login{min-height:100vh;padding:var(--sp-6);background:var(--bg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;padding:var(--sp-7) var(--sp-6);border-radius:12px}.login-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.login-header h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h)}.login-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-6)}.login-form{gap:var(--sp-4);flex-direction:column;display:flex}.form-group{gap:var(--sp-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text);font-weight:500}.form-group input{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);background:var(--bg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-h);transition:border-color var(--dur-fast) var(--ease-out);border-radius:8px}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent);outline:none}.login-btn{width:100%;padding:var(--sp-4);margin-top:var(--sp-2);font-size:var(--text-base);justify-content:center}.loading-dots{gap:4px;display:flex}.loading-dots span{background:var(--bg);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite loadingDot}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.login-hint{margin-top:var(--sp-5);font-size:var(--text-xs);color:var(--text-muted);text-align:center}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);width:220px;padding:var(--sp-5) 0;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{align-items:center;gap:var(--sp-3);padding:0 var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);display:flex}.sidebar-brand{flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-h);line-height:1.2}.brand-link{font-size:var(--text-xs);color:var(--accent);transition:opacity var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none}.brand-link:hover{opacity:.7}.sidebar-logo-link{align-items:center;display:flex}.sidebar-logo-img{object-fit:contain;width:auto;height:32px}.sidebar-project-selector{padding:var(--sp-3) var(--sp-3);margin:var(--sp-3) var(--sp-3) var(--sp-2);align-items:center;display:inline-flex;position:relative}.sidebar-project-selector .project-dropdown{min-width:120px;font-size:var(--text-xs);padding:var(--sp-1) var(--sp-6) var(--sp-1) var(--sp-2)}.sidebar-project-selector .dropdown-arrow{right:var(--sp-2)}.sidebar-nav{gap:var(--sp-1);padding:0 var(--sp-3);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--text-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);text-align:left;border-radius:8px;width:100%;display:flex}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item.active{background:var(--bg);color:var(--text-h);font-weight:500}.nav-icon{font-size:var(--text-base);opacity:.7}.sidebar-footer{padding:var(--sp-4) var(--sp-3) 0;border-top:1px solid var(--border);margin-top:var(--sp-4)}.sign-out-btn{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--text-muted);width:100%;transition:background var(--dur-fast) var(--ease-out);border-radius:8px;display:flex}.sign-out-btn:hover{background:var(--surface-alt);color:var(--text)}.admin-main{padding:var(--sp-6);background:var(--bg);flex:1;margin-left:220px}.admin-main-full{padding:var(--sp-6)}.dashboard{width:100%}.dashboard-full{padding:var(--sp-6)}.dashboard-header{margin-bottom:var(--sp-5);justify-content:space-between;align-items:flex-start;display:flex}.dashboard-header-left{gap:var(--sp-3);flex-direction:column;display:flex}.dashboard-title{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-h);font-weight:600;line-height:1.2}.dashboard-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.managed-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);color:var(--accent);background:oklch(52% .08 248/.08);border-radius:20px;font-weight:500;display:flex}.badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.counters-grid{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);padding:var(--sp-4);border-radius:8px;flex-direction:column;gap:2px;display:flex}.stat-card-accent{background:var(--accent);border-color:#0000}.stat-card-accent .stat-label,.stat-card-accent .stat-sub{color:oklch(98% .005 240/.7)}.stat-card-accent .stat-value{color:#fff}.stat-label{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-weight:600}.stat-value{font-family:var(--font-body);font-size:var(--text-xl);color:var(--text-h);line-height:1.1}.stat-sub{font-size:var(--text-sm);color:var(--text-muted)}.dashboard-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.section-card{background:var(--surface);border:1px solid var(--border);padding:var(--sp-4);border-radius:8px}.section-title{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-h);margin-bottom:var(--sp-3);font-weight:600}.section-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-4)}.infra-diagram,.infra-zone{margin-bottom:var(--sp-4)}.infra-zone-managed{background:var(--surface-alt);padding:var(--sp-4);border-radius:8px}.zone-label{font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3);font-weight:600;display:block}.zone-desc{font-size:var(--text-sm);color:var(--text);line-height:1.5}.infra-nodes{align-items:center;gap:var(--sp-3);display:flex}.node{background:var(--bg);border:1px solid var(--border);padding:var(--sp-4);text-align:center;border-radius:8px;flex:1}.node-icon{font-size:var(--text-xl);color:var(--accent);margin-bottom:var(--sp-2)}.node-name{color:var(--text-h);font-weight:500;font-size:var(--text-sm);margin-bottom:2px;display:block}.node-detail{font-size:var(--text-sm);color:var(--text-muted);display:block}.node-connector{color:var(--border-strong);font-size:var(--text-lg)}.infra-features{gap:var(--sp-2);flex-wrap:wrap;display:flex}.feature-tag{padding:var(--sp-1) var(--sp-3);background:var(--surface-alt);font-size:var(--text-xs);color:var(--text-muted);border-radius:20px}.services-list{gap:var(--sp-3);flex-direction:column;display:flex}.service-row{padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.service-row:last-child{border-bottom:none;padding-bottom:0}.service-info{flex-direction:column;gap:2px;display:flex}.service-name{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.service-detail{font-size:var(--text-sm);color:var(--text-muted)}.service-status{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text);display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.resources-list{gap:var(--sp-4);flex-direction:column;display:flex}.resource-row{align-items:center;gap:var(--sp-4);grid-template-columns:1fr 1fr auto;display:grid}.resource-info{flex-direction:column;gap:2px;display:flex}.resource-type{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.resource-used{font-size:var(--text-sm);color:var(--text-muted)}.resource-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.resource-fill{background:var(--accent);height:100%;transition:width .6s var(--ease-out);border-radius:3px}.resource-pct{font-size:var(--text-sm);color:var(--text-muted);text-align:right;min-width:36px}.security-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.security-item{padding:var(--sp-3);background:var(--bg);border-radius:6px;flex-direction:column;gap:2px;display:flex}.security-label{font-size:var(--text-sm);color:var(--text);font-weight:500}.security-value{font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:var(--sp-1);font-weight:500;display:flex}.security-ok{color:#22c55e}.security-note{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.monitoring-stats{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.monitor-stat{text-align:center;padding:var(--sp-4);background:var(--bg);border-radius:8px}.monitor-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h);margin-bottom:var(--sp-1);display:block}.monitor-label{font-size:var(--text-xs);color:var(--text-muted)}.monitoring-note{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.scale-status{background:var(--bg);padding:var(--sp-4);border-radius:8px}.scale-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.scale-title{font-size:var(--text-sm);color:var(--text-muted)}.scale-value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-h)}.scale-desc{font-size:var(--text-sm);color:var(--text);margin-bottom:var(--sp-4);line-height:1.5}.scale-indicator{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:#22c55e;display:flex}.scale-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.migration-content{gap:var(--sp-4);flex-direction:column;display:flex}.migration-item{gap:var(--sp-4);padding:var(--sp-4);background:var(--bg);border-radius:8px;display:flex}.migration-icon{font-size:var(--text-xl);color:var(--accent);flex-shrink:0}.migration-title{font-size:var(--text-sm);color:var(--text-h);margin-bottom:var(--sp-1);font-weight:500;display:block}.migration-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;display:block}.activity-list{gap:var(--sp-3);flex-direction:column;display:flex}.activity-row{gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-time{font-size:var(--text-sm);color:var(--text-muted);min-width:80px}.activity-info{flex-direction:column;gap:2px;display:flex}.activity-action{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.activity-detail{font-size:var(--text-sm);color:var(--text-muted)}.project-selector{align-items:center;display:inline-flex;position:relative}.project-dropdown{appearance:none;padding:var(--sp-2) var(--sp-8) var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-h);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:6px;min-width:140px;font-weight:500}.project-dropdown:hover{border-color:var(--border-strong);background:var(--surface-alt)}.project-dropdown:focus{border-color:var(--accent);outline:none}.dropdown-arrow{right:var(--sp-3);pointer-events:none;color:var(--text-muted);font-size:var(--text-xs);position:absolute;top:50%;transform:translateY(-50%)}.security-grid-mini{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.security-item-row{padding:var(--sp-3);background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.security-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.security-list{gap:var(--sp-3);flex-direction:column;display:flex}.security-info{flex-direction:column;gap:2px;display:flex}.security-detail{font-size:var(--text-sm);color:var(--text-muted)}.security-value-ok{font-size:var(--text-sm);color:#22c55e;font-weight:500}.security-status{align-items:center;gap:var(--sp-2);display:flex}.status-ok{color:#22c55e;font-weight:500}.security-link{font-size:var(--text-sm);color:var(--accent);font-weight:500}.security-value{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.security-note{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--sp-4);line-height:1.5}.infra-servers-list{gap:var(--sp-3);flex-direction:column;display:flex}.infra-server-row{padding:var(--sp-3);background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.infra-server-location{color:var(--text-h);font-weight:500;font-size:var(--text-sm)}.infra-server-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.infra-server-status{font-size:var(--text-sm);color:#22c55e;font-weight:500}.infra-table{width:100%}.infra-table-header{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 1fr 80px;font-weight:600;display:grid}.infra-table-row{gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:1fr 80px 1fr 80px;align-items:center;display:grid}.infra-table-row:last-child{border-bottom:none}.infra-table-name{color:var(--text-h);font-weight:500}.infra-table-meta{font-size:var(--text-xs);color:var(--text-muted)}.infra-network-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.infra-network-item{padding:var(--sp-3);background:var(--bg);border-radius:6px}.infra-network-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-1)}.infra-network-value{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.dns-record-row{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);border-bottom:1px solid var(--border);grid-template-columns:1fr 60px 1fr 80px;display:grid}.dns-record-row:last-child{border-bottom:none}.dns-record-name{color:var(--text-h);font-family:monospace;font-weight:500}.dns-record-type{color:var(--accent);font-size:var(--text-sm);font-weight:600}.dns-record-value{color:var(--text-muted);font-family:monospace}.dns-record-ttl{color:var(--text-muted);font-size:var(--text-sm)}.ssl-status-valid{color:#22c55e;font-weight:500}.ssl-status-expiring{color:#f59e0b;font-weight:500}.monitor-uptime-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.monitor-uptime-stat{text-align:center;padding:var(--sp-4);background:var(--bg);border-radius:8px}.monitor-uptime-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h)}.monitor-uptime-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--sp-1)}.monitor-uptime-incidents{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.monitor-response-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.monitor-response-item{padding:var(--sp-4);background:var(--bg);border-radius:8px}.monitor-response-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h)}.monitor-response-label{font-size:var(--text-sm);color:var(--text-muted)}.monitor-response-bar{background:var(--border);height:4px;margin-top:var(--sp-2);border-radius:2px;overflow:hidden}.monitor-response-fill{background:var(--accent);height:100%;transition:width .6s var(--ease-out);border-radius:2px}.bandwidth-list{gap:var(--sp-4);flex-direction:column;display:flex}.bandwidth-header{margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.bandwidth-label{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.bandwidth-usage{font-size:var(--text-xs);color:var(--text-muted)}.bandwidth-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.bandwidth-fill{background:var(--accent);height:100%;transition:width .6s var(--ease-out);border-radius:3px}.bandwidth-fill-warning{background:#f59e0b}.alerts-list{gap:var(--sp-3);flex-direction:column;display:flex}.alert-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg);border-radius:6px;display:flex}.alert-severity{border-radius:50%;flex-shrink:0;width:8px;height:8px}.severity-warning{background:#f59e0b}.severity-error{background:#ef4444}.severity-info{background:var(--accent)}.alert-info{flex:1}.alert-title{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.alert-meta{font-size:var(--text-sm);color:var(--text-muted)}.alert-resolved{font-size:var(--text-sm);color:#22c55e;font-weight:500}.incident-table-header{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);grid-template-columns:100px 1fr 80px 80px;font-weight:600;display:grid}.incident-row{gap:var(--sp-3);padding:var(--sp-3);font-size:var(--text-sm);border-bottom:1px solid var(--border);grid-template-columns:100px 1fr 80px 80px;align-items:center;display:grid}.incident-row:last-child{border-bottom:none}.incident-date{color:var(--text-muted);font-size:var(--text-sm)}.incident-title{color:var(--text-h);font-weight:500}.incident-duration{color:var(--text)}.incident-mttr{color:#22c55e;font-weight:500}.mttr-stat{background:var(--bg);padding:var(--sp-4);border-radius:8px}.mttr-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h)}.mttr-label{font-size:var(--text-sm);color:var(--text-muted)}.mttr-meta{gap:var(--sp-4);margin-top:var(--sp-3);display:flex}.mttr-meta-item{flex-direction:column;gap:2px;display:flex}.mttr-meta-label{font-size:var(--text-sm);color:var(--text-muted)}.mttr-meta-value{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.mttr-trend{color:#22c55e;font-size:var(--text-sm);font-weight:500}.settings-toggle-row{padding:var(--sp-3);background:var(--bg);margin-bottom:var(--sp-3);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.settings-toggle-row:last-child{margin-bottom:0}.settings-toggle-label{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.settings-toggle-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.toggle-switch{width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background:var(--border-strong);transition:background var(--dur-fast) var(--ease-out);border-radius:12px;position:absolute;inset:0}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.user-table{width:100%}.user-table-header{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 80px 100px;font-weight:600;display:grid}.user-row{gap:var(--sp-3);padding:var(--sp-3);font-size:var(--text-sm);border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 80px 100px;align-items:center;display:grid}.user-row:last-child{border-bottom:none}.user-name{color:var(--text-h);font-weight:500}.user-email{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.role-badge{padding:2px var(--sp-2);font-size:var(--text-xs);background:var(--surface-alt);color:var(--text);border-radius:4px;font-weight:500}.role-badge-owner{color:var(--accent);background:oklch(52% .08 248/.1)}.mfa-enabled{color:#22c55e;font-size:var(--text-sm);font-weight:500}.mfa-disabled{color:var(--text-muted);font-size:var(--text-sm)}.user-last-active{font-size:var(--text-sm);color:var(--text-muted)}.invite-btn{margin-bottom:var(--sp-4)}.api-key-list{gap:var(--sp-3);flex-direction:column;display:flex}.api-key-row{padding:var(--sp-3);background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.api-key-info{flex-direction:column;gap:2px;display:flex}.api-key-name{color:var(--text-h);font-weight:500;font-size:var(--text-sm)}.api-key-meta{font-size:var(--text-sm);color:var(--text-muted)}.key-masked{font-family:monospace;font-size:var(--text-base);color:var(--text-muted)}.btn-ghost-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.settings-info-list{gap:var(--sp-3);flex-direction:column;display:flex}.settings-info-row{padding:var(--sp-3);background:var(--bg);border-radius:6px;justify-content:space-between;display:flex}.settings-info-label{font-size:var(--text-sm);color:var(--text-muted)}.settings-info-value{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.ip-whitelist{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.ip-tag{padding:4px var(--sp-3);background:var(--surface-alt);font-size:var(--text-sm);color:var(--text);border-radius:4px;font-family:monospace}.audit-list{gap:var(--sp-2);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.audit-row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);font-size:var(--text-sm);border-bottom:1px solid var(--border);grid-template-columns:90px 1fr 150px 110px;align-items:center;display:grid}.audit-row:last-child{border-bottom:none}.audit-time{color:var(--text-muted)}.audit-action{color:var(--text-h);font-weight:500}.audit-user{color:var(--text-muted)}.audit-ip{color:var(--text-muted);font-family:monospace}.report-actions{gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.report-action-btn{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--border);font-size:var(--text-base);color:var(--text-h);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border-radius:8px;font-weight:500;display:inline-flex}.report-action-btn:hover{background:var(--surface-alt);border-color:var(--border-strong)}.report-action-primary{background:var(--text-h);color:var(--bg);border-color:#0000}.report-action-primary:hover{background:oklch(30% .025 245)}.report-action-icon{font-size:var(--text-lg)}.report-preview{background:var(--bg);padding:var(--sp-5);border-radius:8px}.report-meta{gap:var(--sp-6);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);display:flex}.report-meta-item{flex-direction:column;gap:2px;display:flex}.report-meta-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.report-meta-value{font-size:var(--text-base);color:var(--text-h);font-weight:600}.report-sections-grid{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.report-section h4{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-h);margin-bottom:var(--sp-3)}.report-section-content{gap:var(--sp-2);flex-direction:column;display:flex}.report-row{font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;display:flex}.report-row span:last-child{color:var(--text-h);font-weight:500}.report-value-good{color:#22c55e!important}.report-value-highlight{color:var(--accent)!important;font-weight:600!important}.report-contacts{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.report-contacts-label{font-size:var(--text-sm);color:var(--text-muted)}.report-contact-chip{padding:4px var(--sp-3);background:var(--surface-alt);font-size:var(--text-sm);color:var(--text);border-radius:4px}.reporting-grid{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.notification-settings{gap:var(--sp-4);flex-direction:column;display:flex}.notification-item{padding:var(--sp-3);background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.notification-info{flex-direction:column;gap:2px;display:flex}.notification-label{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.notification-desc{font-size:var(--text-sm);color:var(--text-muted)}.toggle{cursor:pointer;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border-strong);transition:all var(--dur-fast) var(--ease-out);border-radius:12px;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.delivery-methods{gap:var(--sp-3);flex-direction:column;display:flex}.delivery-method{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg);border-radius:8px;display:flex}.delivery-icon{font-size:var(--text-xl);color:var(--text-muted)}.delivery-info{flex-direction:column;flex:1;gap:2px;display:flex}.delivery-name{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.delivery-desc{font-size:var(--text-sm);color:var(--text-muted)}.delivery-status{font-size:var(--text-sm);color:var(--text-muted);padding:2px var(--sp-2);background:var(--surface-alt);border-radius:4px}.delivery-status.active{color:#22c55e;background:oklch(52% .08 248/.1)}.delivery-connect{font-size:var(--text-sm);color:var(--accent);padding:var(--sp-2) var(--sp-3);border:1px solid var(--accent);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:4px;font-weight:500}.delivery-connect:hover{background:var(--accent);color:#fff}.scheduled-reports-list{gap:var(--sp-3);flex-direction:column;display:flex}.schedule-row{padding:var(--sp-4);background:var(--bg);border-radius:8px;justify-content:space-between;align-items:flex-start;display:flex}.schedule-info{gap:var(--sp-2);flex-direction:column;display:flex}.schedule-header{align-items:center;gap:var(--sp-3);display:flex}.schedule-name{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.schedule-status{font-size:var(--text-sm);padding:2px var(--sp-2);border-radius:4px}.schedule-status.active{color:#22c55e;background:oklch(52% .08 248/.1)}.schedule-status.paused{color:var(--text-muted);background:var(--surface-alt)}.schedule-meta{gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.schedule-recipients{gap:var(--sp-2);flex-wrap:wrap;display:flex}.schedule-recipient{font-size:var(--text-sm);color:var(--accent)}.schedule-actions{gap:var(--sp-2);display:flex}.schedule-action-btn{font-size:var(--text-sm);color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:4px}.schedule-action-btn:hover{border-color:var(--border-strong);color:var(--text-h)}.recent-reports-list{gap:var(--sp-2);flex-direction:column;display:flex}.recent-report-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.recent-report-row:last-child{border-bottom:none}.recent-report-icon{font-size:var(--text-lg);color:var(--text-muted)}.recent-report-info{flex-direction:column;flex:1;gap:2px;display:flex}.recent-report-name{font-size:var(--text-sm);color:var(--text-h);font-weight:500}.recent-report-meta,.recent-report-size{font-size:var(--text-sm);color:var(--text-muted)}.recent-report-download{font-size:var(--text-sm);color:var(--accent);cursor:pointer;background:0 0;border:none;font-weight:500}.recent-report-download:hover{text-decoration:underline}.modal-overlay{z-index:1000;padding:var(--sp-6);background:oklch(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);padding:var(--sp-6);border-radius:12px;width:100%;max-width:480px}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-h);margin-bottom:var(--sp-5)}.schedule-form{gap:var(--sp-4);flex-direction:column;display:flex}.report-type-options{gap:var(--sp-2);flex-direction:column;display:flex}.report-type-option{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.report-type-option input{width:16px;height:16px}.modal-actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-4);display:flex}@media (width<=1024px){.admin-sidebar{width:180px}.admin-main{margin-left:180px}.dashboard-grid{grid-template-columns:1fr}.counters-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.admin-sidebar{display:none}.admin-main{padding:var(--sp-4);margin-left:0}.counters-grid,.security-grid,.monitoring-stats,.resources-list{grid-template-columns:1fr}}