@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0c0e18;--bg-secondary:#171926;--bg-tertiary:#222639;--glass-bg:#191e328c;--glass-bg-hover:#232a46bf;--glass-border:#ffffff12;--glass-border-focus:#6366f166;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7b899d;--accent-primary:#735af2;--accent-secondary:#00e6e6;--accent-success:#17cf63;--accent-warning:#f49d25;--accent-danger:#f04251;--gradient-brand:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-success:linear-gradient(135deg, #14b858 0%, #0df2a6 100%);--gradient-warning:linear-gradient(135deg, #f2930d 0%, #fc3 100%);--gradient-danger:linear-gradient(135deg, #ee2b3b 0%, #f67e55 100%);--gradient-dark:linear-gradient(180deg, #191e32cc 0%, #0f121ee6 100%);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px 0 #0000004d;--shadow-lg:0 12px 40px 0 #00000080;--blur-glass:blur(12px);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px;--sidebar-collapsed-width:80px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#190f3d4d 0,#0000 50%),radial-gradient(at 100% 0,#0f2e2e33 0,#0000 50%),radial-gradient(at 50% 100%,#130f2466 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:var(--glass-border)}50%{border-color:var(--glass-border-focus)}to{border-color:var(--glass-border)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:16px}.glass-panel:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f}.glass-card{-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);transition:all var(--transition-fast);background:#1e254173;border-radius:12px;padding:20px}.glass-card:hover{background:#232b4b8c;border-color:#ffffff26;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-input{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#0f142399;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:.95rem}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--accent-primary);background:#0f1423d9;box-shadow:0 0 0 3px #6366f140}.glass-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn{cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:550;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 15px #6366f159}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#5eed9a;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#f6b355;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:#f4717c;background:#ef444426;border:1px solid #ef44444d}.badge-info{color:#6eb3f7;background:#3b82f626;border:1px solid #3b82f64d}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);transition:all var(--transition-normal);width:calc(100% - var(--sidebar-width));flex:1;padding:40px}@media (width<=1024px){.main-content{width:100%;margin-left:0;padding:24px}}.page-fade{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:16px 20px;font-size:.85rem;font-weight:600}.custom-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:16px 20px;font-size:.95rem}.custom-table tr:hover td{color:var(--text-primary);background:#ffffff05}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.content-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (width<=1200px){.content-grid{grid-template-columns:1fr}}