.layout{display:flex;min-height:100vh;background-color:#1a1a1a}.sidebar{width:250px;background-color:#2d2d2d;border-right:1px solid #404040;padding:20px;display:flex;flex-direction:column}.sidebar-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #404040}.sidebar-header h1{font-size:20px;color:#fff;margin-bottom:5px}.subtitle{font-size:12px;color:#888}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{padding:12px 15px;color:#bbb;text-decoration:none;border-radius:6px;transition:all .2s}.nav-item:hover{background-color:#3a3a3a;color:#fff}.nav-item.active{background-color:#007bff;color:#fff}.main-content{flex:1;padding:30px;overflow-y:auto}.dashboard h1{margin-bottom:30px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-value{color:#fff;font-size:32px;font-weight:700}.users-page h1{margin-bottom:20px;color:#fff}.subscriptions-page h1{margin-bottom:20px;color:#fff}.status-expired{background-color:#dc3545;color:#fff}.servers-page h1{margin-bottom:20px;color:#fff}.status-active{background-color:#28a745;color:#fff}.status-inactive{background-color:#6c757d;color:#fff}.payments-page h1{margin-bottom:20px;color:#fff}.table-container{background-color:#2d2d2d;border-radius:8px;overflow:hidden;border:1px solid #404040}table{width:100%;border-collapse:collapse}thead{background-color:#3a3a3a}th{padding:15px;text-align:left;color:#bbb;font-weight:600;font-size:14px;text-transform:uppercase}td{padding:15px;color:#fff;border-top:1px solid #404040}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-paid{background-color:#28a745;color:#fff}.status-pending{background-color:#ffc107;color:#000}.status-failed{background-color:#dc3545;color:#fff}.analytics-page h1{margin-bottom:30px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #404040}.stat-card h3{color:#888;font-size:14px;margin-bottom:10px;text-transform:uppercase}.stat-value{color:#fff;font-size:32px;font-weight:700;margin-bottom:5px}.stat-subtitle{color:#aaa;font-size:12px}.section{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #404040}.section h2{color:#fff;font-size:18px;margin-bottom:15px}.events-list,.expiring-list{display:flex;flex-direction:column;gap:10px}.event-item,.expiring-item{display:flex;justify-content:space-between;padding:10px;background-color:#3a3a3a;border-radius:4px}.event-type{color:#bbb;font-family:monospace}.event-count{color:#fff;font-weight:600}.expiring-item{color:#fff}.audit-page h1{margin-bottom:10px;color:#fff}.subtitle{color:#888;margin-bottom:20px}.audit-filters{display:flex;gap:10px;margin-bottom:20px}.audit-filters input,.audit-filters select{padding:8px 12px;background-color:#2d2d2d;border:1px solid #404040;border-radius:4px;color:#fff;font-size:14px}.audit-filters input{flex:1}.audit-table{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #404040;overflow-x:auto}.audit-table table{width:100%;border-collapse:collapse}.audit-table th{text-align:left;padding:12px;color:#888;font-size:12px;text-transform:uppercase;border-bottom:1px solid #404040}.audit-table td{padding:12px;color:#fff;border-bottom:1px solid #3a3a3a;font-size:14px}.audit-table tr:hover{background-color:#3a3a3a}.action-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.action-create{background-color:#2d5a2d;color:#4ade80}.action-update{background-color:#5a4d2d;color:#fbbf24}.action-delete{background-color:#5a2d2d;color:#f87171}.action-user{background-color:#2d4a5a;color:#60a5fa}.audit-table details{cursor:pointer}.audit-table details summary{color:#60a5fa;font-size:12px}.audit-table details pre{margin-top:8px;padding:8px;background-color:#1a1a1a;border-radius:4px;font-size:11px;color:#aaa;overflow-x:auto}.empty-state{text-align:center;padding:40px;color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}