:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #22d3ee;--danger: #ef4444;--success: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background-color:var(--bg-card);border-right:1px solid rgba(255,255,255,.1);padding:2rem 1.5rem}.main-content{padding:2.5rem;overflow-y:auto}.card{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.btn{padding:.75rem 1.25rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:1rem;border-bottom:2px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.875rem;text-transform:uppercase}.table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-paid{background:rgba(16,185,129,.2);color:#34d399}.status-pending{background:rgba(239,68,68,.2);color:#f87171}