:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-400:#22d3ee;--accent-500:#06b6d4;--accent-600:#0891b2;--success-500:#10b981;--success-600:#059669;--warning-500:#f59e0b;--warning-600:#d97706;--error-500:#ef4444;--error-600:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--bg-dark:#0a0a0f;--bg-card:rgba(17,17,27,.8);--bg-card-hover:rgba(25,25,40,.9);--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6);--gradient-dark:linear-gradient(180deg,#0a0a0f,#1a1a2e);--gradient-card:linear-gradient(145deg,rgba(99,102,241,.1),rgba(139,92,246,.05));--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit",var(--font-sans);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5);--shadow-glow:0 0 40px rgba(99,102,241,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--gray-100);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:#fff}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.01em}h3{font-size:1.75rem}h4{font-size:1.25rem}p{color:var(--gray-300)}a{color:var(--primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px rgba(99,102,241,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px rgba(99,102,241,.4)}.btn-secondary{background:var(--glass-bg);color:var(--gray-100);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.card-gradient{background:var(--gradient-card)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.quota-ring{position:relative;width:180px;height:180px}.quota-ring svg{transform:rotate(-90deg)}.quota-ring-bg{fill:none;stroke:var(--gray-800);stroke-width:12}.quota-ring-fill{fill:none;stroke:url(#quotaGradient);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray var(--transition-slow)}.quota-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.quota-percentage{font-size:2.5rem;font-weight:700;color:#fff}.quota-label{font-size:.875rem;color:var(--gray-400)}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-value{font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.875rem;color:var(--gray-400)}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stat-trend.positive{background:rgba(16,185,129,.15);color:var(--success-500)}.stat-trend.negative{background:rgba(239,68,68,.15);color:var(--error-500)}.email-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer}.email-item:hover{background:hsla(0,0%,100%,.08);border-color:var(--glass-border)}.email-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.email-content{flex:1 1;min-width:0}.email-sender{font-weight:500;color:#fff}.email-sender,.email-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-subject{font-size:.875rem;color:var(--gray-400)}.email-meta{text-align:right;flex-shrink:0}.email-size{font-size:.875rem;font-weight:500;color:var(--primary-400)}.email-date{font-size:.75rem;color:var(--gray-500)}.sidebar{width:260px;height:100vh;background:var(--bg-card);border-right:1px solid var(--glass-border);padding:var(--space-6);position:fixed;left:0;top:0}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.sidebar-logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.sidebar-logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--gray-400);transition:all var(--transition-fast);margin-bottom:var(--space-1);text-decoration:none}.nav-item:hover{background:var(--glass-bg);color:#fff}.nav-item.active{background:var(--gradient-primary);color:#fff}.nav-icon{width:20px;height:20px;opacity:.8}.main-content{margin-left:260px;padding:var(--space-8);min-height:100vh}.progress-bar{height:8px;background:var(--gray-800);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--gradient-primary);transition:width var(--transition-slow)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-primary{background:rgba(99,102,241,.2);color:var(--primary-400)}.badge-success{background:rgba(16,185,129,.2);color:var(--success-500)}.badge-warning{background:rgba(245,158,11,.2);color:var(--warning-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.sidebar{transform:translateX(-100%);z-index:100}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}