:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--bg-base: #0b0f19;--bg-surface: rgba(17, 24, 39, .7);--bg-surface-border: rgba(255, 255, 255, .08);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .15);--secondary: #10b981;--secondary-glow: rgba(16, 185, 129, .15);--accent: #f59e0b;--danger: #ef4444;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-primary: 0 0 20px rgba(99, 102, 241, .25);--radius-lg: 16px;--radius-md: 12px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;top:-10%;left:20%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);border-radius:50%;z-index:-1;pointer-events:none;animation:float-glow-1 15s infinite alternate ease-in-out}body:after{content:"";position:absolute;bottom:10%;right:15%;width:35vw;height:35vw;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);border-radius:50%;z-index:-1;pointer-events:none;animation:float-glow-2 18s infinite alternate ease-in-out}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,-50px) scale(1.05)}}.container{width:100%;max-width:1200px;padding:2.5rem 1.5rem;z-index:1}.glass-card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-surface-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-lg);transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px)}h1{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}p{color:var(--text-secondary);line-height:1.6}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid var(--bg-surface-border);padding-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;background:#10b98126;color:var(--secondary);border:1px solid rgba(16,185,129,.2)}.status-badge.loading{background:#6366f126;color:var(--primary);border-color:#6366f133;animation:pulse 1.5s infinite ease-in-out}.status-badge.error{background:#ef444426;color:var(--danger);border-color:#ef444433}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md)}.stat-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.stat-card-value{font-size:1.15rem;font-family:var(--font-display);font-weight:700;word-break:break-all;color:var(--text-primary)}.stat-card-value.highlight{color:var(--primary);text-shadow:0 0 10px rgba(99,102,241,.3)}.stat-card-value.success{color:var(--secondary);text-shadow:0 0 10px rgba(16,185,129,.3)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;border:none;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199,var(--shadow-primary)}.btn-primary:active{transform:translateY(0)}.btn-primary.loading{opacity:.7;cursor:not-allowed}.details-list{display:flex;flex-direction:column;gap:1rem}.details-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.details-row:last-child{border-bottom:none;padding-bottom:0}.details-label{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.details-value{font-size:.875rem;font-weight:600;color:var(--text-primary);font-family:monospace}.counter-box{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-md);padding:1.5rem;text-align:center;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.counter-num{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:var(--primary);text-shadow:var(--shadow-primary);line-height:1}.counter-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}footer{margin-top:auto;padding:2rem 0;font-size:.8125rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--bg-surface-border);width:100%}.footer-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-smooth)}.footer-link:hover{color:var(--primary)}