@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:#070b16;--card-hi:#97b7ff13;--card-lo:#97b7ff06;--glass-border:#97b7ff21;--glass-sheen:#ffffff14;--border:#97b7ff21;--card2:#97b7ff17;--card:#101a30;--text:#e8edf8;--muted:#8b9cc0;--accent:#2dd4ee;--accent2:#34d399;--warn:#fbbf24;--danger:#fb7185;--violet:#a78bfa;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-num:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;font-family:var(--font-body)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(900px 620px at 12% -8%,#2dd4ee29,#0000 62%),radial-gradient(820px 540px at 88% -14%,#a78bfa21,#0000 58%),radial-gradient(1100px 780px at 55% 118%,#106c9e24,#0000 62%);animation:26s ease-in-out infinite alternate aurora;position:fixed;inset:-10%}body:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#97b7ff0d 1px,#0000 1.4px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}@keyframes aurora{to{filter:hue-rotate(14deg);transform:translateY(-34px)scale(1.07)}}#root{z-index:1;position:relative}::selection{background:#2dd4ee4d}*{scrollbar-width:thin;scrollbar-color:#2b3a58 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2b3a58;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3b4f75}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(1.3);border-bottom:1px solid var(--glass-border);background:linear-gradient(90deg,#090e1cb8,#0d162cb8);flex-wrap:wrap;align-items:center;gap:16px 20px;min-height:62px;padding:10px 22px;display:flex;position:sticky;top:0;box-shadow:0 10px 40px -18px #000c}.brand{letter-spacing:.3px;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-logo{filter:drop-shadow(0 0 14px #2dd4ee59);height:34px;display:block}.brand small{color:var(--muted);font-size:12px;font-weight:400}.tabs{border:1px solid var(--glass-border);background:#97b7ff0f;border-radius:999px;gap:4px;margin-left:8px;padding:4px;display:flex}.tab{white-space:nowrap;cursor:pointer;color:var(--muted);font-size:13.5px;font-family:var(--font-body);background:0 0;border:none;border-radius:999px;padding:7px 15px;transition:color .18s,background .18s,box-shadow .18s,text-shadow .18s}.tab:hover{color:var(--text);background:#97b7ff14}.tab.active{color:#04222e;background:linear-gradient(135deg,#53e6ff,#22b8d8);font-weight:600;box-shadow:0 4px 18px -4px #2dd4eea6,inset 0 1px #fff6}.filters{align-items:center;gap:8px;margin-left:auto;display:flex}.filters label{color:var(--muted);font-size:12px}.filters input,.filters select{color:var(--text);border:1px solid var(--glass-border);font-size:13px;font-family:var(--font-body);background:#97b7ff12;border-radius:8px;padding:6px 9px;transition:border-color .16s}.filters input:hover,.filters select:hover{border-color:#97b7ff4d}.chip{cursor:pointer;border:1px solid var(--glass-border);color:var(--muted);background:#97b7ff0f;border-radius:999px;padding:6px 12px;font-size:12px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s}.chip:hover{color:var(--text);border-color:#97b7ff52}.chip.active{color:var(--accent);background:#2dd4ee24;border-color:#2dd4ee99;box-shadow:0 0 14px -4px #2dd4ee80}.content{padding:24px 26px 60px}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}@media (width<=1100px){.cols-4,.cols-5,.cols-6{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}}.card{background:linear-gradient(158deg, var(--card-hi), var(--card-lo) 58%);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:0 18px 44px -22px #000000a6, inset 0 1px 0 var(--glass-sheen);border-radius:18px;padding:17px 19px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.5s cubic-bezier(.2,.7,.3,1) both fadeInUp;position:relative}.card:hover{box-shadow:0 26px 60px -24px #000000bf, 0 0 34px -14px #2dd4ee38, inset 0 1px 0 var(--glass-sheen);border-color:#97b7ff47;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.grid>.card:first-child{animation-delay:20ms}.grid>.card:nth-child(2){animation-delay:80ms}.grid>.card:nth-child(3){animation-delay:.14s}.grid>.card:nth-child(4){animation-delay:.2s}.grid>.card:nth-child(5){animation-delay:.26s}.grid>.card:nth-child(6){animation-delay:.32s}.card h3{color:var(--muted);text-transform:uppercase;letter-spacing:1.6px;font-size:10.5px;font-weight:500;font-family:var(--font-mono);margin:0 0 14px}.card h3 .badge{letter-spacing:0}.kpi{flex-direction:column;gap:6px;display:flex}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-family:var(--font-mono)}.kpi .value{font-size:27px;font-weight:700;line-height:1.1;font-family:var(--font-num);font-variant-numeric:tabular-nums}.kpi .sub{color:var(--muted);font-size:12px}.kpi.accent .value{color:var(--accent)}.kpi.green .value{color:var(--accent2)}.kpi.warn .value{color:var(--warn)}.kpi.danger .value{color:var(--danger)}.kpi2{flex-direction:column;gap:7px;min-height:124px;display:flex;position:relative;overflow:hidden}.kpi2:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);opacity:.9;border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.kpi2.accent:before{background:linear-gradient(180deg, var(--accent), transparent)}.kpi2.green:before{background:linear-gradient(180deg, var(--accent2), transparent)}.kpi2.warn:before{background:linear-gradient(180deg, var(--warn), transparent)}.kpi2.danger:before{background:linear-gradient(180deg, var(--danger), transparent)}.kpi2.violet:before{background:linear-gradient(180deg, var(--violet), transparent)}.kpi2-top{justify-content:space-between;align-items:center;display:flex}.kpi2-top .label{color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-family:var(--font-mono)}.kpi2-icon{border:1px solid var(--glass-border);background:#97b7ff14;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.kpi2 .value{letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:1.04;font-family:var(--font-num);font-variant-numeric:tabular-nums;background:linear-gradient(115deg,#f4f8ff 25%,#9fb2d8);color:#0000;-webkit-background-clip:text;background-clip:text}.kpi2.accent .value{text-shadow:none;background-image:linear-gradient(115deg,#b7f4ff 15%,#2dd4ee 75%)}.kpi2.green .value{background-image:linear-gradient(115deg,#c8ffe9 15%,#34d399 75%)}.kpi2.warn .value{background-image:linear-gradient(115deg,#ffedbd 15%,#f9b418 75%)}.kpi2.danger .value{background-image:linear-gradient(115deg,#ffd3dc 15%,#fb7185 75%)}.kpi2.violet .value{background-image:linear-gradient(115deg,#e4d9ff 15%,#a78bfa 75%)}.kpi2-bottom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kpi2-bottom .sub{color:var(--muted);font-size:11.5px}.kpi2-spark{opacity:.95;margin:6px -19px -17px}.delta{font-size:12px;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;display:inline-flex}.delta.up{color:#3ee6ac;background:#34d39921;box-shadow:inset 0 0 0 1px #34d39938}.delta.down{color:#ff8ca1;background:#fb718521;box-shadow:inset 0 0 0 1px #fb718538}.delta.neutral{color:var(--muted)}.gauge-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-val{font-size:30px;font-weight:700;font-family:var(--font-num);font-variant-numeric:tabular-nums}.gauge-lbl{color:var(--muted);font-size:12px}.sec-head{color:var(--accent);letter-spacing:2.2px;font-size:10.5px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;text-shadow:0 0 18px #2dd4ee80;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.sec-head:before{content:"▮";font-size:9px}.sec-head:after{content:"";background:linear-gradient(90deg,#2dd4ee66,#0000 70%);flex:1;height:1px}.var-row{flex-wrap:wrap;gap:28px;display:flex}.var-item{flex-direction:column;gap:5px;display:flex}.var-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-family:var(--font-mono)}.var-val{font-size:21px;font-weight:700;font-family:var(--font-num);font-variant-numeric:tabular-nums}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:1.2px;font-size:9.5px;font-weight:500;font-family:var(--font-mono);padding:7px 8px}table.tbl td{border-bottom:1px solid #97b7ff12;padding:8px}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl td.num{font-family:var(--font-num)}table.tbl tbody tr{transition:background .12s}table.tbl tr:hover td{background:#97b7ff0f}tr.tr-in{animation:.4s both rowIn}@keyframes rowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bar-cell{position:relative}.bar-cell .bar{transform-origin:0;background:linear-gradient(90deg,#2dd4ee38,#2dd4ee0d);border-radius:4px;animation:.6s cubic-bezier(.2,.7,.3,1) both barGrow;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 1px 0 #2dd4ee80}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-cell span{position:relative}.scroll-tbl{max-height:340px;overflow-y:auto}.scroll-tbl table.tbl thead th{z-index:1;box-shadow:0 1px 0 var(--glass-border);background:#101b33;position:sticky;top:0}.loading,.err{color:var(--muted);text-align:center;padding:40px}.err{color:var(--danger)}.empty{color:var(--muted);text-align:center;border:1px dashed var(--glass-border);opacity:.8;border-radius:12px;padding:26px 10px;font-size:12.5px}.note{color:var(--muted);margin-top:4px;font-size:12px}.footer-note{color:var(--muted);border-top:1px solid var(--glass-border);margin-top:20px;padding-top:14px;font-size:12px}.badge{color:var(--accent);text-transform:none;font-size:10.5px;font-family:var(--font-body);background:#2dd4ee1a;border-radius:20px;margin-left:8px;padding:2px 9px;display:inline-block;box-shadow:inset 0 0 0 1px #2dd4ee59}.recharts-default-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 40px -12px #000c;border:1px solid var(--glass-border)!important;background:#0a1020eb!important;border-radius:10px!important}.sk-card{flex-direction:column;gap:12px;min-height:124px;display:flex}.sk{background:#97b7ff14;border-radius:6px;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg,#0000,#b4cdff1a,#0000);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sk-label{width:55%;height:10px}.sk-value{width:70%;height:26px}.sk-sub{width:45%;height:9px}.sk-chart{border-radius:12px;width:100%;height:180px}.semaforo{background:linear-gradient(158deg, var(--card-hi), var(--card-lo) 58%);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:0 14px 34px -20px #0009, inset 0 1px 0 var(--glass-sheen);border-radius:14px;align-items:center;gap:13px;padding:13px 15px;transition:transform .18s,border-color .18s;animation:.45s cubic-bezier(.2,.7,.3,1) both fadeInUp;display:flex}.semaforo:hover{border-color:#97b7ff47;transform:translateY(-2px)}.semaforo .sem-dot{border-radius:50%;flex:none;width:14px;height:14px;position:relative}.semaforo .sem-body{flex-direction:column;display:flex}.semaforo .sem-lbl{color:var(--muted);font-size:11.5px}.semaforo .sem-val{font-size:19px;font-weight:700;font-family:var(--font-num);font-variant-numeric:tabular-nums}.semaforo.ok .sem-dot{background:#34d399;box-shadow:0 0 12px #34d39999}.semaforo.warn .sem-dot{background:#fbbf24;box-shadow:0 0 12px #fbbf2499}.semaforo.bad .sem-dot{background:#fb7185;box-shadow:0 0 12px #fb718599}.semaforo.neutral .sem-dot{background:#64748b}.semaforo.bad .sem-dot:after,.semaforo.warn .sem-dot:after{content:"";border-radius:50%;animation:2s ease-out infinite semPulse;position:absolute;inset:0}.semaforo.bad .sem-dot:after{box-shadow:0 0 #fb71858c}.semaforo.warn .sem-dot:after{animation-duration:3s;box-shadow:0 0 #fbbf2466}@keyframes semPulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.filterbar{background:linear-gradient(158deg, var(--card-hi), var(--card-lo) 58%);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-sheen);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:18px;padding:13px 17px;animation:.45s cubic-bezier(.2,.7,.3,1) both fadeInUp;display:flex}.fld{flex-direction:column;gap:5px;font-size:12px;display:flex}.fld>span{color:var(--muted);letter-spacing:1.2px;font-family:var(--font-mono);text-transform:uppercase;font-size:9.5px}.fld select,.fld input{color:var(--text);border:1px solid var(--glass-border);min-width:160px;font-size:13px;font-family:var(--font-body);background:#070b168c;border-radius:9px;padding:7px 10px;transition:border-color .16s,box-shadow .16s}.fld select:focus,.fld input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2dd4ee29}.fld select:hover,.fld input:hover{border-color:#97b7ff52}.fld.chk{flex-direction:row;align-items:center;gap:8px}.fld.chk input{width:16px;min-width:0;height:16px;accent-color:var(--accent)}.chips-sel{flex-wrap:wrap;gap:5px;max-width:260px;margin-top:6px;display:flex}.chip-sel{color:var(--accent);cursor:pointer;background:#2dd4ee1f;border:1px solid #2dd4ee66;border-radius:7px;padding:3px 7px;font-size:11px;transition:background .15s}.chip-sel:hover{color:#ff9db0;background:#fb718529;border-color:#fb718580}.tbl.sortable th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.tbl.sortable th.th-sort:hover{color:var(--accent)}.sort-ar{color:var(--muted);opacity:.7;font-size:10px}.tbl tr.tr-total td{border-top:1px solid var(--accent);background:#2dd4ee0f;font-weight:700}.btn-clear{color:#ff9db0;cursor:pointer;background:#fb71851a;border:1px solid #fb718559;border-radius:9px;align-self:flex-end;padding:8px 12px;font-size:12.5px;transition:background .16s,border-color .16s}.btn-clear:hover{background:#fb71852e;border-color:#fb718599}.exp-btn{color:#7ee5f8;cursor:pointer;background:#2dd4ee17;border:1px solid #2dd4ee4d;border-radius:999px;margin-right:6px;padding:6px 12px;font-size:12px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.exp-btn:hover{background:#2dd4ee29;border-color:#2dd4ee8c;box-shadow:0 0 16px -6px #2dd4ee99}.exp-btn:active{transform:scale(.96)}.user-box{border-left:1px solid var(--glass-border);align-items:center;gap:10px;margin-left:14px;padding-left:14px;display:flex}.user-name{flex-direction:column;font-size:13px;line-height:1.1;display:flex}.user-name small{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-family:var(--font-mono)}.logout{border:1px solid var(--glass-border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:12px;transition:color .16s,border-color .16s}.logout:hover{color:var(--danger);border-color:var(--danger)}.app-footer{border-top:1px solid var(--glass-border);color:var(--muted);margin-top:30px;padding-top:14px;font-size:11.5px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);width:350px;box-shadow:0 34px 90px -30px #000c, inset 0 1px 0 var(--glass-sheen);background:linear-gradient(158deg,#97b7ff1a,#97b7ff08 60%);border-radius:20px;flex-direction:column;padding:30px 28px;animation:.55s cubic-bezier(.2,.7,.3,1) both loginIn;display:flex}@keyframes loginIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.login-logo{filter:drop-shadow(0 0 20px #2dd4ee4d);width:210px;margin:4px auto 2px;display:block}.login-sub{text-align:center;color:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 20px}.login-card label{color:var(--muted);font-size:10px;font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;margin:10px 0 5px}.login-card input{color:var(--text);border:1px solid var(--glass-border);font-size:14px;font-family:var(--font-body);background:#070b168c;border-radius:9px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}.login-card input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2dd4ee29}.login-card button{color:#04222e;cursor:pointer;background:linear-gradient(135deg,#53e6ff,#22b8d8);border:none;border-radius:9px;margin-top:20px;padding:11px;font-size:14px;font-weight:600;transition:filter .16s,transform .16s;box-shadow:0 8px 26px -8px #2dd4ee8c}.login-card button:not(:disabled):hover{filter:brightness(1.1)}.login-card button:not(:disabled):active{transform:scale(.98)}.login-card button:disabled{opacity:.5;cursor:default}.login-err{color:var(--danger);text-align:center;margin-top:14px;font-size:13px}@media print{body{background:#fff}body:before,body:after{display:none}.topbar,.filterbar,.filters,.tabs,.exp-btn,.logout,.btn-clear{display:none!important}.app,.content{background:#fff}.card,.semaforo{break-inside:avoid;box-shadow:none;background:#fff;border-color:#ccc}.kpi2 .value{-webkit-text-fill-color:#111;color:#111;background:0 0}*{color:#111!important;box-shadow:none!important;text-shadow:none!important;animation:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before{animation:none}}.btn-primary{background:linear-gradient(135deg, var(--accent), #1ea9c4);color:#05202a;cursor:pointer;font-weight:700;font-family:var(--font-body);border:none;border-radius:9px;padding:9px 16px;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.ok-box{color:#6ee7b7;background:#34d3991f;border:1px solid #34d39959;border-radius:9px;margin-bottom:12px;padding:9px 14px;font-size:13px}.pill{font-size:11px;font-weight:600;font-family:var(--font-mono,"JetBrains Mono", monospace);border:1px solid #0000;border-radius:999px;padding:2px 9px;display:inline-block}.pill.ok{color:#6ee7b7;background:#34d39924;border-color:#34d3994d}.pill.bad{color:#fda4b4;background:#fb718524;border-color:#fb71854d}.pill.warn{color:#fcd34d;background:#fbbf2424;border-color:#fbbf244d}.pill.accent{color:#7fe6f6;background:#2dd4ee24;border-color:#2dd4ee4d}td.acciones{white-space:nowrap}td.acciones button,.tbl td button{background:var(--card2);color:var(--text);border:1px solid var(--glass-border);cursor:pointer;font-size:12px;font-family:var(--font-body);border-radius:7px;margin-left:6px;padding:4px 10px;transition:background .15s,border-color .15s}td.acciones button:hover{border-color:var(--accent);color:var(--text);background:#2dd4ee26}.fld-v{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.fld-v>span{color:var(--muted);font-size:12px;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.04em}.fld-v input,.fld-v select{color:var(--text);border:1px solid var(--glass-border);font-family:var(--font-body);background:#070b1699;border-radius:8px;padding:9px 11px;font-size:14px}.fld-v input:focus,.fld-v select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2dd4ee26}.chk{color:var(--text);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex}.menu-checks{grid-template-columns:1fr 1fr;gap:8px 18px;padding:6px 0;display:grid}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#050810b8;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--glass-border);border-radius:16px;width:min(460px,92vw);max-height:88vh;padding:22px 24px;overflow:auto;box-shadow:0 24px 60px #00000080}.modal h3{font-family:var(--font-num);margin:0 0 16px;font-size:18px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}