@font-face{font-family:"Poppins";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/poppins-400.woff) format("woff")}
@font-face{font-family:"Poppins";font-weight:500 600;font-style:normal;font-display:swap;src:url(fonts/poppins-500.woff) format("woff")}
@font-face{font-family:"Poppins";font-weight:700 900;font-style:normal;font-display:swap;src:url(fonts/poppins-700.woff) format("woff")}
:root{--bg:#f7f9fd;--tx:#0b1020;--mut:#5f6b85;--bd:#e3e8f2;
--ac:#0b4fe0;--ac2:#e8f0ff;--nv:#0a2a8f;--cy:#00aeef;--or:#ff7311;--or2:#fff0e3;
--s1:#0b4fe0;--s2:#00aeef;--s3:#ff7311;--ok:#12b76a;--warn:#f79009;--ko:#f04438;--card:rgba(255,255,255,.82);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#070d1c;--tx:#eef3ff;--mut:#9aa9c7;--bd:#1b2a4a;--ac:#3d86ff;--ac2:#112452;--or2:#3a2210;--card:rgba(15,27,53,.82);--s1:#3068e8;--s2:#0fa4cb;--s3:#e0600e}}
:root[data-theme="dark"]{--bg:#070d1c;--tx:#eef3ff;--mut:#9aa9c7;--bd:#1b2a4a;--ac:#3d86ff;--ac2:#112452;--or2:#3a2210;--card:rgba(15,27,53,.82);--s1:#3068e8;--s2:#0fa4cb;--s3:#e0600e}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--tx);font:500 14.5px/1.55 "Poppins","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;animation:drift 18s ease-in-out infinite alternate}
.bg i:nth-child(1){width:46vmax;height:46vmax;background:#2f6bff;top:-16vmax;left:-12vmax}
.bg i:nth-child(2){width:38vmax;height:38vmax;background:#00aeef;right:-12vmax;top:20vh;animation-duration:23s;animation-delay:-6s}
.bg i:nth-child(3){width:32vmax;height:32vmax;background:#ff9a52;bottom:-14vmax;left:30vw;opacity:.3;animation-duration:27s;animation-delay:-12s}
@media(prefers-color-scheme:dark){.bg i{opacity:.22}.bg i:nth-child(3){opacity:.14}}
@keyframes drift{to{transform:translate(9vmax,6vmax) scale(1.18)}}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes pop{from{opacity:0;transform:scale(.85) rotate(-2deg)}}
@keyframes pulse{50%{box-shadow:0 0 0 7px #12b76a22}}
.side{position:fixed;inset:env(safe-area-inset-top,0px) auto 0 0;width:260px;padding:20px 14px;background:var(--card);backdrop-filter:blur(16px);border-right:1px solid var(--bd);overflow-y:auto;z-index:20;transition:transform .3s;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;margin:0 8px 18px}
.mk{width:40px;height:40px;flex:none}
.bn{font-weight:700;font-size:19px;letter-spacing:.5px;line-height:1.05;color:var(--ac)}
.bn small{display:block;color:var(--or);font-size:13px;letter-spacing:4px;margin-top:3px}
.grp{color:var(--mut);font-size:12px;letter-spacing:.8px;text-transform:uppercase;margin:18px 10px 6px}
.side a{display:block;color:var(--tx);text-decoration:none;padding:10px 12px;border-radius:10px;margin:2px 0;transition:background .2s,transform .2s}
.side a:hover{background:var(--ac2);transform:translateX(3px)}
.side a.on{background:var(--ac2);color:var(--ac);font-weight:700;box-shadow:inset 3px 0 var(--or)}
.side .ft{margin-top:auto;padding:16px 10px 0;font-size:12px;color:var(--mut)}
.top{display:none;position:sticky;top:env(safe-area-inset-top,0px);z-index:15;padding:10px 14px;background:var(--card);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd);align-items:center;gap:10px;font-weight:700}
.top .mk{width:28px;height:28px}.top b{color:var(--ac)}.top b em{font-style:normal;color:var(--or)}
.top button{padding:6px 12px;font-size:18px}
main{margin-left:260px;padding:28px;max-width:1120px}
.view>*{animation:up .55s cubic-bezier(.2,.8,.2,1) both}
.view>:nth-child(2){animation-delay:.07s}.view>:nth-child(3){animation-delay:.14s}.view>:nth-child(4){animation-delay:.21s}.view>:nth-child(5){animation-delay:.28s}
h1{font-size:26px;margin:0 0 4px}h1:after{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--ac),var(--cy) 60%,var(--or))}
h3{margin:0 0 10px;font-size:16px}.sub{color:var(--mut);margin:10px 0 20px}
.card{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--bd);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 8px 28px -14px #0a2a8f33;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px #0a2a8f55}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px}.grid .card{margin:0}
.grid .card:first-child{background:linear-gradient(135deg,var(--ac),var(--nv));color:#fff;border-color:transparent}.grid .card:first-child .mut{color:#ffffffcc}
.big{font-size:28px;font-weight:700;display:block}.mut{color:var(--mut);font-size:13px}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--bd);white-space:nowrap}th{color:var(--mut);font-weight:400;font-size:13px}
input,select,button{font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 14px;transition:transform .15s,border-color .2s,box-shadow .2s}
input:focus,select:focus{border-color:var(--ac);box-shadow:0 0 0 3px #0b4fe033}
button{cursor:pointer}button:hover{border-color:var(--ac)}button:active{transform:scale(.96)}
button.pri{background:linear-gradient(135deg,var(--ac),var(--nv));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 8px 18px -8px var(--ac)}button.pri:hover{filter:brightness(1.1)}button.pri:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
button.cta{background:var(--or);border-color:var(--or);color:#fff;font-weight:700}
:is(input,select,button,a):focus-visible{outline:3px solid var(--or);outline-offset:2px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.row>*{flex:1 1 140px}.row label{display:block;font-size:13px;color:var(--mut);margin-bottom:4px}
.pill{padding:3px 10px;border-radius:99px;font-size:12px;background:#12b76a1f;color:var(--ok)}.pill.w{background:#ff73111f;color:var(--or)}.pill.k{background:#f044381f;color:var(--ko)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);margin-right:7px;animation:pulse 2s infinite}.dot.off{background:var(--ko);animation:none}
.bar{height:10px;background:var(--bd);border-radius:6px;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;border-radius:6px;background:var(--ok);transition:width 1s ease,background .4s;transform-origin:left}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart text{fill:var(--mut);font-size:11px;font-family:inherit}
.chart .gl{stroke:var(--bd);stroke-width:1}
.chart .bars rect,.chart .bars path{transform-origin:bottom;transform-box:fill-box;animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
.chart .hit{fill:transparent;cursor:crosshair}.chart .hit:hover{fill:#0b4fe014}
.chart .tdy{fill:var(--ac2)}
.chart .vl{font-weight:700;fill:var(--tx)}
.chart .av{stroke:var(--mut);stroke-width:1.5;stroke-dasharray:5 4}
.chart .avl{fill:var(--tx);font-weight:700;paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round}
.chart .xt.now{fill:var(--ac);font-weight:700}
#chartcard:hover{transform:none}
.cw{position:relative}
.tip{position:absolute;z-index:5;pointer-events:none;min-width:200px;padding:10px 12px;border-radius:12px;background:var(--bg);color:var(--tx);border:1px solid var(--bd);box-shadow:0 12px 30px -10px #0a2a8f66;font-size:13px;transform:translate(-50%,-100%)}
.tip[hidden]{display:none}.tip b{display:block;margin-bottom:6px}.tip div{display:flex;justify-content:space-between;gap:16px}.tip .tt{border-top:1px solid var(--bd);margin-top:6px;padding-top:6px;font-weight:700}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}
.lg{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--mut);margin:0 0 10px}.lg span{display:inline-flex;align-items:center}
.lg .dsh{width:16px;height:0;border-top:2px dashed var(--mut);margin-right:7px}
.chh{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.chh h3{margin:0}.chh a{color:var(--ac);text-decoration:none;font-size:13px}
.tot{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:6px}.tot span{display:block;font-size:13px}.tot b{display:block;color:var(--tx);font-size:19px}
.seg{display:inline-flex;border:1px solid var(--bd);border-radius:12px;padding:3px;gap:2px;background:var(--card)}
.seg button{border:0;background:transparent;padding:6px 14px;border-radius:9px;font-size:13px}.seg button[aria-pressed="true"]{background:var(--ac);color:#fff;font-weight:700}
.two{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px;align-items:start}.two>.card{margin:0}
.rt{padding:14px 0;border-bottom:1px solid var(--bd)}.rt:first-of-type{padding-top:0}.rt:last-child{border-bottom:0;padding-bottom:0}
.rt-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.rt-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.m b{display:block;font-size:17px;margin:2px 0 0}.m .mut{font-size:12px}
.al{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;margin-bottom:8px;text-decoration:none;color:var(--tx);border:1px solid var(--bd);border-left:4px solid var(--c,var(--ok));transition:transform .2s}
a.al:hover{transform:translateX(3px)}.al.ko{--c:var(--ko)}.al.w{--c:var(--warn)}.al span{flex:1}.al em{font-style:normal;color:var(--mut);font-size:12px}
.kd{display:block;font-size:12px;margin-top:4px}
@media(max-width:980px){.two{grid-template-columns:1fr}}
.al b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:var(--c);flex:none}
.dt{margin-top:12px}.dt summary{cursor:pointer;color:var(--ac);font-size:13px}.dt .tbl{margin-top:8px}
.tot em{font-style:normal;color:var(--mut);font-size:12px}
.m .bar{height:6px;margin-top:6px}
.plan{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin-bottom:8px;padding:14px;border-width:2px}.plan[aria-pressed="true"]{border-color:var(--or);background:var(--or2)}
.portal{max-width:430px;margin:0 auto}
.phead{display:flex;align-items:center;gap:12px;margin-bottom:14px}.phead .mk{width:46px;height:46px}
.ticket{background:linear-gradient(135deg,var(--ac),var(--nv));color:#fff;border-radius:18px;padding:22px;text-align:center;margin:14px 0;border-bottom:5px solid var(--or);animation:pop .6s cubic-bezier(.2,1.2,.3,1) both}
.ticket b{display:block;font-size:36px;letter-spacing:5px;margin-top:12px;padding-top:12px;border-top:2px dashed #fff8}
.ticket small{display:block;margin-top:10px;font-size:11px;letter-spacing:3px;opacity:.85}.ticket small em{font-style:normal;color:#ffb27a}
.note{font-size:12px;color:var(--mut);margin-top:10px}
@media(max-width:860px){.top{display:flex}.side{transform:translateX(-102%)}.side.open{transform:none}main{margin-left:0;padding:18px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}