:root{--blue-950:#071135;--blue-900:#0b2468;--blue-800:#0f3f96;--blue-700:#125fc4;--blue-600:#1678e8;--cyan:#35c5ff;--accent:#f59e0b;--graphite:#182238;--green:#16a75a;--green-dark:#087a3e;--ink:#15203a;--muted:#64728b;--steel:#e8eef7;--input:#f9fbff;--border:#2a68ba3d;--surface-strong:#fffffff5;--danger:#b4233a;--shadow:0 16px 36px #0711352e;--soft-shadow:0 8px 22px #07113521}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(135deg,#f8fbfff5 0%,#e2edfbe6 34%,#0f3f96d1 100%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 44px),linear-gradient(90deg,#0b1328,#0e4d9d 48%,#0b1328);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page{isolation:isolate;min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));position:relative}.page:before,.page:after{z-index:-1;pointer-events:none;content:"";position:fixed;inset:0}.page:before{opacity:.42;background:repeating-linear-gradient(115deg,#ffffff17 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,#0711350f 0 1px,#0000 1px 58px);animation:18s linear infinite backgroundDrift;transform:translate(0,0)}.page:after{background:linear-gradient(#ffffff59,#0000 38%,#050d2733)}.shell{width:min(1180px,100%);margin:0 auto}.view-enter{animation:.52s cubic-bezier(.22,1,.36,1) both viewEnter}.shell.narrow{width:min(480px,100%)}.brand{justify-items:center;gap:4px;margin-bottom:18px;animation:.62s cubic-bezier(.22,1,.36,1) both brandEnter;display:grid}.brand.compact{margin-bottom:12px}.brand-logo{filter:drop-shadow(0 10px 14px #000f3a47);width:min(270px,82vw);height:auto;transform:translateZ(0)}.brand.compact .brand-logo{width:min(210px,58vw)}.brand-subtitle{color:var(--blue-900);text-shadow:0 1px 2px #ffffffd9;margin:-6px 0 0;font-size:15px;font-weight:800}.brand-line{transform-origin:50%;background:linear-gradient(90deg,#0000,#35c5fff2,#f59e0b99,#0000);border-radius:999px;width:min(250px,72vw);height:2px;animation:.7s cubic-bezier(.22,1,.36,1) .14s both lineReveal}.card{border:1px solid var(--border);background:linear-gradient(180deg, #fffffffa, #f6f9fff0), var(--surface-strong);box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden;transform:translateZ(0)}.card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--blue-700), var(--accent));opacity:.9;height:3px;position:absolute;inset:0 0 auto}.motion-panel{animation:.56s cubic-bezier(.22,1,.36,1) 90ms both panelEnter}.side-panel{animation-delay:.18s}.login-card,.panel{padding:18px}.card-head{margin-bottom:14px}.eyebrow{color:var(--blue-700);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.title{color:var(--blue-900);margin:0;font-size:clamp(22px,3vw,31px);font-weight:900;line-height:1.15}.copy{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.45}.field,.select-card{gap:6px;margin-bottom:12px;display:grid}.field label,.select-label{color:var(--blue-900);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.control{background:var(--input);width:100%;min-height:44px;color:var(--ink);box-shadow:var(--soft-shadow);border:1px solid #d9e2f4;border-radius:8px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,transform .15s,background-color .15s}.control:focus{box-shadow:0 0 0 4px #1d9cff2b, var(--soft-shadow);border-color:#5af;transform:translateY(-1px)}.control:hover{background:#fff;border-color:#125fc480}.field:focus-within .select-label,.select-card:focus-within .select-label,.field[data-filled=true] .select-label,.select-card[data-filled=true] .select-label{color:var(--blue-700)}.control.compact{min-height:42px}.error,.warning{border-radius:8px;margin:2px 0 12px;padding:9px 11px;font-size:13px;font-weight:800;animation:.26s cubic-bezier(.22,1,.36,1) both noticeIn}.error{background:var(--danger);color:#fff}.warning{color:#7b4b09;background:#fff4e0f5;border:1px solid #eea02c59}.button{color:#fff;text-shadow:0 2px 3px #00103f;will-change:transform;background:linear-gradient(#1494ff,#004cc7 54%,#001c82);border:1px solid #72c5ff;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;font-size:16px;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 26px #00268342}.button:before{content:"";background:#ffffff38;height:45%;position:absolute;inset:0 0 auto}.button>*{position:relative}.button-bg{background:linear-gradient(105deg,#0000 0 35%,#ffffff57 50%,#0000 65% 100%);transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-130%)}.button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 18px 30px #0026834f}.button:hover .button-bg{transform:translate(130%)}.button:active{transform:translateY(1px)scale(.99)}.button.secondary{background:linear-gradient(#0049bcdb,#001b76f5);margin-top:10px}.button.green{background:linear-gradient(#21c95e,#058132);border-color:#55df84}.button.inline{width:auto;min-height:38px;padding:0 14px;font-size:14px}.button.secondary.inline{margin-top:0}.button-icon,.button-label{align-items:center;display:inline-flex}.button:disabled{opacity:.78}.spinner{border:3px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.button-row{align-items:center;gap:10px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes backgroundDrift{0%{transform:translate(0,0)}to{transform:translate(-32px,-18px)}}@keyframes viewEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@keyframes brandEnter{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes panelEnter{0%{opacity:0;transform:translateY(18px)scale(.992)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes fieldIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}@keyframes lineReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes noticeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translate(0,0)}}@keyframes footerEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes pillIn{0%{opacity:0;transform:translate(8px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes numberPop{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes overlayCardIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes progressSweep{0%{transform:translate(-120%)}to{transform:translate(260%)}}.footer{color:#fff;text-align:center;text-shadow:0 2px 3px #000d3699;justify-items:center;gap:6px;margin-top:18px;font-weight:800;animation:.65s cubic-bezier(.22,1,.36,1) .22s both footerEnter;display:grid}.footer-row{align-items:center;gap:8px;display:inline-flex}.footer-copy{border-top:1px solid #ffffff2e;width:min(520px,100%);padding-top:9px;font-weight:700}.app-grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:18px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.status-pill{min-height:30px;color:var(--blue-900);background:#16a75a1f;border:1px solid #16a75a47;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;animation:.43s cubic-bezier(.22,1,.36,1) .24s both pillIn;display:inline-flex}.section-title{align-items:center;gap:8px;margin:14px 0 10px;display:flex}.section-title span{background:var(--blue-700);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;box-shadow:inset 0 1px #ffffff47,0 6px 14px #125fc438}.section-title strong{color:var(--blue-900);font-size:14px;font-weight:900}.section-title:after{content:"";transform-origin:0;background:#00369c2e;flex:1;height:1px;animation:.48s cubic-bezier(.22,1,.36,1) .16s both lineReveal}.quick-grid,.filters-grid,.register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-grid>*,.filters-grid>*,.register-grid>*{animation:.42s cubic-bezier(.22,1,.36,1) both fieldIn}.filters-grid>:nth-child(2),.register-grid>:nth-child(2){animation-delay:40ms}.filters-grid>:nth-child(3),.register-grid>:nth-child(3){animation-delay:80ms}.filters-grid>:nth-child(4),.register-grid>:nth-child(4){animation-delay:.12s}.filters-grid>:nth-child(5),.register-grid>:nth-child(5){animation-delay:.16s}.filters-grid>:nth-child(6){animation-delay:.2s}.filters-grid>:nth-child(7){animation-delay:.24s}.filters-grid>:nth-child(8){animation-delay:.28s}.filters-grid .wide,.register-grid .wide{grid-column:1/-1}.number{width:26px;height:26px;color:var(--ink);background:linear-gradient(#fff,#eef5ff);border:1px solid #d3d8e6;border-radius:50%;place-items:center;font-size:15px;font-weight:900;display:grid;box-shadow:0 6px 14px #0711351a}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stat{border:1px solid var(--border);background:#f8fbffeb;border-radius:8px;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--green));width:3px;position:absolute;inset:0 auto 0 0}.stat:hover{box-shadow:var(--soft-shadow);border-color:#125fc473;transform:translateY(-2px)}.stat span{color:var(--muted);font-size:12px;font-weight:800}.stat strong{color:var(--blue-900);margin-top:4px;font-size:20px;animation:.36s cubic-bezier(.22,1,.36,1) both numberPop;display:block}.status-stack{border-top:1px solid #2a68ba2e;gap:8px;margin-top:18px;padding-top:14px;display:grid}.status-line{color:var(--blue-900);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.status-line span{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #16a75a1f}.status-line.muted{color:var(--muted)}.status-line.muted span{background:var(--accent);box-shadow:0 0 0 5px #f59e0b21}.results-card{overflow:hidden}.results-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:16px;display:flex}.summary-list{gap:9px;padding:14px 16px;display:grid}.summary-line{color:var(--ink);align-items:center;gap:8px;display:flex}.summary-line strong{color:var(--blue-900)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.table th{color:#fff;text-align:left;background:linear-gradient(#174a9f,#0b2f7c);padding:9px 10px;font-weight:900}.table td{background:#f8fbfff2;border-bottom:1px solid #00359624;padding:9px 10px;font-weight:700;transition:background-color .14s}.table tbody tr{transition:transform .14s,filter .14s}.table tbody tr:hover{filter:brightness(1.01);transform:translate(2px)}.table tbody tr:hover td{background:#fff}.icon-action{width:32px;height:28px;color:var(--blue-800);background:#0f3f9614;border:1px solid #0f3f962e;border-radius:8px;place-items:center;transition:transform .14s,background-color .14s,color .14s;display:inline-grid}.icon-action:hover{background:var(--blue-800);color:#fff;transform:translateY(-1px)}.empty{text-align:center;justify-items:center;gap:7px;padding:28px 16px;animation:.42s cubic-bezier(.22,1,.36,1) both panelEnter;display:grid}.empty strong{color:var(--blue-900);font-size:17px}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.detail-box{box-shadow:var(--soft-shadow);background:#f8fbfff2;border:1px solid #7ca8dc;border-radius:8px;animation:.52s cubic-bezier(.22,1,.36,1) .12s both panelEnter;overflow:hidden}.detail-box h3{background:var(--blue-800);color:#fff;text-align:center;margin:0;padding:9px 12px;font-size:15px}.detail-box p{text-align:center;margin:0;padding:12px;font-weight:700}.overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040c266b;place-items:center;padding:18px;animation:.18s ease-out both overlayFade;display:grid;position:fixed;inset:0}.overlay-card{width:min(360px,100%);box-shadow:var(--shadow);color:#fff;text-align:center;background:#0a2564f5;border:1px solid #ffffff47;border-radius:12px;padding:20px;animation:.26s cubic-bezier(.22,1,.36,1) both overlayCardIn}.loader-ring{border:4px solid #fff3;border-top-color:var(--cyan);border-right-color:var(--green);border-radius:50%;width:44px;height:44px;margin:0 auto 12px;animation:.85s linear infinite spin}.loader-bar{background:#ffffff29;border-radius:999px;width:100%;height:3px;overflow:hidden}.loader-bar:before{border-radius:inherit;content:"";background:linear-gradient(90deg, var(--cyan), var(--green), var(--accent));width:42%;height:100%;animation:1.15s cubic-bezier(.4,0,.2,1) infinite progressSweep;display:block;transform:translate(-100%)}.modal-actions{margin-top:14px}@media (max-width:920px){.app-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.page{padding-left:12px;padding-right:12px}.quick-grid,.filters-grid,.register-grid,.stats{grid-template-columns:1fr}.filters-grid .wide,.register-grid .wide{grid-column:auto}.toolbar,.results-head{flex-direction:column;align-items:stretch}.button.inline{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
