@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-app: #f1f5f9;--bg-card: #ffffff;--bg-sidebar: #0f172a;--bg-soft: #f8fafc;--bg-hover: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--border-soft: #e2e8f0;--border-medium: #cbd5e1;--brand: #2563eb;--brand-light: #60a5fa;--brand-accent: #1d4ed8;--brand-bg: #eff6ff;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--glass-blur: blur(8px);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-premium: 0 10px 40px -10px rgba(37, 99, 235, .2);--brand-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--brand-dark-gradient: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);--radius-xl: 24px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-app);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.premium-shadow{box-shadow:var(--shadow-premium)}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}small{color:var(--text-muted)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2.2rem;font-weight:700;margin-top:.5rem}.kpi-meta{font-size:.75rem;color:var(--text-muted)}.status{width:10px;height:10px;border-radius:50%;position:relative;box-shadow:0 0 0 2px #fffc}.status.success{background:var(--success);box-shadow:0 0 0 2px #fffc,0 0 8px #05966966}.status.warning{background:var(--warning);box-shadow:0 0 0 2px #fffc,0 0 8px #d9770666}.status.danger{background:var(--danger);box-shadow:0 0 0 2px #fffc,0 0 8px #dc262666;animation:pulse-danger 2s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.badge{padding:.25rem .6rem;font-size:.7rem;font-weight:600;border-radius:999px}.badge.success{background:#15803d1a;color:var(--success)}.badge.warning{background:#b453091f;color:var(--warning)}.badge.danger{background:#b91c1c1f;color:var(--danger)}.btn{border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-light) 100%);color:#fff;box-shadow:0 4px 12px #0891b24d}.btn-primary:hover{box-shadow:0 6px 16px #0891b266;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main);background:var(--bg-soft)}.progress{height:6px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.progress>div{height:100%}.progress.success>div{background:var(--success)}.progress.warning>div{background:var(--warning)}.progress.danger>div{background:var(--danger)}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table th{text-align:left;padding:.875rem 1rem;color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.08em;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-card) 100%);border-bottom:2px solid var(--border-medium)}.table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-soft);transition:all .2s}.table tbody tr{transition:all .2s}.table tbody tr:nth-child(2n){background:#f8f9fc80}.table tbody tr:hover{background:var(--bg-soft);box-shadow:0 2px 8px #0f29420f;transform:scale(1.001)}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.area-card{cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;border-left:4px solid var(--border-soft)}.area-card:hover{transform:scale(1.02) translateY(-5px)!important;box-shadow:var(--shadow-xl)!important;z-index:10}.area-card.expanded{grid-column:span 1;background:#fff!important}.sparkline-container{opacity:.6;transition:opacity .3s}.area-card:hover .sparkline-container{opacity:1}.metric-card{position:relative;overflow:hidden}.metric-card .icon-bg{position:absolute;right:-10px;bottom:-10px;font-size:5rem;opacity:.05;transform:rotate(-15deg);transition:transform .5s ease}.metric-card:hover .icon-bg{transform:rotate(0) scale(1.1);opacity:.08}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.area-border-success{border-left-color:var(--success)!important}.area-border-warning{border-left-color:var(--warning)!important}.area-border-danger{border-left-color:var(--danger)!important}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#f093fb)}#root{min-height:100vh;background:var(--bg-app)}.app-container{max-width:1440px;margin:0 auto;padding:1.5rem 2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.app-title{font-size:1.4rem;font-weight:700}.app-subtitle{font-size:.8rem;color:var(--text-muted)}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem}.logo,.read-the-docs{display:none}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.app-container{padding:1rem}.kpi-grid{grid-template-columns:1fr}}