@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap";
:root{--yellow:#f2cf0a;--yellow-deep:#d9b300;--yellow-soft:#fdf6d8;--yellow-glow:#f2cf0a59;--yellow-neon:#ffe23d;--ink:#17181c;--ink-2:#24262d;--primary:var(--yellow);--primary-hover:var(--yellow-deep);--primary-glow:var(--yellow-glow);--on-primary:#17181c;--danger:#e5484d;--danger-hover:#d33338;--success:#30a46c;--info:#0091ff;--warning:#f76b15;--bg:#f4f4ef;--surface:#fff;--surface-2:#f1efe4;--border:#17181c1a;--text:#17181c;--text-muted:#6f7178;--glass-bg:#ffffffd1;--shadow:0 4px 20px #17181c12;--shadow-lg:0 16px 40px #17181c24;--bg-glow-1:#f2cf0a24;--bg-glow-2:#f2cf0a17;--bg-glow-3:#17181c0d;--bg-dots:#17181c12;--r-sm:.5rem;--r:.75rem;--r-lg:1rem;--r-xl:1.375rem;--sidebar-w:256px;--sidebar-mini:76px;--main-padding:2rem;--ease:all .2s cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (max-width:768px){:root{--main-padding:1rem}}[data-theme=dark]{--bg:#0e0f13;--surface:#17181d;--surface-2:#22232a;--border:#ffffff17;--text:#f4f4f2;--text-muted:#9b9da4;--yellow-soft:#f2cf0a1f;--glass-bg:#15161bc7;--shadow:0 4px 20px #00000073;--shadow-lg:0 16px 44px #0009;--bg-glow-1:#f2cf0a1a;--bg-glow-2:#0091ff0f;--bg-glow-3:#f2cf0a0d;--bg-dots:#ffffff0e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Barlow,sans-serif;transition:background .35s,color .35s;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:radial-gradient(var(--bg-dots) 1px, transparent 1.5px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 30%,#000 30%,#0000 100%);mask-image:radial-gradient(90% 80% at 50% 30%,#000 30%,#0000 100%)}body:after{content:"";z-index:-3;pointer-events:none;background:radial-gradient(ellipse 40% 45% at 18% 12%, var(--bg-glow-1) 0%, transparent 70%), radial-gradient(ellipse 45% 50% at 85% 85%, var(--bg-glow-2) 0%, transparent 70%), radial-gradient(ellipse 30% 35% at 70% 20%, var(--bg-glow-3) 0%, transparent 70%);will-change:transform;animation:26s ease-in-out infinite alternate bgDrift;position:fixed;inset:-20%}@keyframes bgDrift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1.5%)scale(1.05)}}h1,h2,h3{letter-spacing:.015em;text-transform:uppercase;font-family:Barlow Condensed,Barlow,sans-serif}button{cursor:pointer;transition:var(--ease);color:inherit;background:0 0;border:none;font-family:inherit}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:var(--r);transition:var(--ease);outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.9375rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--yellow-glow)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(1.35);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--r-lg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes accentFlow{0%{background-position:0%}to{background-position:200%}}.animate-fade{animation:fadeUp .45s var(--ease-out) both}.animate-scale{animation:scaleIn .32s var(--ease-spring) both}.pageContainer{max-width:1280px;margin:0 auto}.pageHead{animation:fadeUp .4s var(--ease-out) both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.titleGroup{align-items:center;gap:.875rem;display:flex}.titleGroup h1{font-size:1.75rem;font-weight:700;line-height:1.1}.pageSubtitle{color:var(--text-muted);margin-top:2px;font-size:.9rem}.titleIcon{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--yellow) 0%, var(--yellow-deep) 100%);width:48px;height:48px;color:var(--on-primary);box-shadow:0 4px 14px var(--yellow-glow), inset 0 1px 0 #ffffff59;transition:transform .3s var(--ease-spring), box-shadow .3s ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pageHead:hover .titleIcon{box-shadow:0 8px 22px var(--yellow-glow), inset 0 1px 0 #ffffff59;transform:translateY(-2px)rotate(-3deg)}.btnPrimary{background:linear-gradient(135deg, var(--yellow-neon) 0%, var(--yellow) 45%, var(--yellow-deep) 100%);color:var(--on-primary);border-radius:var(--r);box-shadow:0 4px 14px var(--yellow-glow);transition:transform .2s var(--ease-spring), box-shadow .25s ease, background-position .4s ease;background-size:150% 150%;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.btnPrimary:hover:not(:disabled){box-shadow:0 8px 24px var(--yellow-glow);background-position:100%;transform:translateY(-2px)}.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.btnGhost{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:var(--r);transition:var(--ease);align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btnGhost:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--yellow-glow)}.btnDanger{background:var(--danger);color:#fff;border-radius:var(--r);align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.btnDanger:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 6px 18px #e5484d59}.btnDanger:disabled{opacity:.6;cursor:not-allowed}.searchBar{align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.35rem 1rem;transition:box-shadow .25s,border-color .25s;display:flex}.searchBar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--yellow-glow), var(--shadow)}.searchBar input{background:0 0;border:none;padding:.6rem 0;box-shadow:none!important}.searchBar svg{color:var(--text-muted);transition:var(--ease);flex-shrink:0}.searchBar:focus-within svg{color:var(--primary)}.tableWrap{overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;font-size:.9rem}.dataTable thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:.9rem 1rem;font-size:.75rem;font-weight:700}.dataTable thead th:first-child{border-top-left-radius:var(--r)}.dataTable thead th:last-child{border-top-right-radius:var(--r)}.dataTable tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.8rem 1rem}.dataTable tbody tr:last-child td{border-bottom:none}.dataTable tbody tr{animation:fadeUp .35s var(--ease-out) both;transition:background .18s,transform .18s}.dataTable tbody tr:first-child{animation-delay:20ms}.dataTable tbody tr:nth-child(2){animation-delay:50ms}.dataTable tbody tr:nth-child(3){animation-delay:80ms}.dataTable tbody tr:nth-child(4){animation-delay:.11s}.dataTable tbody tr:nth-child(5){animation-delay:.14s}.dataTable tbody tr:nth-child(6){animation-delay:.17s}.dataTable tbody tr:nth-child(7){animation-delay:.2s}.dataTable tbody tr:nth-child(8){animation-delay:.23s}.dataTable tbody tr:nth-child(n+9){animation-delay:.26s}.dataTable tbody tr:hover{background:var(--yellow-soft)}.emptyCell{text-align:center;color:var(--text-muted);padding:2.5rem!important}.tdNum{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dataTable th.tdNum{text-align:right}.tdBold{font-weight:700}.tdMuted{color:var(--text-muted)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.bVerde{color:#1f7a4f;background:#30a46c24}.bRojo{color:#c62a2f;background:#e5484d24}.bAmbar{color:#c25510;background:#f76b1524}.bAzul{color:#0072c9;background:#0091ff21}.bGris{color:var(--text-muted);background:#6e717826}.bAmarillo{background:var(--yellow-soft);color:#8a7500}[data-theme=dark] .bVerde{color:#4cc38a}[data-theme=dark] .bRojo{color:#ff6369}[data-theme=dark] .bAmbar{color:#ff8b3e}[data-theme=dark] .bAzul{color:#52a9ff}[data-theme=dark] .bAmarillo{color:#f2cf0a}.rowActions{gap:.4rem;display:flex}.iconBtn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-muted);background:var(--surface-2);transition:transform .2s var(--ease-spring), background .2s ease, color .2s ease;justify-content:center;align-items:center;display:flex}.iconBtn:hover{color:var(--on-primary);background:var(--primary);transform:translateY(-2px)}.iconBtnDanger:hover{color:#fff;background:var(--danger)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#0a0a0c8c;justify-content:center;align-items:center;padding:1rem;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--r-xl);border-top:3px solid var(--yellow);width:100%;max-width:540px;max-height:92vh;padding:1.5rem;overflow-y:auto}.modalWide{max-width:720px}.modalHead{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modalHead h3{font-size:1.25rem}.modalHead button{color:var(--text-muted)}.modalHead button:hover{color:var(--danger);transform:rotate(90deg)}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.fieldLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.formGrid2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.formGrid3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (max-width:600px){.formGrid2,.formGrid3{grid-template-columns:1fr}}.confirmModal{border-radius:var(--r-xl);text-align:center;border-top:3px solid var(--danger);width:100%;max-width:420px;padding:2rem}.confirmIcon{width:72px;height:72px;color:var(--danger);animation:scaleIn .4s var(--ease-spring) both;background:#e5484d1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.confirmModal h3{margin-bottom:.5rem;font-size:1.3rem}.confirmMsg{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.confirmBtns{justify-content:center;gap:.75rem;display:flex}.kpiGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpiGrid>*{animation:fadeUp .5s var(--ease-out) both}.kpiGrid>:first-child{animation-delay:30ms}.kpiGrid>:nth-child(2){animation-delay:90ms}.kpiGrid>:nth-child(3){animation-delay:.15s}.kpiGrid>:nth-child(4){animation-delay:.21s}.kpiGrid>:nth-child(5){animation-delay:.27s}.kpiCard{transition:transform .25s var(--ease-spring), box-shadow .25s ease, border-color .25s ease;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex;position:relative;overflow:hidden}.kpiCard:before{content:"";background:linear-gradient(90deg, transparent, var(--yellow), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.kpiCard:hover{box-shadow:var(--shadow-lg);border-color:var(--yellow-glow);transform:translateY(-4px)}.kpiCard:hover:before{opacity:1}.kpiIcon{border-radius:var(--r-lg);width:48px;height:48px;transition:transform .3s var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpiCard:hover .kpiIcon{transform:scale(1.12)rotate(-4deg)}.kpiLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:700}.kpiValue{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.2}.kpiSub{color:var(--text-muted);font-size:.78rem}.card{padding:1.25rem}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tab{color:var(--text-muted);background:var(--surface);border:1.5px solid var(--border);transition:var(--ease);border-radius:999px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600}.tab:hover{border-color:var(--primary);transform:translateY(-1px)}.tabActive{background:linear-gradient(135deg, var(--yellow) 0%, var(--yellow-deep) 100%);color:var(--on-primary);box-shadow:0 4px 14px var(--yellow-glow);border-color:#0000}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.toggleTrack{background:var(--border);width:44px;height:24px;transition:var(--ease);border-radius:999px;flex-shrink:0;position:relative}.toggleTrack.on{background:var(--success)}.toggleThumb{width:18px;height:18px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.toggleTrack.on .toggleThumb{transform:translate(20px)}.hazard{background:repeating-linear-gradient(-45deg, var(--yellow) 0 14px, var(--ink) 14px 28px);border-radius:3px;height:6px}.accentBar{background:linear-gradient(90deg, var(--yellow-deep), var(--yellow-neon), var(--yellow), var(--ink-2), var(--yellow-deep));background-size:200% 100%;height:3px;animation:8s linear infinite accentFlow}.skeleton{background:var(--surface-2);border-radius:var(--r-sm);-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg, var(--surface-2) 0%, var(--yellow-soft) 40%, var(--surface-2) 80%);background-size:200% 100%;animation:1.4s linear infinite shimmer;position:relative;overflow:hidden;color:#0000!important}.skeleton *{visibility:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}