:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#ec4899;--bg-color:#0f172a;--card-bg:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#4f46e526 0%,#0f172a00 50%),radial-gradient(circle at 80% 20%,#ec48991a 0%,#0f172a00 40%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}header h1{background:linear-gradient(135deg,#a855f7,#ec4899,#ef4444);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0003}.stat-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:1rem;font-weight:500}.stat-value{color:var(--text-main);font-size:2.5rem;font-weight:700}.table-container{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003}.table-header{border-bottom:1px solid var(--border-color);padding:24px}.table-header h2{font-size:1.5rem;font-weight:600}table{border-collapse:collapse;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#0003;padding:16px 24px;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:.95rem}tbody tr{transition:background-color .2s}tbody tr:hover{background:#ffffff08}.badge{color:#818cf8;background:#4f46e533;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.loading{text-align:center;color:var(--text-muted);padding:40px;font-size:1.2rem}.error{color:#fca5a5;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:30px;padding:16px}