@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#eef0f8;--surface:#fff;--surface-2:#f4f5fb;--surface-3:#e8ebf4;--border:#dde0ee;--border-light:#e8ebf4;--text-1:#1a1d2e;--text-2:#5c6194;--text-3:#9ea3c8;--primary:#4361ee;--primary-hover:#3451d1;--success:#31c48d;--warning:#f6a609;--danger:#f05252;--info:#4361ee;--accent-dim:rgba(67,97,238,.1);--shadow-1:0 1px 4px rgba(67,97,238,.06),0 1px 2px rgba(0,0,0,.04);--shadow-2:0 4px 16px rgba(67,97,238,.1),0 2px 6px rgba(0,0,0,.04);--shadow-3:0 8px 28px rgba(67,97,238,.12),0 4px 10px rgba(0,0,0,.05);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--bg-main:var(--bg);--bg-sidebar:var(--surface);--bg-card:var(--surface);--bg-card-alt:var(--surface-2);--accent:var(--primary);--accent-hover:var(--primary-hover)}[data-theme=dark]{--bg:#1a1d2e;--surface:#212438;--surface-2:#2d3154;--surface-3:#3d4270;--border:#3d4270;--border-light:#2d3154;--text-1:#e8eaf6;--text-2:#9ea3c8;--text-3:#5c6194;--primary:#4361ee;--primary-hover:#5a75f0;--success:#31c48d;--warning:#f6a609;--danger:#f05252;--info:#7b93f5;--accent-dim:rgba(67,97,238,.18);--shadow-1:0 1px 4px rgba(0,0,0,.3);--shadow-2:0 4px 16px rgba(0,0,0,.4);--shadow-3:0 8px 28px rgba(0,0,0,.5);--bg-main:#1a1d2e;--bg-sidebar:#212438;--bg-card:#212438;--bg-card-alt:#2d3154}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text-1);line-height:1.55;font-size:.9375rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:rgba(67,97,238,.15)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}input:focus,select:focus,textarea:focus{outline:none}option{background:var(--surface);color:var(--text-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skia-row-pulse{0%{background-color:rgba(67,97,238,.18);box-shadow:inset 4px 0 0 #4361ee,0 0 0 2px rgba(67,97,238,.2)}60%{background-color:rgba(67,97,238,.1);box-shadow:inset 4px 0 0 #4361ee}to{background-color:transparent;box-shadow:inset 4px 0 0 transparent}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideUp{animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.skia-highlight-row{animation:skia-row-pulse 2.5s ease-out forwards!important;position:relative;z-index:1;border-radius:0!important}.card-dark,.md3-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:box-shadow .15s,border-color .15s,transform .15s}.card-dark:hover,.md3-card:hover{box-shadow:var(--shadow-2);border-color:var(--border);transform:translateY(-1px)}.card-dark-alt{background:var(--surface-2)}.card-dark-alt,.md3-kpi{border:1px solid var(--border-light);border-radius:var(--radius-md)}.md3-kpi{background:var(--surface);padding:20px 22px;box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s}.md3-kpi:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.md3-tab{padding:7px 18px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-2);cursor:pointer;border:none;background:transparent;transition:background .12s,color .12s;font-family:var(--font)}.md3-tab:hover{background:var(--surface-2);color:var(--text-1)}.md3-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-1);font-weight:600;border:1px solid var(--border-light)}.badge-active,.md3-badge-success{background:rgba(49,196,141,.1);color:#31c48d;border:1px solid rgba(49,196,141,.2);border-radius:var(--radius-full)}.badge-active,.badge-warning,.md3-badge-success,.md3-badge-warning{padding:3px 11px;font-size:.78rem;font-weight:600;display:inline-block}.badge-warning,.md3-badge-warning{background:rgba(246,166,9,.1);color:#f6a609;border:1px solid rgba(246,166,9,.2);border-radius:var(--radius-full)}.badge-inactive,.md3-badge-error{background:rgba(240,82,82,.1);color:#f05252;border:1px solid rgba(240,82,82,.2);border-radius:var(--radius-full)}.badge-inactive,.badge-info,.md3-badge-error,.md3-badge-info{padding:3px 11px;font-size:.78rem;font-weight:600;display:inline-block}.badge-info,.md3-badge-info{background:rgba(67,97,238,.08);color:#4361ee;border:1px solid rgba(67,97,238,.15);border-radius:var(--radius-full)}.md3-badge-primary{background:rgba(67,97,238,.08);color:#4361ee;border:1px solid rgba(67,97,238,.15);border-radius:var(--radius-full)}.md3-badge-neutral,.md3-badge-primary{padding:3px 11px;font-size:.78rem;font-weight:600;display:inline-block}.md3-badge-neutral{background:rgba(94,99,148,.1);color:#5c6194;border:1px solid rgba(94,99,148,.2);border-radius:var(--radius-full)}.sidebar-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;cursor:pointer;transition:background .12s,color .12s;color:var(--text-2);font-size:.875rem;font-weight:400;text-decoration:none}.sidebar-item:hover{background:var(--surface-2);color:var(--text-1)}.sidebar-item.active{background:var(--accent-dim);color:var(--primary);font-weight:600}.md3-glass{background:hsla(0,0%,100%,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--radius-lg)}.md3-skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.md3-table{width:100%;border-collapse:collapse;font-size:.875rem}.md3-table th{background:var(--surface-2);color:var(--text-3);font-weight:600;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;padding:10px 15px;border-bottom:1px solid var(--border);text-align:left}.md3-table td{padding:12px 15px;border-bottom:1px solid var(--border-light);color:var(--text-1);vertical-align:middle}.md3-table tr:hover td{background:var(--surface-2)}.md3-divider{height:1px;background:var(--border-light)}