:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--bg-primary: #0F172A;--bg-secondary: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--border: #334155;--success: #10B981;--warning: #F59E0B;--error: #EF4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);padding:24px;border-right:1px solid var(--border)}.sidebar h2{color:var(--primary);margin-bottom:32px;font-size:18px}.sidebar nav a{display:block;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s}.sidebar nav a:hover,.sidebar nav a.active{background:var(--bg-primary);color:var(--text-primary)}.main-content{flex:1;padding:32px;overflow-y:auto}.card{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--border)}.btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{background:var(--bg-primary)}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);border-color:var(--success)}.input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:14px}.input:focus{outline:none;border-color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:500;font-size:12px;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border)}.stat-value{font-size:32px;font-weight:700;color:var(--primary)}.stat-label{color:var(--text-secondary);font-size:14px;margin-top:4px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-success{background:#10b98133;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-error{background:#ef444433;color:var(--error)}