:root{--bg-void: #09090b;--bg-surface: #18181b;--bg-panel: #27272a;--bg-elevated: #2d2d32;--text-high: #f4f4f5;--text-med: #a1a1aa;--text-low: #71717a;--primary: #8b5cf6;--primary-glow: #a78bfa;--primary-muted: rgba(139, 92, 246, .15);--border: #27272a;--border-light: #3f3f46;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-void);color:var(--text-high);line-height:1.5;-webkit-font-smoothing:antialiased}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.admin-main{margin-left:240px;flex:1;padding:2rem;min-height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--border);font-size:1.25rem}.sidebar-brand strong{font-size:1rem;display:block;line-height:1.2}.sidebar-brand small{font-size:.6875rem;color:var(--text-low);display:block}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-med);font-size:.9375rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s}.nav-item:hover{background:#ffffff08;color:var(--text-high)}.nav-item.active{background:var(--primary-muted);color:var(--primary-glow)}.nav-icon{font-size:1rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8125rem}.user-name{font-size:.8125rem;font-weight:600}.user-role{font-size:.6875rem;color:var(--text-low)}.page{max-width:1100px}.page h1{font-size:1.5rem;margin-bottom:1.5rem}.page h2{font-size:1.125rem;margin-bottom:1rem}.page-loading{color:var(--text-low);padding:3rem;text-align:center}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center}.stat-value{font-size:1.75rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-low);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.distribution{display:flex;flex-direction:column;gap:.75rem}.distribution-row{display:flex;align-items:center;gap:.75rem}.distribution-label{width:70px;font-size:.8125rem;text-transform:capitalize;color:var(--text-med)}.distribution-bar-bg{flex:1;height:24px;background:var(--bg-panel);border-radius:4px;overflow:hidden}.distribution-bar{height:100%;border-radius:4px;transition:width .3s}.distribution-count{width:100px;text-align:right;font-size:.8125rem;color:var(--text-low)}.bar-chart{display:flex;align-items:flex-end;gap:2px;height:120px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;background:var(--primary);border-radius:2px 2px 0 0;min-height:2px}.bar-label{font-size:.625rem;color:var(--text-low);margin-top:.25rem}.filters{display:flex;gap:.75rem;margin-bottom:1rem}.input{flex:1;padding:.625rem .75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-high);font-size:.875rem;outline:none}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-low)}.select{padding:.625rem .75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-high);font-size:.875rem;outline:none}.select-sm{padding:.375rem .5rem;font-size:.8125rem}.table{width:100%;border-collapse:collapse;margin-bottom:1rem}.table th{text-align:left;padding:.75rem .625rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-low);border-bottom:1px solid var(--border);font-weight:600}.table td{padding:.75rem .625rem;font-size:.875rem;color:var(--text-med);border-bottom:1px solid rgba(39,39,42,.5)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#ffffff05;color:var(--text-high)}.badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;text-transform:capitalize}.plan-free{color:var(--text-low);background:#71717a26}.plan-writer{color:var(--success);background:#10b98126}.plan-novelist{color:var(--primary);background:var(--primary-muted)}.plan-studio{color:var(--warning);background:#f59e0b26}.status-active{color:var(--success);background:#10b98126}.status-inactive{color:var(--text-low);background:#71717a26}.status-past_due{color:var(--error);background:#ef444426}.status-canceled{color:var(--warning);background:#f59e0b26}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0;color:var(--text-low);font-size:.875rem}.pagination button{padding:.5rem 1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--text-med);cursor:pointer;font-size:.875rem}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){background:var(--border-light)}.btn-primary{padding:.625rem 1.25rem;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%}.btn-primary:hover{background:var(--primary-glow);box-shadow:0 0 20px #8b5cf640}.btn-secondary{padding:.625rem 1.25rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-high);font-size:.9375rem;cursor:pointer}.btn-link{background:none;border:none;color:var(--text-low);font-size:.8125rem;cursor:pointer}.btn-link:hover{color:var(--text-high)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.125rem}.modal-close{background:none;border:none;color:var(--text-low);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-high)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-low);font-weight:600}.text-value{font-size:.9375rem;color:var(--text-high)}.text-muted{color:var(--text-low)}.text-sm{font-size:.8125rem}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.user-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.5rem;text-align:center}.user-stat strong{display:block;font-size:1.125rem;color:var(--text-high)}.user-stat span{font-size:.625rem;color:var(--text-low);text-transform:uppercase;letter-spacing:.05em}.detail-list{list-style:none}.detail-list li{padding:.25rem 0;font-size:.875rem;color:var(--text-med)}.feature-row{display:flex;align-items:center;gap:1rem;padding:.625rem 0;border-bottom:1px solid rgba(39,39,42,.3)}.feature-row.disabled{opacity:.4}.feature-info{flex:1}.feature-info strong{display:block;font-size:.9375rem;font-weight:500}.feature-info small{display:block;font-size:.75rem;color:var(--text-low)}.feature-info code{font-size:.625rem;color:var(--text-low);opacity:.6}.toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:11px;transition:all .2s}.toggle-thumb{position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:var(--text-low);border-radius:50%;transition:all .2s}.toggle input:checked+.toggle-track{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(18px);background:#fff}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{text-align:center;max-width:360px;width:100%}.login-icon{font-size:3rem;display:block;margin-bottom:1rem}.login-card h1{font-size:1.75rem;margin-bottom:.25rem}.login-card p{color:var(--text-low);margin-bottom:1.5rem;font-size:.9375rem}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-low)}.health-grid{display:flex;gap:1.5rem}.health-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.health-item span:first-child{flex-shrink:0}.health-item strong{margin-left:auto;color:var(--text-high)}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-dot.green{background:var(--success);box-shadow:0 0 6px #10b98180}.health-dot.yellow{background:var(--warning);box-shadow:0 0 6px #f59e0b80}.health-dot.red{background:var(--error);box-shadow:0 0 6px #ef444480}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:200px}.admin-main{margin-left:200px}}