:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2332;--bg-input: #1e293b;--border: #2d3748;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #8b5cf6;--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-green: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:8px;position:fixed;height:100vh;overflow-y:auto}.main-content{margin-left:240px;flex:1;padding:32px;max-width:1200px}.logo{font-size:20px;font-weight:700;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:8px 12px;margin-bottom:24px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s;border:none;background:none;font-size:14px;width:100%;text-align:left}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue);color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.stat-value{font-size:28px;font-weight:700}.stat-value.green{color:var(--accent-green)}.stat-value.blue{color:var(--accent-blue)}.stat-value.amber{color:var(--accent-amber)}.stat-value.purple{color:var(--accent-purple)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge.premium{background:#8b5cf626;color:#a78bfa}.badge.standard{background:#3b82f626;color:#60a5fa}.badge.economy{background:#f59e0b26;color:#fbbf24}.badge.frozen{background:#ef444426;color:#f87171}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--gradient-blue);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-blue)}.btn-danger{background:var(--accent-red);color:#fff}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent-blue)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.table td{padding:12px;font-size:14px;border-bottom:1px solid var(--border)}.table tr:hover{background:#ffffff05}.page-title{font-size:24px;font-weight:700;margin-bottom:24px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-16px;margin-bottom:24px}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.empty-state p{margin-top:12px}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px}.card-grid{grid-template-columns:1fr}}
