@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#090b11;--bg-secondary:#101422;--bg-tertiary:#161c30;--card-bg:#101422a6;--card-border:#ffffff0d;--card-hover-border:#4f6ef74d;--color-primary:#4f6ef7;--color-primary-glow:#4f6ef726;--color-primary-hover:#3d5be3;--color-success:#10b981;--color-success-glow:#10b9811f;--color-warning:#f59e0b;--color-warning-glow:#f59e0b1f;--color-danger:#ef4444;--color-danger-glow:#ef44441f;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 2px 8px -1px #0003;--shadow-md:0 10px 25px -5px #0000004d, 0 8px 16px -6px #0000004d;--shadow-lg:0 20px 50px -12px #00000080;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}.light-mode{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--card-bg:#fffc;--card-border:#0000000d;--card-hover-border:#4f6ef733;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 8px 30px #0000000d;--shadow-lg:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-glow)}#root{flex-direction:column;min-height:100vh;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.glass-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-lg)}@keyframes pulseGlow{0%{box-shadow:0 0 #4f6ef766}70%{box-shadow:0 0 0 10px #4f6ef700}to{box-shadow:0 0 #4f6ef700}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-grid{grid-template-columns:1fr}}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=968px){.charts-grid{grid-template-columns:1fr}}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);transition:var(--transition-smooth);outline:none;padding:10px 14px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}button{cursor:pointer;font-family:var(--font-sans);transition:var(--transition-smooth)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);opacity:.6;cursor:pointer;transition:opacity .2s}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);opacity:.6;cursor:pointer;transition:opacity .2s}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);opacity:.6;cursor:pointer;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseUrgent{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.urgent-pulse{animation:2s infinite pulseUrgent;border-color:#ef44444d!important}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:3000;background:#05070ebf;justify-content:flex-end;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background:var(--bg-secondary);border-left:1px solid var(--card-border);flex-direction:column;width:100%;max-width:500px;height:100%;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:relative;box-shadow:-10px 0 40px #0009}@keyframes rotate-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-loader-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.premium-loader-ring{background:conic-gradient(from 0deg, transparent 30%, var(--color-primary), transparent 70%);-webkit-mask-composite:destination-out;border-radius:50%;padding:2px;animation:1.5s linear infinite rotate-shimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.premium-loader-glow{background:radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);opacity:.5;filter:blur(15px);border-radius:50%;position:absolute;inset:-10px}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.drawer-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-footer{border-top:1px solid var(--card-border);background:var(--bg-tertiary);padding:20px 24px}