.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-width:300px;max-width:500px;z-index:2000;border:1px solid var(--border-color);animation:slideInRight .3s ease-out}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.toast-icon{font-size:1.25rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.toast-success .toast-icon{background:#10b9811a;color:var(--success)}.toast-error .toast-icon{background:#ef44441a;color:var(--danger)}.toast-warning .toast-icon{background:#f59e0b1a;color:var(--warning)}.toast-info .toast-icon{background:#06b6d41a;color:var(--info)}.toast-message{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition);line-height:1;flex-shrink:0}.toast-close:hover{background:var(--content-bg-secondary);color:var(--text-primary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:linear-gradient(180deg,var(--sidebar-bg) 0%,#1e293b 100%);color:var(--sidebar-text);display:flex;flex-direction:column;transition:var(--transition-slow);border-right:1px solid var(--sidebar-border);box-shadow:var(--shadow-lg);z-index:100}.sidebar.closed{width:80px}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;align-items:center;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-logo-toggle{background:transparent;border:none;padding:0;margin:0;color:inherit;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-logo-image{width:32px;height:32px;border-radius:8px;box-shadow:var(--shadow)}.sidebar-logo-text{display:flex;flex-direction:column;gap:2px}.sidebar-logo-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-logo-subtitle{font-size:.75rem;color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar.closed .sidebar-logo-text{display:none}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav-section{margin:0}.sidebar-nav-section+.sidebar-nav-section{margin-top:var(--spacing-md)}.sidebar-nav-section-header{padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.sidebar-nav-section-icon{width:1.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.sidebar-nav-section-title{display:inline-flex}.sidebar-nav a{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--sidebar-text-muted);text-decoration:none;transition:var(--transition);margin:0 var(--spacing-sm);border-radius:var(--radius);font-weight:500;font-size:.9375rem;position:relative}.sidebar-nav a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:var(--transition)}.sidebar-nav a:hover{background:#3b82f61a;color:var(--sidebar-text);padding-left:var(--spacing-xl)}.sidebar-nav a:hover:before{height:60%}.sidebar-nav a.active,.sidebar-nav a:global(.active){background:#3b82f626;color:var(--primary-light);font-weight:600}.sidebar-nav a.active:before,.sidebar-nav a:global(.active):before{height:100%}.sidebar.closed .sidebar-nav a{justify-content:center;padding:var(--spacing-md)}.sidebar.closed .sidebar-nav a .sidebar-nav-label{display:none}.sidebar.closed .sidebar-nav-section-header{justify-content:center}.sidebar.closed .sidebar-nav-section-title{display:none}.sidebar-nav .sidebar-nav-icon{font-size:1.25rem;width:1.75rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--sidebar-border);background:#0f172a80}.sidebar-footer button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.9375rem;transition:var(--transition);box-shadow:var(--shadow)}.sidebar-footer button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#dc2626 0%,var(--danger) 100%)}.sidebar.closed .sidebar-footer button{padding:var(--spacing-md);font-size:0}.sidebar.closed .sidebar-footer button:before{content:"🚪";font-size:1.25rem}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--content-bg);padding:var(--spacing-xl);position:relative}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--spacing-md)}}:root{--rhythm-radius-10: var(--radius-1, 10px);--rhythm-radius-14: var(--radius-2, 14px);--rhythm-radius-18: var(--radius-3, 18px);--rhythm-elevation: var(--elevation-1, 0 10px 28px rgba(15, 23, 42, .14))}.landing{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);box-sizing:border-box;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.landing-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gradient-angle-standard, 135deg),rgba(5,8,16,.96) 0%,rgba(10,14,23,.94) 55%,rgba(15,22,41,.92) 100%)}.landing-bg-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(224,64,251,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none}.landing-bg-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-noise-pattern, radial-gradient(rgba(255, 255, 255, .03) .5px, transparent .5px)),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:var(--surface-noise-size, 3px 3px),60px 60px,60px 60px;pointer-events:none}.landing-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:landing-float 20s ease-in-out infinite}.landing-shape-1{width:min(80vw,480px);height:min(80vw,480px);background:#00d4ff33;top:-15%;left:-10%;animation-delay:0s}.landing-shape-2{width:min(60vw,320px);height:min(60vw,320px);background:#e040fb33;top:40%;right:-5%;animation-delay:-5s}.landing-shape-3{width:min(50vw,280px);height:min(50vw,280px);background:#00d4ff26;bottom:-10%;left:20%;animation-delay:-10s}.landing-shape-4{width:min(40vw,200px);height:min(40vw,200px);background:#e040fb1f;top:60%;left:-5%;animation-delay:-7s}.landing-shape-5{width:min(35vw,180px);height:min(35vw,180px);background:#ffd7001a;top:10%;right:25%;animation-delay:-12s}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(2%,-3%) scale(1.02)}50%{transform:translate(-2%,2%) scale(.98)}75%{transform:translate(3%,1%) scale(1.01)}}.landing-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px}.landing-content{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,3rem);animation:landing-contentFadeIn .8s ease-out}@keyframes landing-contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-hero{text-align:center}.landing-title{margin:0;font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);font-family:Orbitron,Rajdhani,sans-serif}.landing-title-line{display:block;animation:landing-titleReveal .6s ease-out backwards}.landing-title-line:first-child{animation-delay:.1s}.landing-title-line:last-child{animation-delay:.25s;background:linear-gradient(135deg,#00d4ff,#e040fb,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes landing-titleReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-tagline{margin:.75rem 0 0;font-size:var(--type-body-size);line-height:var(--type-body-line);color:#ffffffb3;letter-spacing:.02em;animation:landing-contentFadeIn .8s ease-out .4s backwards}.landing-card-wrap{width:100%;animation:landing-cardReveal .6s ease-out .3s backwards}@keyframes landing-cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-radius:var(--rhythm-radius-14);padding:clamp(1.5rem,4vw,2rem);box-shadow:var(--rhythm-elevation)}.landing.forgot-password-page .landing-card,.landing.reset-password-page .landing-card{min-height:380px;display:flex;flex-direction:column;justify-content:flex-start}.landing-card-title{margin:0 0 1.25rem;font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line);color:#fff;text-align:center}.landing-card-subtitle{margin:-.5rem 0 1.25rem;text-align:center;font-size:var(--type-small-size);line-height:var(--type-small-line);color:#ffffffb3}.landing-alert{padding:.75rem 1rem;border-radius:var(--rhythm-radius-10);font-size:var(--type-small-size);margin-bottom:1rem}.landing-alert-error{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.landing-alert-success{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.landing-form-field{margin-bottom:1rem}.landing-form-field label{display:block;margin-bottom:.35rem;font-weight:var(--type-h3-weight);font-size:var(--type-small-size);color:#ffffffe6}.landing-input{width:100%;padding:.65rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--rhythm-radius-10);color:#fff;font-size:var(--type-body-size);font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.landing-input::placeholder{color:#ffffff80}.landing-input:focus{outline:none;border-color:#00d4ffcc;box-shadow:0 0 0 2px #00d4ff40}.landing-otp-input{text-align:center;font-size:1.5rem;letter-spacing:.45em;font-family:Orbitron,Rajdhani,monospace;padding-left:.65rem;padding-right:.65rem}.landing-field-hint{margin:.5rem 0 0;font-size:var(--type-small-size);line-height:var(--type-small-line);color:#ffffffa6}.landing-link-button{border:none;background:none;padding:0;font:inherit;color:#00d4ff;cursor:pointer;text-decoration:underline}.landing-link-button:hover:not(:disabled){color:#3df}.landing-link-button:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.landing-card-footer-stack p{margin:0 0 .5rem}.landing-card-footer-stack p:last-child{margin-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-form-actions{width:100%;margin-top:1rem}.landing-button{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:var(--rhythm-radius-10);font-weight:var(--type-h3-weight);font-size:var(--type-body-size);color:#050810;cursor:pointer;font-family:Orbitron,Rajdhani,sans-serif;box-shadow:var(--rhythm-elevation);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.landing-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--rhythm-elevation)}.landing-button:disabled{opacity:.8;cursor:not-allowed}.landing-otp-hint{margin:0 0 .75rem;color:#ffffffb8;font-size:.92rem}.landing-link-button{margin-top:.75rem;background:none;border:none;color:#93c5fd;cursor:pointer;font-size:.9rem;padding:0}.landing-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(5,8,16,.3);border-top-color:#050810;border-radius:50%;animation:landing-spin .6s linear infinite}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing-card-footer{text-align:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:var(--type-small-size);color:#ffffffb3}.landing-card-footer a{color:#00d4ff;text-decoration:none;font-weight:var(--type-body-weight)}.landing-card-footer a:hover{text-decoration:underline;color:#3df}.landing-card-footer-sep{margin:0 .25rem}@media (max-width: 480px){.landing{padding:1rem}.landing-card{padding:1.25rem}.landing.forgot-password-page .landing-card,.landing.reset-password-page .landing-card{min-height:340px}.landing-shape{filter:blur(40px);opacity:.25}}.login-container{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);box-sizing:border-box;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif}.login-container .landing-bg,.login-container .landing-bg-gradient,.login-container .landing-bg-shapes,.login-container .landing-bg-grid{display:none}.login-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#050810;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(224,64,251,.08) 0%,transparent 50%);pointer-events:none}.login-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.login-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.35;animation:landing-float 8s ease-in-out infinite;z-index:0}.login-bg-orb-1{width:350px;height:350px;background:#00d4ff33;top:15%;left:25%}.login-bg-orb-2{width:280px;height:280px;background:#e040fb2e;bottom:25%;right:20%;animation-delay:-3s}.login-card{position:relative;z-index:2;background:linear-gradient(160deg,#0f1629e6,#0a0e17f2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-radius:var(--rhythm-radius-14);padding:clamp(1.5rem,4vw,2rem);box-shadow:var(--rhythm-elevation);width:100%;max-width:420px}.login-container.signup-page .login-card{max-width:440px}.login-header{text-align:center;margin-bottom:1.25rem}.login-header h1{margin:0 0 .35rem;font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);color:#fff;font-family:Orbitron,Rajdhani,sans-serif}.login-header h1 .highlight{background:linear-gradient(135deg,#00d4ff,#e040fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-line);color:#ffffffb3}.login-card-body{margin-top:0}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-group{margin-bottom:0}.login-form .form-group label{display:block;margin-bottom:.35rem;font-weight:var(--type-h3-weight);font-size:var(--type-small-size);color:#ffffffe6}.login-form .input{width:100%;padding:.65rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--rhythm-radius-10);color:#fff;font-size:var(--type-body-size);font-family:inherit;box-sizing:border-box}.login-form .input::placeholder{color:#ffffff80}.login-form .input:focus{outline:none;border-color:#00d4ffcc;box-shadow:0 0 0 2px #00d4ff40}.login-button{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:var(--rhythm-radius-10);font-weight:var(--type-h3-weight);font-size:var(--type-body-size);color:#050810;cursor:pointer;font-family:Orbitron,Rajdhani,sans-serif;box-shadow:var(--rhythm-elevation);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--rhythm-elevation)}.login-button:disabled{opacity:.8;cursor:not-allowed}.login-form .alert{padding:.75rem 1rem;border-radius:var(--rhythm-radius-10);font-size:var(--type-small-size)}.login-form .alert-error{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(5,8,16,.3);border-top-color:#050810;border-radius:50%;animation:landing-spin .6s linear infinite}.login-form-footer{text-align:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:var(--type-small-size);color:#ffffffb3}.login-form-footer a{color:#00d4ff;text-decoration:none;font-weight:var(--type-body-weight)}.login-form-footer a:hover{text-decoration:underline;color:#3df}.success-message{text-align:center;padding:1rem 0}.success-message h3{color:#fff;font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line);margin-bottom:.5rem;font-family:Orbitron,Rajdhani,sans-serif}.success-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,#34d399,#059669);color:#050810;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.success-message p,.info-text,.redirect-text{color:#fffc;font-size:var(--type-body-size);line-height:var(--type-body-line);margin-bottom:.35rem}.redirect-text{color:#00d4ff;font-weight:var(--type-body-weight);margin-top:.75rem}@media (prefers-reduced-motion: reduce){.landing-shape,.landing-content,.landing-title-line,.landing-tagline,.landing-card-wrap,.landing-spinner,.spinner,.login-bg-orb{animation:none}.landing-button,.landing-input{transition:none}.landing-button:hover:not(:disabled){transform:none}}.dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary, #6b7280);font-size:clamp(.875rem,.8rem + .375vw,1rem)}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius, 8px);font-size:.875rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected{background:#10b981}.status-indicator.disconnected{background:#ef4444;animation:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(1rem,.75rem + 1.25vw,1.5rem);margin-bottom:2rem}.stat-card{background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius-lg, 12px);padding:clamp(1rem,.75rem + 1.25vw,1.5rem);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;align-items:center;gap:1rem}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));border-color:var(--primary, #2563eb)}.stat-card.highlight{background:linear-gradient(135deg,var(--primary, #667eea) 0%,var(--accent, #764ba2) 100%);color:#fff;border:none}.stat-card.highlight h3,.stat-card.highlight .stat-value{color:#fff}.stat-icon{font-size:2.5rem;line-height:1}.stat-content h3{margin:0 0 .5rem;font-size:clamp(.8125rem,.8rem + .1vw,.875rem);font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.stat-card.highlight .stat-content h3{color:#ffffffe6}.stat-value{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1}.server-status-section{margin-bottom:2rem}.server-status-section h2{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);margin-bottom:1.5rem;color:var(--text-primary, #1a1a1a)}.server-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,.75rem + 1.25vw,1.5rem)}.server-card{background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius-lg, 12px);padding:clamp(1rem,.75rem + 1.25vw,1.5rem);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1))}.server-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.server-card-header h3{margin:0;font-size:clamp(.9375rem,.875rem + .25vw,1rem);font-weight:600;color:var(--text-primary, #1a1a1a)}.server-value{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700;color:var(--text-primary, #1a1a1a)}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:12px;background:var(--gray-200, #e5e7eb);border-radius:6px;overflow:hidden}.progress-fill{width:100%;height:100%;border-radius:6px;transform-origin:left center;transition:transform .3s ease,opacity .2s ease}.progress-info{display:flex;justify-content:space-between;font-size:clamp(.8125rem,.8rem + .1vw,.85rem);color:var(--text-secondary, #6b7280)}.chart-section{margin-bottom:2rem}.chart-section h2{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);margin-bottom:1.5rem;color:var(--text-primary, #1a1a1a)}.chart-card{background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius-lg, 12px);padding:clamp(1rem,.75rem + 1.25vw,1.5rem);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1))}.quick-actions{margin-bottom:2rem}.quick-actions h2{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);margin-bottom:1.5rem;color:var(--text-primary, #1a1a1a)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:clamp(.75rem,.5rem + 1vw,1rem)}.action-card{background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius-lg, 12px);padding:clamp(1rem,.75rem + 1.25vw,1.5rem);text-align:center;text-decoration:none;color:var(--text-primary, #1a1a1a);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));border-color:var(--primary, #2563eb)}.action-icon{font-size:2rem;line-height:1}.action-text{font-weight:500;font-size:.9rem}@media (max-width: 767px){.dashboard{padding:clamp(.75rem,.5rem + 1.25vw,1rem)}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.connection-status{align-self:flex-start}.stats-grid,.server-status-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard{padding:.75rem}.actions-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.status-indicator{animation:none}.stat-card,.action-card{transition:none}.stat-card:hover,.action-card:hover{transform:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-color)}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:600px}.modal-lg{width:90%;max-width:800px}.modal-xl{width:90%;max-width:1200px}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--content-bg-secondary)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);line-height:1}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tenants-page{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:2rem;color:#333}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.tenant-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.tenant-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tenant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.tenant-header h3{margin:0;font-size:1.25rem;color:#333}.status-deleted{background:#f8d7da;color:#721c24}.tenant-body{margin-bottom:1rem}.tenant-slug{font-size:.875rem;color:#666;margin:.5rem 0}.tenant-description{color:#555;margin:.5rem 0;line-height:1.5}.tenant-email{color:#666;font-size:.875rem;margin:.5rem 0}.tenant-plan{margin:1rem 0}.plan-badge{display:inline-block;padding:.25rem .75rem;background:#007bff;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.tenant-limits{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.limit-item{display:flex;justify-content:space-between;font-size:.875rem}.limit-item span:first-child{color:#666}.limit-item span:last-child{font-weight:600;color:#333}.tenant-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tenant-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #eee}.btn-primary:hover{background:#0056b3}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.loading,.error{padding:2rem;text-align:center;color:#666}.error{color:#dc3545}.sites-page{padding:2rem}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.site-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.site-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.site-header h3{margin:0;font-size:1.25rem;color:#333}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-provisioning{background:#cfe2ff;color:#084298}.status-active{background:#d4edda;color:#155724}.status-suspended{background:#fff3cd;color:#856404}.status-error{background:#f8d7da;color:#721c24}.site-body{margin-bottom:1rem}.site-slug{font-size:.875rem;color:#666;margin:.5rem 0}.site-type{margin:1rem 0}.type-badge{display:inline-block;padding:.25rem .75rem;background:#6c757d;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.site-info{margin:1rem 0}.info-item{display:flex;flex-direction:column;margin-bottom:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.info-label{font-size:.75rem;color:#666;margin-bottom:.25rem}.info-value{font-size:.875rem;color:#333;word-break:break-all}.site-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-badge{padding:.25rem .5rem;background:#e7f3ff;color:#06c;border-radius:4px;font-size:.75rem}.site-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #eee}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.loading{padding:2rem;text-align:center;color:#666}.domain-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9375rem;display:flex;align-items:center;gap:var(--spacing-xs)}.required{color:var(--danger)}.optional{color:var(--text-muted);font-weight:400;font-size:.875rem}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.error-message{color:var(--danger);font-size:.875rem;margin-top:var(--spacing-xs)}.form-hint{color:var(--text-muted);font-size:.8125rem;margin-top:var(--spacing-xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-actions .btn{min-width:120px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary, #3b82f6)}.subdomain-section{padding:1rem;background-color:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e2e8f0);margin-top:.5rem}.subdomain-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.domains{max-width:1400px;margin:0 auto}.domains h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.domains-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.domains-header button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);font-size:.9375rem}.domains-header button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.domains-table{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:var(--content-bg-secondary);border-bottom:2px solid var(--border-color)}th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}td{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);color:var(--text-primary)}tr:hover{background:var(--content-bg-secondary)}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.active{background:#10b9811a;color:var(--success)}.badge.inactive{background:#94a3b81a;color:var(--text-muted)}.badge.pending{background:#f59e0b1a;color:var(--warning)}.database-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.database-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.database-form label{font-weight:600;color:var(--text-primary);font-size:.875rem}.database-form .input{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:var(--card-bg);color:var(--text-primary)}.database-form .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.database-form select.input{cursor:pointer}.form-hint{color:var(--text-muted);font-size:.75rem}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--content-bg)}.database-user-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.database-user-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.database-user-form label{font-weight:600;color:var(--text-primary);font-size:.875rem}.database-user-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:400}.database-user-form .input{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:var(--card-bg);color:var(--text-primary)}.database-user-form .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.database-user-success{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credentials-box{background:var(--content-bg);padding:var(--spacing-lg);border-radius:var(--radius);margin:var(--spacing-md) 0}.credential-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.credential-item:last-child{margin-bottom:0}.credential-item label{font-weight:600;min-width:100px}.credential-item code{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.warning{margin-top:var(--spacing-md);color:var(--warning);font-size:.875rem}.databases{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:.9375rem}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--content-bg);border-radius:var(--radius);margin-bottom:var(--spacing-lg);font-size:.875rem;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);background:var(--card-bg);border-radius:var(--radius-xl);border:2px dashed var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h2{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.databases-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.database-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition)}.database-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.database-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.database-info{flex:1}.database-info h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.database-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-type{background:#3b82f61a;color:var(--primary)}.badge-status{background:#22c55e1a;color:var(--success)}.badge-size{background:#8b5cf61a;color:var(--accent)}.database-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.btn-icon:hover{background:var(--card-bg);border-color:var(--primary)}.btn-icon.btn-danger:hover{background:#ef44441a;border-color:var(--danger)}.database-users{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.users-header h4{font-size:1rem;font-weight:600;color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.empty-users{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--content-bg);border-radius:var(--radius);border:1px solid var(--border-color)}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-info strong{color:var(--text-primary)}.user-permissions{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.databases{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md)}.database-header{flex-direction:column}.database-actions{align-self:flex-end}}.emails-page{padding:2rem}.emails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.email-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.email-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.email-info{flex:1}.email-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a1a;word-break:break-all}.email-actions{display:flex;gap:.5rem}.email-storage{margin-bottom:1rem}.email-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.feature-item{display:flex;justify-content:space-between;font-size:.9rem}.feature-label{color:#6b7280}.feature-status{font-weight:500}.feature-status.enabled{color:#065f46}.feature-status.disabled{color:#991b1b}.email-footer{padding-top:1rem;border-top:1px solid #f3f4f6}.email-display{margin:0 0 1.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;color:#1a1a1a;font-weight:500}.email-input-group{display:flex;align-items:center;gap:.5rem}.email-input-group input{flex:1}.email-domain{color:#6b7280;font-weight:500;white-space:nowrap}.forwarder-form{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.forwarders-list h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a}.forwarders-list ul{list-style:none;padding:0;margin:0}.forwarders-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;margin-bottom:.5rem}.empty-text{color:#6b7280;font-style:italic;text-align:center;padding:1rem}@media (max-width: 768px){.emails-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.emails-grid{grid-template-columns:1fr}.email-actions{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.email-card,.btn-icon,.form-group input,.form-group select,.form-group textarea,.btn-primary,.btn-secondary,.btn-danger{transition:none}.email-card:hover{transform:none}}.ftp-page{padding:2rem}.filter-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.filter-section label{font-weight:500;color:#1a1a1a}.domain-filter{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;min-width:200px}.ftp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.ftp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ftp-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ftp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.ftp-info{flex:1}.ftp-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a1a;word-break:break-all}.domain-badge{display:inline-block;padding:.25rem .75rem;background:#e5e7eb;color:#6b7280;border-radius:12px;font-size:.75rem;font-weight:500;margin-right:.5rem}.status-badge.inactive{background:#fee2e2;color:#991b1b}.ftp-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.ftp-details{margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.detail-label{font-weight:500;color:#6b7280;font-size:.9rem;flex-shrink:0}.detail-value{color:#1a1a1a;font-size:.9rem;word-break:break-all;text-align:right}.ftp-storage{margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.storage-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#6b7280}.usage-percent{font-weight:600;color:#1a1a1a}.no-quota{font-weight:600;color:#10b981}.storage-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.storage-fill{width:100%;height:100%;transform-origin:left center;transition:transform .3s ease,opacity .2s ease;border-radius:4px}.ftp-footer{padding-top:1rem;border-top:1px solid #f3f4f6;margin-bottom:1rem}.last-login{font-size:.85rem;color:#9ca3af}.ftp-connection-info{padding-top:1rem;border-top:1px solid #f3f4f6}.connection-details{display:flex;flex-direction:column;gap:.5rem}.connection-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.connection-label{color:#6b7280;font-weight:500}.connection-value{color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.ftp-display{margin:0 0 1.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;color:#1a1a1a;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.mt-1{margin-top:.5rem}.btn-primary,.btn-secondary,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}@media (max-width: 768px){.ftp-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.ftp-grid{grid-template-columns:1fr}.ftp-actions{flex-wrap:wrap}.detail-item{flex-direction:column;align-items:flex-start}.detail-value{text-align:left}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.ftp-card,.btn-icon,.form-group input,.form-group select,.form-group textarea,.btn-primary,.btn-secondary,.btn-danger{transition:none}.ftp-card:hover{transform:none}}.ssl-page{padding:2rem}.ssl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.ssl-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.ssl-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ssl-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.ssl-info{flex:1}.ssl-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a1a;word-break:break-all}.ssl-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge.valid{background:#d1fae5;color:#065f46}.status-badge.expiring{background:#fef3c7;color:#92400e}.status-badge.expired{background:#fee2e2;color:#991b1b}.status-badge.no-cert{background:#e5e7eb;color:#6b7280}.type-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:500}.ssl-actions{display:flex;gap:.5rem;align-items:center}.ssl-details{margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.detail-label{font-weight:500;color:#6b7280}.detail-value{color:#1a1a1a;text-align:right}.detail-value.expired{color:#991b1b;font-weight:600}.detail-value.expiring{color:#92400e;font-weight:600}.detail-value.enabled{color:#065f46}.detail-value.disabled{color:#991b1b}.ssl-settings{padding-top:1rem;border-top:1px solid #f3f4f6}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.ssl-install-prompt{padding:1rem;background:#f9fafb;border-radius:8px;text-align:center}.ssl-install-prompt p{margin:0 0 1rem;color:#6b7280}.install-options{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.modal-content{padding:2rem;max-width:700px}.info-banner li{margin:.25rem 0}.cert-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;resize:vertical}@media (max-width: 768px){.ssl-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.ssl-grid{grid-template-columns:1fr}.ssl-actions{flex-wrap:wrap}.detail-item{flex-direction:column;align-items:flex-start}.detail-value{text-align:left}}.dns-page{padding:2rem}.domain-selector{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.domain-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a1a}.domain-select{width:100%;max-width:400px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff}.domain-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.validation-card{margin-bottom:2rem;padding:1.5rem;border-radius:8px;border:2px solid}.validation-card.valid{background:#d1fae5;border-color:#10b981}.validation-card.invalid{background:#fee2e2;border-color:#ef4444}.validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.validation-header h3{margin:0;font-size:1.25rem;color:#1a1a1a}.validation-content,.validation-success,.validation-error{display:flex;gap:1rem;align-items:flex-start}.status-icon{font-size:1.5rem;flex-shrink:0}.validation-success strong,.validation-error strong{display:block;margin-bottom:.5rem;color:#1a1a1a}.validation-success p,.validation-error p{margin:.25rem 0;color:#4b5563;font-size:.9rem}.validation-error ul{margin:.5rem 0 0;padding-left:1.5rem;color:#991b1b}.validation-error li{margin:.25rem 0}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-weight:500;color:#1a1a1a}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}.filter-select:focus{outline:none;border-color:#2563eb}.record-count{color:#6b7280;font-size:.9rem}.records-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto}.records-table{width:100%;border-collapse:collapse}.records-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.records-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.records-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563}.records-table tbody tr:hover{background:#f9fafb}.records-table tbody tr.inactive{opacity:.6}.record-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600}.record-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#1a1a1a;font-weight:500}.record-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#1a1a1a;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.inactive{background:#e5e7eb;color:#6b7280}.domain-display{margin:0 0 1.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;color:#1a1a1a;font-weight:500}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}@media (max-width: 768px){.dns-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.filter-bar{flex-direction:column;align-items:flex-start;gap:1rem}.records-table-container{overflow-x:auto}.records-table{min-width:800px}.validation-content{flex-direction:column}}.files{max-width:1600px;margin:0 auto;padding:var(--spacing-lg)}.files h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.files-controls{display:flex;gap:var(--spacing-md);align-items:center}.domain-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--card-bg);color:var(--text-primary);font-size:.9375rem;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9375rem;color:var(--text-secondary)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);flex-wrap:wrap}.breadcrumb-item{background:none;border:none;color:var(--primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition);font-size:.875rem}.breadcrumb-item:hover{background:var(--hover-bg)}.breadcrumb-separator{color:var(--text-secondary);margin:0 var(--spacing-xs)}.files-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.toolbar-left,.toolbar-right{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.sort-controls{display:flex;gap:var(--spacing-xs);align-items:center}.sort-controls select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:.875rem}.sort-controls button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.875rem}.files-list{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden}.files-table{width:100%;border-collapse:collapse}.files-table thead{background:var(--hover-bg);border-bottom:2px solid var(--border-color)}.files-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.files-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.9375rem}.file-row{transition:var(--transition);cursor:pointer}.file-row:hover{background:var(--hover-bg)}.file-row.selected{background:var(--primary-light)}.file-row-directory{font-weight:500}.file-link{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;font-size:inherit;text-align:left}.file-link:hover{color:var(--primary)}.file-link span{font-size:1.25rem}.file-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.file-actions button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition);font-size:1rem;opacity:.7}.file-actions button:hover{opacity:1;background:var(--hover-bg)}.upload-area{text-align:center;padding:var(--spacing-xl);border:2px dashed var(--border-color);border-radius:var(--radius);background:var(--hover-bg)}.upload-area button{margin-bottom:var(--spacing-md)}.selected-items-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.selected-item-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:.875rem}.search-results{margin-top:var(--spacing-lg);max-height:400px;overflow-y:auto}.search-results h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.search-results ul{list-style:none;padding:0}.search-results li{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.search-results li button{background:none;border:none;color:var(--primary);cursor:pointer;text-align:left;width:100%;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition)}.search-results li button:hover{background:var(--hover-bg)}.loading,.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.alert{padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.alert-info{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:500;font-size:.9375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--card-bg);color:var(--text-primary);font-size:.9375rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:150px}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:.8125rem}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9375rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg)}.btn-danger{background:var(--danger);color:#fff}.btn-link{background:none;color:var(--primary);text-decoration:underline;padding:var(--spacing-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.files-header{flex-direction:column;align-items:flex-start}.files-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;justify-content:flex-start}.files-table{font-size:.875rem}.files-table th,.files-table td{padding:var(--spacing-sm)}.file-actions{flex-direction:column}}.backups-page{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.stat-icon{font-size:2rem;opacity:.8}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#6b7280}.backups-list{display:flex;flex-direction:column;gap:1rem}.backup-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.backup-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.backup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.backup-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.backup-meta{display:flex;gap:1rem;flex-wrap:wrap}.backup-date{font-size:.875rem;color:#6b7280}.backup-actions{display:flex;gap:.5rem}.backup-content{display:flex;flex-direction:column;gap:.75rem}.backup-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:6px}.backup-item-header{display:flex;align-items:center;gap:1rem}.backup-type{font-weight:500;color:#1a1a1a}.backup-size{font-size:.875rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.backup-item-actions{display:flex;gap:.5rem}.site-display,.backup-display{margin:0 0 1.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;color:#1a1a1a;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.info-banner{margin-bottom:1.5rem;padding:1rem;background:#eff6ff;border-left:4px solid #2563eb;border-radius:6px}.info-banner strong{display:block;margin-bottom:.5rem;color:#1e40af}.info-banner ul{margin:.5rem 0 0;padding-left:1.5rem;color:#1e40af}.info-banner li{margin:.25rem 0;font-size:.9rem}.warning-banner{margin-bottom:1.5rem;padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px}.warning-banner strong{display:block;margin-bottom:.5rem;color:#92400e}.warning-banner ul{margin:.5rem 0 0;padding-left:1.5rem;color:#92400e}.warning-banner li{margin:.25rem 0;font-size:.9rem}.btn-primary,.btn-secondary,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.backups-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr}.backup-header{flex-direction:column;gap:1rem}.backup-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.users-page{padding:2rem}.filters-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap}.filter-group label{font-weight:500;color:#1a1a1a;white-space:nowrap}.filter-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}.filter-group select:focus{outline:none;border-color:#2563eb}.user-count{margin-left:auto;color:#6b7280;font-size:.9rem}.loading,.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;text-align:center}.users-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr.deleted{opacity:.6}.username-cell{font-weight:500;color:#1a1a1a}.role-badge,.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.role-badge.admin,.role-badge.super-admin{background:#fef3c7;color:#92400e}.role-badge.business-owner{background:#dbeafe;color:#1e40af}.role-badge.developer{background:#d1fae5;color:#065f46}.role-badge.read-only{background:#e5e7eb;color:#4b5563}.role-badge.customer{background:#f3f4f6;color:#1a1a1a}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.suspended{background:#fef3c7;color:#92400e}.status-badge.deleted{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fee2e2}.modal-content h2{margin:0 0 1rem;font-size:1.5rem;color:#1a1a1a}.user-display{margin:0 0 1.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;color:#1a1a1a;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}@media (max-width: 768px){.users-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.filters-bar{flex-direction:column;align-items:stretch}.user-count{margin-left:0}.users-table-container{overflow-x:auto}.users-table{min-width:800px}}.monitoring-page{padding:2rem}.header-actions{display:flex;gap:1rem;align-items:center}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#1a1a1a}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.site-selector{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.site-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a1a}.site-select{width:100%;max-width:400px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff}.site-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-header h3{margin:0;font-size:1.1rem;color:#1a1a1a}.metric-value{font-size:1.5rem;font-weight:600;color:#1a1a1a}.metric-details{display:flex;flex-direction:column;gap:.75rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{width:100%;height:100%;transform-origin:left center;transition:transform .3s ease,opacity .2s ease;border-radius:4px}.metric-info{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.metric-info span{display:flex;justify-content:space-between}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.chart-container h2{margin:0 0 1rem;font-size:1.25rem;color:#1a1a1a}.site-metrics{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.site-metrics h2{margin:0 0 1rem;font-size:1.25rem;color:#1a1a1a}.site-info{padding:1rem;background:#f9fafb;border-radius:6px;color:#4b5563;line-height:1.6}.btn-secondary{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1a1a1a;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.monitoring-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.metrics-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){.metric-card,.btn-secondary{transition:none}.metric-card:hover{transform:none}}.security-page{padding:2rem}.header-actions{display:flex;gap:1rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{padding:.75rem 1.5rem;border:none;background:none;color:#6b7280;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#1a1a1a}.tab.active{color:#2563eb;border-bottom-color:#2563eb}.overview-content{display:flex;flex-direction:column;gap:2rem}.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.audit-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.audit-icon{font-size:2.5rem;opacity:.8}.audit-content{flex:1}.audit-value{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.audit-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.audit-subtext{font-size:.75rem;color:#9ca3af}.suspicious-ips{background:#fff;border:1px solid #fee2e2;border-radius:8px;padding:1.5rem}.suspicious-ips h3{margin:0 0 1rem;color:#991b1b}.ip-list{display:flex;flex-direction:column;gap:.75rem}.ip-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fef2f2;border-radius:6px}.ip-address{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;color:#1a1a1a}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;text-align:center}.blocked-ips-table-container,.logs-table-container,.sessions-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto}.blocked-ips-table,.logs-table,.sessions-table{width:100%;border-collapse:collapse}.blocked-ips-table thead,.logs-table thead,.sessions-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.blocked-ips-table th,.logs-table th,.sessions-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.blocked-ips-table td,.logs-table td,.sessions-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563}.blocked-ips-table tbody tr:hover,.logs-table tbody tr:hover,.sessions-table tbody tr:hover{background:#f9fafb}.ip-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;color:#1a1a1a}.date-cell{font-size:.85rem;color:#6b7280}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-help{margin:0 0 1rem;color:#6b7280}.session-device-cell{min-width:220px}.session-user-agent{display:block;margin-top:.25rem;color:#9ca3af;font-size:.75rem;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-current-label{color:#6b7280;font-size:.875rem}.action-badge,.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.action-badge.warning,.status-badge.warning{background:#fef3c7;color:#92400e}.action-badge.danger,.status-badge.danger{background:#fee2e2;color:#991b1b}.action-badge.success,.status-badge.success{background:#d1fae5;color:#065f46}.action-badge.info,.status-badge.info{background:#dbeafe;color:#1e40af}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.setting-card h3{margin:0 0 1rem;font-size:1.25rem;color:#1a1a1a}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.setting-item:last-child{border-bottom:none}.setting-label{font-weight:500;color:#4b5563}.setting-value{color:#1a1a1a;font-weight:500}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.btn-link:hover{background:#eff6ff;text-decoration:underline}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-danger:hover:not(:disabled){background:#dc2626}.form-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.security-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.tabs{overflow-x:auto;flex-wrap:nowrap}.audit-grid,.settings-grid{grid-template-columns:1fr}.blocked-ips-table-container,.logs-table-container,.sessions-table-container{overflow-x:auto}.blocked-ips-table,.logs-table,.sessions-table{min-width:600px}}.billing-page{padding:2rem}.page-header h1{font-size:2rem;font-weight:600;color:#1a1a1a}.billing-tabs{display:flex;gap:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.billing-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#6b7280;transition:all .2s}.billing-tabs button:hover{color:#1a1a1a}.billing-tabs button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.billing-content{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.invoices-list{display:grid;gap:1.5rem}.invoice-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.invoice-header h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a1a}.invoice-amount{font-size:1.5rem;color:#1a1a1a}.invoice-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;color:#6b7280;font-size:.9rem}.overage-details{margin-top:1rem;padding:1rem;background:#fef3c7;border-radius:6px;border-left:4px solid #f59e0b}.overage-details ul{margin:.5rem 0;padding-left:1.5rem}.overage-details li{margin:.25rem 0;color:#92400e}.overage-total{margin-top:.5rem;font-weight:600;color:#92400e}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.info{background:#dbeafe;color:#1e40af}.status-badge.error{background:#fee2e2;color:#991b1b}.payments-list{display:grid;gap:1rem}.payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.payment-header{display:flex;justify-content:space-between;align-items:center}.payment-header h3{margin:0 0 .5rem;font-size:1.5rem}.payment-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.provider-badge{padding:.25rem .75rem;background:#e5e7eb;border-radius:6px;font-size:.75rem;font-weight:600}.payment-date{color:#6b7280;font-size:.9rem}.payment-methods-list{display:grid;gap:1rem}.payment-method-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.method-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.method-icon{font-size:2rem}.method-info h3{margin:0 0 .25rem;font-size:1.1rem}.method-info p{margin:0;color:#6b7280;font-size:.9rem}.default-badge{margin-left:auto;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600}.method-actions{display:flex;gap:.5rem}.add-method-btn{margin-top:1rem;width:100%}.subscription-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;max-width:600px}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subscription-header h3{margin:0 0 .5rem;font-size:1.5rem}.subscription-amount{text-align:right}.subscription-amount strong{font-size:2rem;color:#1a1a1a}.subscription-amount span{color:#6b7280;font-size:1rem}.subscription-details{margin-bottom:1.5rem}.warning-banner{margin-top:1rem;padding:1rem;background:#fef3c7;border-radius:6px;color:#92400e;border-left:4px solid #f59e0b}.subscription-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.invoice-stats,.payment-stats{display:flex;gap:1.5rem}.stat-item{color:#6b7280;font-size:.9rem}.stat-item strong{color:#1a1a1a;font-weight:600}.stat-item strong.success{color:#10b981}.stat-item strong.warning{color:#f59e0b}.invoice-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#6b7280}.empty-icon{font-size:4rem;opacity:.5}.empty-state p{margin:0;font-size:1.1rem}.modal-content{padding:2rem;max-width:600px}.modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a}.payment-provider-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.payment-provider-selector button{flex:1;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.payment-provider-selector button:hover{border-color:#2563eb}.payment-provider-selector button.active{border-color:#2563eb;background:#eff6ff}.payment-form{margin-bottom:1.5rem}.info-text{color:#6b7280;font-size:.9rem;font-style:italic}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.plan-card{border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.plan-card:hover{border-color:#2563eb;box-shadow:0 4px 6px #0000001a}.plan-card h3{margin:0 0 1rem;font-size:1.25rem;color:#1a1a1a}.plan-price{margin-bottom:1rem}.plan-price strong{font-size:2rem;color:#1a1a1a}.plan-price span{color:#6b7280;font-size:1rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.plan-features li{padding:.5rem 0;color:#6b7280;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.plan-card .btn-primary{width:100%}.page-header p{color:#6b7280;font-size:1rem;margin-top:.5rem}.usage-page{padding:2rem}.period-info{color:#6b7280;font-size:.9rem}.usage-summary{margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.summary-card h3{margin:0 0 1rem;font-size:1rem;font-weight:500;opacity:.9}.summary-card .amount{font-size:3rem;font-weight:700;margin-bottom:.5rem}.summary-card .status{font-size:.9rem;opacity:.9}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.usage-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.usage-header h3{margin:0;font-size:1.1rem;color:#1a1a1a}.usage-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.usage-badge.normal{background:#d1fae5;color:#065f46}.usage-badge.overage{background:#fee2e2;color:#991b1b}.usage-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat{display:flex;justify-content:space-between;align-items:center}.stat .label{color:#6b7280;font-size:.9rem}.stat .value{font-weight:600;color:#1a1a1a}.overage-stat{padding-top:.5rem;border-top:1px solid #e5e7eb}.overage-stat .value{color:#ef4444}.overage-stat .charge{color:#991b1b;font-size:.85rem;margin-left:.5rem}.usage-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.usage-percentage{text-align:right;font-size:.85rem;color:#6b7280}.usage-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-top:2rem}.period-selector label{font-weight:500;color:#1a1a1a}.period-selector select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}.period-selector select:focus{outline:none;border-color:#2563eb}.usage-trends{margin-top:2rem}.usage-trends h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.usage-history{margin-top:2rem}.usage-history h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a}.history-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.history-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.history-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563}.history-table tbody tr:hover{background:#f9fafb}.period-cell{font-size:.85rem;color:#6b7280}.overage-indicator{color:#ef4444;font-weight:600;font-size:.85rem}.overage-amount{color:#ef4444;font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.billed{background:#d1fae5;color:#065f46}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.trends-grid{grid-template-columns:1fr}.history-table-container{overflow-x:auto}.history-table{min-width:800px}}.branding-page{padding:2rem}.page-header p{color:#6b7280;font-size:1rem}.branding-tabs{display:flex;gap:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.branding-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#6b7280;transition:all .2s}.branding-tabs button:hover{color:#1a1a1a}.branding-tabs button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.branding-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a1a}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.85rem}.logo-upload{display:flex;align-items:center;gap:1rem}.logo-preview{max-width:200px;max-height:100px;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem}.color-scheme{margin-top:2rem}.color-scheme h3{font-size:1.25rem;margin-bottom:1rem;color:#1a1a1a}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.color-input-group input[type=text]{flex:1}.domain-status{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;margin-bottom:1rem}.status-badge.verified{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.verification-info{margin-top:1rem;padding:1rem;background:#d1fae5;border-radius:6px;color:#065f46}.verification-info p{margin:.5rem 0}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#e5e7eb;color:#1a1a1a}.btn-secondary:hover{background:#d1d5db}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.logo-upload-section{display:flex;flex-direction:column;gap:1rem}.logo-preview-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.logo-preview{max-width:200px;max-height:100px;border-radius:6px;object-fit:contain}.file-upload{display:flex;flex-direction:column;gap:.5rem}.file-upload-label{display:inline-block;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s}.file-upload-label:hover{background:#1d4ed8}.favicon-preview{margin-top:.5rem}.favicon-img{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:4px}.color-scheme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.color-preview-box{padding:2rem;border-radius:8px;margin-bottom:1.5rem;min-height:200px;transition:all .3s}.preview-header{padding:1rem;border-radius:6px 6px 0 0;font-weight:600;margin-bottom:1rem}.preview-content{display:flex;flex-direction:column;gap:1rem}.preview-content button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.css-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.css-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.css-preview-notice{margin-top:.5rem;padding:.75rem;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.html-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.verification-steps{margin:1rem 0;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.verification-steps h4{margin:0 0 .75rem;font-size:1rem;color:#1a1a1a}.verification-steps ol{margin:.5rem 0;padding-left:1.5rem}.verification-steps li{margin:.5rem 0;color:#6b7280}.verification-steps code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#1a1a1a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.input-error{border-color:#ef4444!important}.btn-danger{background:#ef4444;color:#fff}.favicon-upload-section{display:flex;flex-direction:column;gap:1rem}.favicon-preview-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.favicon-img{width:32px;height:32px;border-radius:4px;object-fit:contain}.verification-error{margin-top:1rem;padding:1rem;background:#fee2e2;border-radius:6px;border:1px solid #fecaca;color:#991b1b}.verification-error p{margin:.5rem 0}.verification-error ul{margin:.5rem 0;padding-left:1.5rem}.verification-error li{margin:.25rem 0}.required-records{margin-top:1rem;padding:.75rem;background:#fff;border-radius:4px}.required-records ul{margin:.5rem 0;padding-left:1.5rem}.required-records li{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.analytics-page{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:.9rem}.period-selector{display:flex;align-items:center;gap:.5rem}.period-selector label{font-weight:500;color:#6b7280}.period-selector select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer}.system-analytics-section{margin-bottom:3rem}.system-analytics-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.system-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stat-card h3{margin:0 0 1rem;font-size:.9rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.stat-details{display:flex;gap:1rem;font-size:.85rem}.stat-success{color:#065f46}.stat-warning{color:#92400e}.resource-summary-section{margin-bottom:3rem}.resource-summary-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.resource-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.resource-card h3{margin:0 0 1rem;font-size:1rem;color:#1a1a1a}.resource-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat-row{display:flex;justify-content:space-between;font-size:.9rem}.stat-row span{color:#6b7280}.stat-row strong{color:#1a1a1a}.usage-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.usage-bar-fill{width:100%;height:100%;transform-origin:left center;transition:transform .3s ease,opacity .2s ease}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:3rem}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.chart-card h3{margin:0 0 1.5rem;font-size:1.1rem;color:#1a1a1a}.billing-summary-section{margin-bottom:3rem}.billing-summary-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.billing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a}.billing-card h3{margin:0 0 1rem;font-size:.9rem;font-weight:500;color:#6b7280;text-transform:uppercase}.billing-amount{font-size:1.75rem;font-weight:700;color:#1a1a1a}.billing-amount.success{color:#10b981}.billing-amount.warning{color:#f59e0b}.recent-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.recent-invoices,.recent-payments{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.recent-invoices h3,.recent-payments h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a}.recent-invoices ul,.recent-payments ul{list-style:none;padding:0;margin:0}.recent-invoices li,.recent-payments li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.recent-invoices li:last-child,.recent-payments li:last-child{border-bottom:none}.status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status.paid,.status.completed{background:#d1fae5;color:#065f46}.status.pending,.status.processing{background:#fef3c7;color:#92400e}.status.overdue,.status.failed{background:#fee2e2;color:#991b1b}.provider{font-size:.75rem;color:#6b7280;font-weight:600}.activity-section{margin-bottom:2rem}.activity-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.activity-card h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a}.activity-card ul{list-style:none;padding:0;margin:0}.activity-card li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.activity-card li:last-child{border-bottom:none}.activity-name{font-weight:500;color:#1a1a1a}.activity-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.activity-status.active{background:#d1fae5;color:#065f46}.activity-status.pending{background:#fef3c7;color:#92400e}.activity-date{font-size:.85rem;color:#6b7280}.empty{color:#6b7280;font-style:italic;text-align:center;padding:1rem}.loading,.empty-state{text-align:center;padding:3rem;color:#6b7280}.webmail-feature-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.page-description{color:#666;font-size:1rem}.webmail-status-card,.webmail-info-card{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.status-header h2{font-size:1.5rem;margin:0;color:#333}.status-indicator{font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:4px}.status-indicator.enabled{color:#10b981;background-color:#d1fae5}.status-indicator.disabled{color:#6b7280;background-color:#f3f4f6}.status-details{margin-bottom:2rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f3f4f6}.status-item:last-child{border-bottom:none}.status-item.error{border-color:#fee2e2;background-color:#fef2f2;padding:1rem;border-radius:4px}.status-label{font-weight:500;color:#6b7280}.status-value{font-weight:600}.status-value.running,.status-value.enabled{color:#10b981}.status-value.stopped,.status-value.disabled{color:#ef4444}.status-value.error{color:#dc2626}.status-link{color:#3b82f6;text-decoration:none;font-weight:600}.status-link:hover{text-decoration:underline}.status-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn:disabled{opacity:.6;cursor:not-allowed}.webmail-info-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.webmail-info-card ul{list-style:none;padding:0;margin:0}.webmail-info-card li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.webmail-info-card li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.two-factor-page{display:flex;flex-direction:column;gap:1rem}.two-factor-card{background:var(--card-bg, var(--bg-primary, #fff));border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1rem}.two-factor-card h2{margin:0 0 .75rem}.two-factor-list{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}.two-factor-current{margin:0 0 1rem}.two-factor-enabled{color:#047857;font-weight:600}.two-factor-disabled{color:#b45309;font-weight:600}.two-factor-feedback{border-radius:8px;padding:.65rem .8rem;margin-bottom:1rem;border:1px solid transparent}.two-factor-feedback.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.two-factor-feedback.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.two-factor-form{display:grid;gap:.5rem;max-width:520px}.two-factor-form label{font-weight:600}.two-factor-form input,.two-factor-card input,.two-factor-card select,.two-factor-card code{border:1px solid var(--border-color, #d1d5db);border-radius:8px;padding:.625rem .75rem;background:var(--content-bg-secondary, #fff);color:inherit}.two-factor-card code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.two-factor-help{margin:0;color:var(--text-muted, #6b7280);font-size:.9rem}.two-factor-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.two-factor-recovery{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb);display:grid;gap:.75rem;max-width:520px}.two-factor-recovery h3{margin:0}.two-factor-recovery-list{margin:0;padding-left:1.25rem;display:grid;gap:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.two-factor-acknowledgement{display:flex;gap:.5rem;align-items:flex-start}.profile-page{display:flex;flex-direction:column;gap:16px}.profile-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.profile-card h2{margin:0 0 10px}.profile-help{margin:0 0 10px;opacity:.85}.profile-current{margin:0 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.status-pill.ok{border-color:#24ffc040;background:#24ffc014}.status-pill.warn{border-color:#ffd16640;background:#ffd16614}.profile-feedback{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.profile-feedback.success{border-color:#24ffc040;background:#24ffc014}.profile-feedback.error{border-color:#ff6b6b40;background:#ff6b6b14}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.profile-field{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.profile-label{font-size:12px;opacity:.75}.profile-value{font-weight:600}.profile-form{display:grid;gap:10px;max-width:520px}.profile-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:inherit}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-page{padding:2rem;max-width:1400px;margin:0 auto}.admin-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-page .page-header h1{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--text-primary)}.admin-page .page-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.filters-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;font-size:.875rem;color:var(--text-secondary)}.filter-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.request-count,.log-count{margin-left:auto;font-weight:500;color:var(--text-secondary);font-size:.875rem}.table-container{background:var(--bg-primary);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:.75rem 1rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-secondary)}.btn-sm{padding:.375rem .75rem;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-sm.btn-success{background:#10b981;color:#fff}.btn-sm.btn-success:hover{background:#059669}.btn-sm.btn-danger{background:#ef4444;color:#fff}.btn-sm.btn-danger:hover{background:#dc2626}.btn-secondary{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-primary{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover{opacity:.9}.btn-danger{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-danger:hover{background:#dc2626}.spinner{width:2rem;height:2rem;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}:root{--gradient-angle-standard: 135deg;--surface-noise-pattern: radial-gradient(rgba(255, 255, 255, .03) .5px, transparent .5px);--surface-noise-size: 3px 3px;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--accent: #8b5cf6;--accent-dark: #7c3aed;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--sidebar-bg: #0f172a;--sidebar-bg-hover: #1e293b;--sidebar-text: #e2e8f0;--sidebar-text-muted: #94a3b8;--sidebar-border: #1e293b;--sidebar-active: #3b82f6;--content-bg: #f8fafc;--content-bg-secondary: #f1f5f9;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-color-dark: #cbd5e1;--elevation-1: 0 10px 28px rgba(15, 23, 42, .14);--shadow-sm: var(--elevation-1);--shadow: var(--elevation-1);--shadow-md: var(--elevation-1);--shadow-lg: var(--elevation-1);--shadow-xl: var(--elevation-1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-1: 10px;--radius-2: 14px;--radius-3: 18px;--radius-sm: var(--radius-1);--radius: var(--radius-1);--radius-md: var(--radius-2);--radius-lg: var(--radius-2);--radius-xl: var(--radius-3);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--type-h1-size: var(--text-3xl);--type-h1-weight: 700;--type-h1-line: 1.2;--type-h2-size: var(--text-2xl);--type-h2-weight: 700;--type-h2-line: 1.25;--type-h3-size: var(--text-xl);--type-h3-weight: 600;--type-h3-line: 1.3;--type-body-size: var(--text-base);--type-body-weight: 400;--type-body-line: 1.6;--type-small-size: var(--text-sm);--type-small-weight: 400;--type-small-line: 1.45;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--primary);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--content-bg);color:var(--text-primary);line-height:1.6}code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;background-color:var(--content-bg-secondary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}::-webkit-scrollbar-track{background:var(--content-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--primary-light);color:#fff}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}*{box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--secondary: #10b981;--secondary-dark: #059669;--accent: #f59e0b;--danger: #ef4444;--danger-dark: #dc2626;--warning: #f59e0b;--success: #10b981;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--radius-1: 10px;--radius-2: 14px;--radius-3: 18px;--border-radius: var(--radius-1);--border-radius-sm: var(--radius-1);--border-radius-lg: var(--radius-2);--elevation-1: 0 10px 28px rgba(15, 23, 42, .14);--shadow-sm: var(--elevation-1);--shadow: var(--elevation-1);--shadow-md: var(--elevation-1);--shadow-lg: var(--elevation-1);--shadow-xl: var(--elevation-1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary)}h1,.type-h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line)}h2,.type-h2{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line)}h3,.type-h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line)}h4,h5,h6{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}p{margin:0;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--text-secondary)}small,.type-small{font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-1);font-weight:500;font-size:1rem;cursor:pointer;transition:transform var(--transition-base),opacity var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--elevation-1)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-200);color:var(--text-primary);box-shadow:var(--elevation-1)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--elevation-1)}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-small{padding:.5rem 1rem;font-size:.9rem}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2);padding:var(--spacing-lg);box-shadow:var(--elevation-1);transition:box-shadow var(--transition-base)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],textarea,select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem;font-family:inherit;transition:transform var(--transition-base),opacity var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input:disabled,textarea:disabled,select:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:.9rem}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:20px;height:20px;border-width:2px}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease-out}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{.no-print{display:none!important}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-1);font-weight:var(--type-body-weight);font-size:var(--type-body-size);cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--elevation-1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--elevation-1)}.btn-secondary{background:var(--content-bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--type-small-size)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--type-body-size)}.card{background:var(--card-bg);border-radius:var(--radius-2);box-shadow:var(--elevation-1);border:1px solid var(--border-color);padding:var(--spacing-xl);transition:var(--transition)}.card:hover{box-shadow:var(--elevation-1)}.section{border-radius:var(--radius-3);box-shadow:var(--elevation-1)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:var(--type-small-size);font-weight:var(--type-small-weight);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#3b82f61a;color:var(--primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-info{background:#06b6d41a;color:var(--info)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:var(--type-small-size);font-weight:var(--type-small-weight);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-badge.success{background:#10b9811a;color:var(--success)}.status-badge.warning{background:#f59e0b1a;color:var(--warning)}.status-badge.danger{background:#ef44441a;color:var(--danger)}.status-badge.info{background:#06b6d41a;color:var(--info)}.table--compact th,.table--compact td{padding:.5rem .75rem;font-size:var(--text-sm);text-align:left;vertical-align:middle;line-height:1.35}.table--dense th,.table--dense td{padding:.35rem .6rem;font-size:max(var(--text-xs),.8125rem);text-align:left;vertical-align:middle;line-height:1.3}.table--compact tbody tr{min-height:3rem}.table--dense tbody tr{min-height:2.6rem}.input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);font-size:var(--type-body-size);transition:var(--transition);background:var(--card-bg);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-muted)}.input--invalid,.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.alert{padding:var(--spacing-md);border-radius:var(--radius);border:1px solid;margin-bottom:var(--spacing-md)}.alert-success{background:#10b9811a;color:var(--success);border-color:#10b98133}.alert-error{background:#ef44441a;color:var(--danger);border-color:#ef444433}.alert-warning{background:#f59e0b1a;color:var(--warning);border-color:#f59e0b33}.alert-info{background:#06b6d41a;color:var(--info);border-color:#06b6d433}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-muted);margin-bottom:var(--spacing-lg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.scroll-reveal{--scroll-reveal-distance: 8px;opacity:0;transform:translate3d(0,var(--scroll-reveal-distance),0);transition:opacity .22s ease-out,transform .26s ease-out;will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateZ(0)}.scroll-reveal--soft{--scroll-reveal-distance: 6px}.scroll-reveal--medium{--scroll-reveal-distance: 10px}.scroll-reveal--strong{--scroll-reveal-distance: 12px}@media (prefers-reduced-motion: reduce){.scroll-reveal{opacity:1;transform:none;transition:none;will-change:auto}}html,body{width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%}img,svg,video,canvas,iframe{max-width:100%;height:auto}pre,code,table{max-width:100%}pre{overflow-x:auto;-webkit-overflow-scrolling:touch}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea,button{max-width:100%}@media (max-width: 1024px){body{min-height:100dvh}}@media (max-width: 768px){body{font-size:15px}}@media (max-width: 480px){html,body{font-size:14px}}.hide-mobile{display:block}@media (max-width: 767px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 767px){.show-mobile{display:block!important}}.hide-tablet-mobile{display:block}@media (max-width: 1023px){.hide-tablet-mobile{display:none!important}}.show-tablet-mobile{display:none}@media (max-width: 1023px){.show-tablet-mobile{display:block!important}}.text-responsive{font-size:clamp(.875rem,.75rem + .5vw,1rem)}.text-responsive-lg{font-size:clamp(1rem,.875rem + .625vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,1rem + 1.25vw,1.875rem)}.text-responsive-2xl{font-size:clamp(1.5rem,1.25rem + 1.25vw,2.25rem)}.spacing-responsive{padding:clamp(.5rem,.375rem + .625vw,1rem)}.spacing-responsive-lg{padding:clamp(1rem,.75rem + 1.25vw,2rem)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(.75rem,.5rem + 1.25vw,1.5rem)}@media (max-width: 767px){.grid-responsive{grid-template-columns:1fr}}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(.5rem,.375rem + .625vw,1rem)}@media (max-width: 767px){.flex-responsive{flex-direction:column}}.full-width-mobile{width:100%}@media (min-width: 768px){.full-width-mobile{width:auto}}.container-responsive{width:100%;max-width:100%;padding:clamp(.75rem,.5rem + 1.25vw,1.5rem);margin:0 auto;box-sizing:border-box}@media (min-width: 1920px){.container-responsive{max-width:1800px}}.table-wrapper-responsive{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.table-wrapper-responsive{overflow-x:scroll}}.button-group-responsive{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 767px){.button-group-responsive{flex-direction:column;width:100%}.button-group-responsive button{width:100%}}.card-responsive{padding:clamp(1rem,.75rem + 1.25vw,1.5rem);border-radius:clamp(.375rem,.25rem + .625vw,.5rem)}.header-responsive{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 767px){.header-responsive{flex-direction:column;align-items:stretch}}@media (hover: none) and (pointer: coarse){button:not(.btn-icon),a[role=button],.btn{min-height:44px;min-width:44px}.button-group-responsive button{min-height:44px}}@media (max-width: 767px){input[type=text],input[type=password],input[type=email],input[type=search]{font-size:16px!important}}html.panel-dark-theme,body.panel-dark-theme{color-scheme:dark!important}body.panel-dark-theme{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif!important}html.panel-dark-theme{color-scheme:dark}html.panel-dark-theme,html.panel-dark-theme body{--gradient-angle-standard: 135deg;--surface-noise-pattern: radial-gradient(rgba(255, 255, 255, .02) .5px, transparent .5px);--surface-noise-size: 3px 3px;--primary: #00d4ff;--primary-dark: #0099cc;--primary-light: #33ddff;--primary-dim: rgba(0, 212, 255, .15);--accent: #e040fb;--accent-dark: #c026d3;--accent-dim: rgba(224, 64, 251, .2);--gold: #ffd700;--gold-dim: rgba(255, 215, 0, .2);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #38bdf8;--sidebar-bg: #050810;--sidebar-bg-hover: #0a0e17;--sidebar-text: #e2e8f0;--sidebar-text-muted: #94a3b8;--sidebar-border: rgba(0, 212, 255, .15);--sidebar-active: #00d4ff;--content-bg: transparent;--content-bg-secondary: rgba(15, 22, 41, .6);--card-bg: linear-gradient(160deg, rgba(15, 22, 41, .9) 0%, rgba(10, 14, 23, .95) 100%);--topband-gradient: linear-gradient( 135deg, rgba(0, 212, 255, .32) 0%, rgba(224, 64, 251, .28) 52%, rgba(255, 215, 0, .2) 100% );--topband-scrim: linear-gradient( 180deg, rgba(5, 8, 16, .18) 0%, rgba(5, 8, 16, .62) 58%, rgba(5, 8, 16, .78) 100% );--topband-border: rgba(0, 212, 255, .22);--topband-shadow: 0 10px 32px rgba(0, 0, 0, .32);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(0, 212, 255, .2);--border-color-dark: rgba(0, 212, 255, .1);--elevation-1: 0 10px 28px rgba(0, 0, 0, .45);--shadow-sm: var(--elevation-1);--shadow: var(--elevation-1);--shadow-md: var(--elevation-1);--shadow-lg: var(--elevation-1);--shadow-xl: var(--elevation-1);--radius-1: 10px;--radius-2: 14px;--radius-3: 18px;--radius-10: 10px;--radius-14: 14px;--radius-18: 18px;--elevation-surface: 0 14px 36px rgba(0, 0, 0, .34);--type-h1-weight: 700;--type-h2-weight: 700;--type-h3-weight: 700}html.panel-dark-theme body,body.panel-dark-theme{position:relative;min-height:100vh!important;background:#050810!important;background-color:#050810!important;background-image:none!important;color:var(--text-primary);font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif!important}html.panel-dark-theme #root,body.panel-dark-theme #root,html.panel-dark-theme #root>*,body.panel-dark-theme #root>*,html.panel-dark-theme .layout,body.panel-dark-theme .layout{background:transparent!important;background-color:transparent!important;background-image:none!important;position:relative;z-index:1}html.panel-dark-theme body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(224,64,251,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}html.panel-dark-theme body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--surface-noise-pattern),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:var(--surface-noise-size),60px 60px,60px 60px;pointer-events:none;z-index:0}html.panel-dark-theme .layout{position:relative;z-index:1}html.panel-dark-theme .main-content,body.panel-dark-theme .main-content{position:relative;background:transparent!important;background-color:transparent!important;background-image:none!important}html.panel-dark-theme .main-content:before{content:"";position:fixed;bottom:20%;right:15%;width:300px;height:300px;background:#e040fb1f;border-radius:50%;filter:blur(60px);animation:panelOrbFloat 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes panelOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.05)}66%{transform:translate(20px,-20px) scale(.95)}}html.panel-dark-theme .layout .main-content{z-index:1}html.panel-dark-theme .layout .main-content>*{position:relative;z-index:1}html.panel-dark-theme .sidebar,body.panel-dark-theme .sidebar{background:#0f1629f2!important;background-color:#0f1629f2!important;border-right:1px solid rgba(0,212,255,.15);box-shadow:4px 0 24px #0006;transition:transform var(--transition-slow),box-shadow .4s ease}html.panel-dark-theme .sidebar:hover{box-shadow:4px 0 32px #00d4ff0f}html.panel-dark-theme .sidebar-header{background:#0003;border-bottom-color:#00d4ff1a}html.panel-dark-theme .sidebar-header h2{background:linear-gradient(135deg,#00d4ff,#e040fb,gold);background-size:200% auto;animation:panelShimmer 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Orbitron,sans-serif;font-weight:700}@keyframes panelShimmer{0%,to{background-position:0% center}50%{background-position:100% center}}html.panel-dark-theme .sidebar-header button{background:var(--primary-dim);border-color:#00d4ff40;color:var(--primary)}html.panel-dark-theme .sidebar-header button:hover{background:#00d4ff33;border-color:var(--primary);box-shadow:0 0 20px #00d4ff33}html.panel-dark-theme .sidebar-nav a:hover{background:#00d4ff1a;color:var(--sidebar-text)}html.panel-dark-theme .sidebar-nav a:before{background:var(--primary)}html.panel-dark-theme .sidebar-nav a.active,html.panel-dark-theme .sidebar-nav a:global(.active){background:#00d4ff26;color:var(--primary)}html.panel-dark-theme .sidebar-nav a.active:before,html.panel-dark-theme .sidebar-nav a:global(.active):before{height:100%;box-shadow:0 0 8px var(--primary)}html.panel-dark-theme .sidebar-footer{background:#0003;border-top-color:#00d4ff1a}html.panel-dark-theme .sidebar-footer button{background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 0 20px #00d4ff40}html.panel-dark-theme .sidebar-footer button:hover{box-shadow:0 0 30px #00d4ff66}html.panel-dark-theme .card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2);border:1px solid rgba(0,212,255,.15);border-radius:var(--radius-2);box-shadow:var(--elevation-1);transition:all .4s ease}html.panel-dark-theme .card:hover{transform:translateY(-4px);border-color:#00d4ff66;box-shadow:var(--elevation-1)}html.panel-dark-theme .card-header,html.panel-dark-theme .card-title{border-bottom-color:#00d4ff26;color:var(--text-primary)}html.panel-dark-theme .btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#050810;border-radius:var(--radius-1);box-shadow:var(--elevation-1);transition:all .35s ease;font-family:Orbitron,Rajdhani,sans-serif;font-weight:600}html.panel-dark-theme .btn-primary:hover{transform:translateY(-3px);box-shadow:var(--elevation-1)}html.panel-dark-theme .btn-secondary{background:transparent;color:var(--primary);border:2px solid rgba(0,212,255,.5)}html.panel-dark-theme .btn-secondary:hover{background:#00d4ff1a;border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--elevation-surface)}html.panel-dark-theme .btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;box-shadow:var(--elevation-surface)}html.panel-dark-theme input[type=text],html.panel-dark-theme input[type=email],html.panel-dark-theme input[type=password],html.panel-dark-theme input[type=tel],html.panel-dark-theme input[type=url],html.panel-dark-theme input[type=number],html.panel-dark-theme textarea,html.panel-dark-theme select{background:#0f1629cc;border:1px solid rgba(0,212,255,.2);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease}html.panel-dark-theme input:focus,html.panel-dark-theme textarea:focus,html.panel-dark-theme select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff33}html.panel-dark-theme table,html.panel-dark-theme .table-like{background:#0f162999;border-color:#00d4ff26}html.panel-dark-theme th{background:#00d4ff1f;color:var(--text-primary);border-color:#00d4ff26}html.panel-dark-theme td{border-color:#00d4ff1a;color:var(--text-secondary)}html.panel-dark-theme .main-content>*{animation:panelFadeInUp .5s ease-out}@keyframes panelFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}html.panel-dark-theme ::-webkit-scrollbar-track{background:#05081080}html.panel-dark-theme ::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:4px}html.panel-dark-theme ::-webkit-scrollbar-thumb:hover{background:#00d4ff59}html.panel-dark-theme ::selection{background-color:#00d4ff59;color:#050810}html.panel-dark-theme h1,html.panel-dark-theme h2,html.panel-dark-theme h3{color:var(--text-primary);font-family:Orbitron,Rajdhani,sans-serif;font-weight:inherit}html.panel-dark-theme a{color:var(--primary)}html.panel-dark-theme a:hover{color:var(--primary-light);text-shadow:0 0 20px rgba(0,212,255,.3)}html.panel-dark-theme .login-page,html.panel-dark-theme [class*=login],html.panel-dark-theme [class*=Login]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}html.panel-dark-theme .login-container{background:transparent!important;padding:1.5rem;min-height:100vh;align-items:center;justify-content:center}html.panel-dark-theme .auth-login-page .login-card{margin:auto}html.panel-dark-theme .login-container:before{background:radial-gradient(circle,rgba(0,212,255,.12) 0%,transparent 70%)}html.panel-dark-theme .login-card{background:linear-gradient(160deg,#0f1629fa,#0a0e17fc);border:1px solid rgba(0,212,255,.25);box-shadow:var(--elevation-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:320px;max-width:420px}html.panel-dark-theme .login-header h1{background:linear-gradient(135deg,#00d4ff,#e040fb,gold);background-size:200% auto;animation:panelShimmer 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Orbitron,sans-serif;font-size:2rem;margin-bottom:.25rem}html.panel-dark-theme .login-header p,html.panel-dark-theme .login-subtitle{color:var(--text-secondary);font-size:.9375rem}html.panel-dark-theme .login-form .form-group input,html.panel-dark-theme .login-form input.input{background:#050810cc!important;border:1px solid rgba(0,212,255,.25);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-1)}html.panel-dark-theme .login-form .form-group input:focus,html.panel-dark-theme .login-form input.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff33}html.panel-dark-theme .login-form .form-group input::placeholder{color:var(--text-muted)}html.panel-dark-theme .login-form .form-group label{color:var(--text-primary);font-weight:600}html.panel-dark-theme .form-group label,body.panel-dark-theme .form-group label{color:var(--text-primary)}html.panel-dark-theme .login-button{background:linear-gradient(135deg,#00d4ff,#09c)!important;color:#050810!important;border:none;font-weight:600;font-size:1rem;font-family:Orbitron,Rajdhani,sans-serif;box-shadow:var(--elevation-surface);min-height:48px;padding:14px 24px;border-radius:var(--radius-1);transition:all .35s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}html.panel-dark-theme .login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--elevation-surface)}html.panel-dark-theme .login-button:disabled{opacity:.8;cursor:not-allowed}html.panel-dark-theme .login-button .spinner{border-color:#0508104d;border-top-color:#050810}html.panel-dark-theme .login-form .alert-error{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35);border-radius:.5rem}html.panel-dark-theme .login-footer-link a{color:var(--primary)}html.panel-dark-theme .login-footer-link a:hover{color:var(--primary-light)}html.panel-dark-theme .login-form-footer{color:var(--text-secondary)}html.panel-dark-theme .login-form-footer a{color:var(--primary)}html.panel-dark-theme .login-form-footer a:hover{color:var(--primary-light)}html.panel-dark-theme .success-message h3{color:var(--text-primary)}html.panel-dark-theme .success-message p{color:var(--text-secondary)}html.panel-dark-theme .success-icon{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#050810}html.panel-dark-theme .login-container.signup-page .login-card{max-width:440px}html.panel-dark-theme .dashboard,body.panel-dark-theme .dashboard{color:var(--text-primary)}html.panel-dark-theme .dashboard-header h1,body.panel-dark-theme .dashboard-header h1{color:var(--text-primary)!important;font-family:Orbitron,Rajdhani,sans-serif}html.panel-dark-theme .dashboard-header p,body.panel-dark-theme .dashboard-header p{color:var(--text-secondary)!important}html.panel-dark-theme .page-header,html.panel-dark-theme .dashboard-header,body.panel-dark-theme .page-header,body.panel-dark-theme .dashboard-header{position:relative;isolation:isolate;overflow:hidden;padding:1.25rem 1.5rem;border-radius:.875rem;border:1px solid var(--topband-border);box-shadow:var(--topband-shadow)}html.panel-dark-theme .page-header:before,html.panel-dark-theme .dashboard-header:before,body.panel-dark-theme .page-header:before,body.panel-dark-theme .dashboard-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--topband-gradient),var(--surface-noise-pattern);background-size:auto,var(--surface-noise-size);background-position:center,0 0}html.panel-dark-theme .page-header:after,html.panel-dark-theme .dashboard-header:after,body.panel-dark-theme .page-header:after,body.panel-dark-theme .dashboard-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--topband-scrim)}html.panel-dark-theme .page-header>*,html.panel-dark-theme .dashboard-header>*,body.panel-dark-theme .page-header>*,body.panel-dark-theme .dashboard-header>*{position:relative;z-index:0}html.panel-dark-theme .connection-status,body.panel-dark-theme .connection-status{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.2)!important;color:var(--text-primary)!important}html.panel-dark-theme .stat-card,body.panel-dark-theme .stat-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;color:var(--text-primary)!important;box-shadow:0 8px 32px #0000004d}html.panel-dark-theme .stat-card:hover,body.panel-dark-theme .stat-card:hover{border-color:#00d4ff66;box-shadow:0 20px 50px #0006,0 0 40px #00d4ff14}html.panel-dark-theme .stat-card .stat-value,body.panel-dark-theme .stat-card .stat-value,html.panel-dark-theme .stat-label,body.panel-dark-theme .stat-label{color:var(--text-primary)!important}html.panel-dark-theme .stat-card .stat-label,body.panel-dark-theme .stat-card .stat-label{color:var(--text-secondary)!important}html.panel-dark-theme .stat-card.highlight,body.panel-dark-theme .stat-card.highlight{background:linear-gradient(135deg,#00d4ff,#09c,#e040fbe6)!important;border:1px solid rgba(0,212,255,.35)!important;box-shadow:0 8px 32px #0000004d,0 0 30px #00d4ff26!important}html.panel-dark-theme .stat-card.highlight:hover,body.panel-dark-theme .stat-card.highlight:hover{border-color:#00d4ff99!important;box-shadow:0 20px 50px #0006,0 0 50px #00d4ff40!important}html.panel-dark-theme .stat-card.highlight .stat-content h3,body.panel-dark-theme .stat-card.highlight .stat-content h3,html.panel-dark-theme .stat-card.highlight .stat-value,body.panel-dark-theme .stat-card.highlight .stat-value{color:#050810!important}html.panel-dark-theme .server-card,body.panel-dark-theme .server-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .server-card:hover,body.panel-dark-theme .server-card:hover{border-color:#00d4ff4d!important;box-shadow:0 12px 40px #00000059,0 0 30px #00d4ff0f!important}html.panel-dark-theme .server-card-header h3,body.panel-dark-theme .server-card-header h3,html.panel-dark-theme .server-value,body.panel-dark-theme .server-value{color:var(--text-primary)!important}html.panel-dark-theme .progress-bar,body.panel-dark-theme .progress-bar{background:#00d4ff1a!important}html.panel-dark-theme .progress-info,body.panel-dark-theme .progress-info{color:var(--text-secondary)!important}html.panel-dark-theme .chart-card,body.panel-dark-theme .chart-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .chart-card:hover,body.panel-dark-theme .chart-card:hover{border-color:#00d4ff4d!important;box-shadow:0 12px 40px #00000059,0 0 30px #00d4ff0f!important}html.panel-dark-theme .chart-card h3,body.panel-dark-theme .chart-card h3{color:var(--text-primary)!important}html.panel-dark-theme .action-card,body.panel-dark-theme .action-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;color:var(--text-primary)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .action-card:hover,body.panel-dark-theme .action-card:hover{border-color:#00d4ff80!important;box-shadow:0 12px 40px #00000059,0 0 40px #00d4ff1f!important;color:var(--primary-light)!important}html.panel-dark-theme .action-text,body.panel-dark-theme .action-text{color:var(--text-primary)!important}html.panel-dark-theme .action-card:hover .action-text,body.panel-dark-theme .action-card:hover .action-text{color:var(--primary-light)!important}html.panel-dark-theme .server-status-section h2,html.panel-dark-theme .chart-section h2,html.panel-dark-theme .quick-actions h2,body.panel-dark-theme .server-status-section h2,body.panel-dark-theme .chart-section h2,body.panel-dark-theme .quick-actions h2{color:var(--text-primary)!important}html.panel-dark-theme .status-indicator.connected,body.panel-dark-theme .status-indicator.connected{background:#34d399!important}html.panel-dark-theme .status-indicator.disconnected,body.panel-dark-theme .status-indicator.disconnected{background:#f87171!important}html.panel-dark-theme .badge-success,body.panel-dark-theme .badge-success{background:#34d39933!important;color:#34d399!important}html.panel-dark-theme .badge-warning,body.panel-dark-theme .badge-warning{background:#fbbf2433!important;color:#fbbf24!important}html.panel-dark-theme .badge-error,body.panel-dark-theme .badge-error{background:#f8717133!important;color:#f87171!important}html.panel-dark-theme .badge-info,body.panel-dark-theme .badge-info,html.panel-dark-theme .badge-primary,body.panel-dark-theme .badge-primary{background:#00d4ff33!important;color:#00d4ff!important}html.panel-dark-theme .badge-danger,body.panel-dark-theme .badge-danger{background:#f8717133!important;color:#f87171!important}html.panel-dark-theme .empty-state,body.panel-dark-theme .empty-state{color:var(--text-secondary)!important}html.panel-dark-theme .empty-state-title,body.panel-dark-theme .empty-state-title{color:var(--text-primary)!important}html.panel-dark-theme .empty-state-description,body.panel-dark-theme .empty-state-description{color:var(--text-secondary)!important}html.panel-dark-theme .page-header h1,html.panel-dark-theme .page-header h2,body.panel-dark-theme .page-header h1,body.panel-dark-theme .page-header h2{color:var(--text-primary)!important}html.panel-dark-theme .page-header p,body.panel-dark-theme .page-header p{color:var(--text-secondary)!important}body.panel-dark-theme [style*="background: white"],body.panel-dark-theme [style*="background-color: white"],body.panel-dark-theme [style*="background: #fff"],body.panel-dark-theme [style*="background-color: #fff"],body.panel-dark-theme [style*="background: #ffffff"],body.panel-dark-theme [style*="background-color: #ffffff"]{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;background-color:#0f1629e6!important}html.panel-dark-theme thead th,body.panel-dark-theme thead th{background:#00d4ff33!important;color:var(--text-primary)!important;border-color:#00d4ff33!important}html.panel-dark-theme tbody tr:hover,body.panel-dark-theme tbody tr:hover{background:#ffffff0f!important}html.panel-dark-theme [class*=modal],body.panel-dark-theme [class*=modal],html.panel-dark-theme [role=dialog],body.panel-dark-theme [role=dialog]{background:#0f1629!important;background-color:#0f1629!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-primary)!important}html.panel-dark-theme .spinner,body.panel-dark-theme .spinner{border-color:#00d4ff33;border-top-color:#00d4ff}html.panel-dark-theme :focus-visible,body.panel-dark-theme :focus-visible{outline-color:#00d4ff}html.panel-dark-theme .webmail-status-card,body.panel-dark-theme .webmail-status-card,html.panel-dark-theme .webmail-info-card,body.panel-dark-theme .webmail-info-card{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important;color:var(--text-primary)!important}html.panel-dark-theme .webmail-status-card .status-header,body.panel-dark-theme .webmail-status-card .status-header{border-bottom-color:#00d4ff26}html.panel-dark-theme .webmail-info-card h3,body.panel-dark-theme .webmail-info-card h3{color:var(--text-primary)!important}html.panel-dark-theme .webmail-info-card li,body.panel-dark-theme .webmail-info-card li{color:var(--text-secondary)!important}html.panel-dark-theme .filter-section,body.panel-dark-theme .filter-section{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .filter-section label,body.panel-dark-theme .filter-section label{color:var(--text-primary)!important}html.panel-dark-theme .dns-page .domain-selector,body.panel-dark-theme .dns-page .domain-selector,html.panel-dark-theme .dns-page .filter-bar,body.panel-dark-theme .dns-page .filter-bar,html.panel-dark-theme .dns-page .records-table-container,body.panel-dark-theme .dns-page .records-table-container{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .dns-page .domain-selector label,body.panel-dark-theme .dns-page .domain-selector label,html.panel-dark-theme .dns-page .filter-group label,body.panel-dark-theme .dns-page .filter-group label{color:var(--text-primary)!important}html.panel-dark-theme .site-selector,body.panel-dark-theme .site-selector{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}html.panel-dark-theme .site-selector label,body.panel-dark-theme .site-selector label{color:var(--text-primary)!important}html.panel-dark-theme .metric-card,body.panel-dark-theme .metric-card,html.panel-dark-theme .chart-container,body.panel-dark-theme .chart-container,html.panel-dark-theme .site-metrics,body.panel-dark-theme .site-metrics{background:linear-gradient(160deg,#0f1629e6,#0a0e17f2)!important;border:1px solid rgba(0,212,255,.15)!important;box-shadow:0 8px 32px #0000004d!important;color:var(--text-primary)!important}html.panel-dark-theme .metric-card:hover,body.panel-dark-theme .metric-card:hover{border-color:#00d4ff66!important;box-shadow:0 20px 50px #0006,0 0 40px #00d4ff14!important}html.panel-dark-theme .metric-header h3,body.panel-dark-theme .metric-header h3,html.panel-dark-theme .metric-value,body.panel-dark-theme .metric-value,html.panel-dark-theme .chart-container h2,body.panel-dark-theme .chart-container h2,html.panel-dark-theme .site-metrics h2,body.panel-dark-theme .site-metrics h2{color:var(--text-primary)!important}html.panel-dark-theme .metric-info,body.panel-dark-theme .metric-info,html.panel-dark-theme .site-info,body.panel-dark-theme .site-info{color:var(--text-secondary)!important}html.panel-dark-theme .site-info,body.panel-dark-theme .site-info{background:#00d4ff0d!important}html.panel-dark-theme .btn-primary,html.panel-dark-theme .btn-secondary,html.panel-dark-theme .btn-danger,html.panel-dark-theme .login-button,body.panel-dark-theme .btn-primary,body.panel-dark-theme .btn-secondary,body.panel-dark-theme .btn-danger,body.panel-dark-theme .login-button{border-radius:var(--radius-10)!important;box-shadow:var(--elevation-surface)!important}html.panel-dark-theme .btn-primary:hover,html.panel-dark-theme .btn-secondary:hover,html.panel-dark-theme .btn-danger:hover,html.panel-dark-theme .login-button:hover:not(:disabled),body.panel-dark-theme .btn-primary:hover,body.panel-dark-theme .btn-secondary:hover,body.panel-dark-theme .btn-danger:hover,body.panel-dark-theme .login-button:hover:not(:disabled){box-shadow:var(--elevation-surface)!important}html.panel-dark-theme .card,html.panel-dark-theme .login-card,html.panel-dark-theme .stat-card,html.panel-dark-theme .server-card,html.panel-dark-theme .chart-card,html.panel-dark-theme .action-card,html.panel-dark-theme .metric-card,html.panel-dark-theme .webmail-status-card,html.panel-dark-theme .webmail-info-card,body.panel-dark-theme .card,body.panel-dark-theme .login-card,body.panel-dark-theme .stat-card,body.panel-dark-theme .server-card,body.panel-dark-theme .chart-card,body.panel-dark-theme .action-card,body.panel-dark-theme .metric-card,body.panel-dark-theme .webmail-status-card,body.panel-dark-theme .webmail-info-card{border-radius:var(--radius-14)!important;box-shadow:var(--elevation-surface)!important}html.panel-dark-theme .connection-status,html.panel-dark-theme .filter-section,html.panel-dark-theme .site-selector,html.panel-dark-theme .site-metrics,html.panel-dark-theme .chart-container,html.panel-dark-theme .dns-page .domain-selector,html.panel-dark-theme .dns-page .filter-bar,html.panel-dark-theme .dns-page .records-table-container,body.panel-dark-theme .connection-status,body.panel-dark-theme .filter-section,body.panel-dark-theme .site-selector,body.panel-dark-theme .site-metrics,body.panel-dark-theme .chart-container,body.panel-dark-theme .dns-page .domain-selector,body.panel-dark-theme .dns-page .filter-bar,body.panel-dark-theme .dns-page .records-table-container{border-radius:var(--radius-18)!important;box-shadow:var(--elevation-surface)!important}html.panel-dark-theme .card:hover,html.panel-dark-theme .stat-card:hover,html.panel-dark-theme .server-card:hover,html.panel-dark-theme .chart-card:hover,html.panel-dark-theme .action-card:hover,html.panel-dark-theme .metric-card:hover,body.panel-dark-theme .card:hover,body.panel-dark-theme .stat-card:hover,body.panel-dark-theme .server-card:hover,body.panel-dark-theme .chart-card:hover,body.panel-dark-theme .action-card:hover,body.panel-dark-theme .metric-card:hover{box-shadow:var(--elevation-surface)!important}