@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--ink:#0c2141;--ink-2:#5e738f;--ink-3:#8093ae;--ink-4:#9aaac2;--blue:#1e6fe8;--blue-dark:#0a3d91;--blue-tint:#e8f0fe;--line:#e2eaf4;--line-2:#edf2f9;--surface:#f4f7fc;--red:#b32020;--red-tint:#fdecec;--red-line:#f7c9c9;--green:#128253;--green-tint:#e6f7ef}*{box-sizing:border-box;font-family:Noto Sans Lao,IBM Plex Sans,sans-serif}html,body{color:var(--ink);background:#04122e;margin:0;padding:0}a{color:var(--blue);text-decoration:none}input,select,button,textarea{color:var(--ink);font-family:inherit}input::placeholder,textarea::placeholder{color:#0c214166}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0c285a38;border-radius:9px}@keyframes aur1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(9vw,6vh)scale(1.18)}to{transform:translate(0,0)scale(1)}}@keyframes aur2{0%{transform:translate(0,0)scale(1.1)}50%{transform:translate(-11vw,-7vh)scale(.9)}to{transform:translate(0,0)scale(1.1)}}@keyframes aur3{0%{transform:translate(0,0)scale(.95)}50%{transform:translate(6vw,-9vh)scale(1.25)}to{transform:translate(0,0)scale(.95)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1e9e6a66}50%{box-shadow:0 0 0 10px #1e9e6a00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.app-bg{background:radial-gradient(120% 120% at 12% 8%,#0b2a63 0%,#071b40 45%,#04102a 100%);min-height:100vh;padding:14px;position:relative;overflow-x:hidden}.aurora{pointer-events:none;filter:blur(68px);opacity:.8;z-index:0;position:fixed;inset:-15%}.aurora span{border-radius:50%;position:absolute}.aurora .a1{background:radial-gradient(circle,#3a86ff99,#0000 68%);width:46vw;height:46vw;animation:26s ease-in-out infinite aur1;top:6%;left:6%}.aurora .a2{background:radial-gradient(circle,#e0457b66,#0000 68%);width:40vw;height:40vw;animation:32s ease-in-out infinite aur2;top:24%;right:2%}.aurora .a3{background:radial-gradient(circle,#159a7a66,#0000 70%);width:52vw;height:52vw;animation:29s ease-in-out infinite aur3;bottom:-14%;left:30%}.shell{z-index:1;flex-direction:column;gap:14px;max-width:1360px;margin:0 auto;display:flex;position:relative}.rise{animation:.5s both rise}.glass{-webkit-backdrop-filter:blur(30px)saturate(180%);background:linear-gradient(150deg,#fffffff2,#ffffffdb);border:1px solid #ffffffbf;border-radius:22px;box-shadow:0 16px 40px #030c224d,inset 0 1px #fffffff2}.glass-light{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffdb;border:1px solid #ffffffbf;border-radius:16px;box-shadow:0 12px 30px #030c223d}.card{padding:18px 20px}.card-tight{padding:16px 18px}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600}.input,select.input,textarea.input{background:var(--surface);border:1px solid var(--line);border-radius:13px;outline:none;width:100%;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus,select.input:focus,textarea.input:focus{border-color:#9ec3f5;box-shadow:0 0 0 4px #5a96ff29}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;align-items:center;gap:9px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(150deg,#3886eef7,#0a3d91f7);box-shadow:0 12px 26px #1450be57}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}.btn-secondary:hover{background:#eaf1fb}.btn-danger{border:1px solid var(--red-line);background:var(--red-tint);color:var(--red)}.btn-danger:hover{background:#fbdcdc}.btn-sm{border-radius:12px;padding:9px 16px;font-size:12.5px}.pill-group{border:1px solid var(--line);background:#eff4fb;border-radius:16px;flex-wrap:wrap;gap:6px;width:fit-content;padding:5px;display:flex}.pill-group.on-glass{background:#ffffffe6;border:1px solid #ffffffbf;box-shadow:0 12px 30px #030c223d,inset 0 1px #fffffff2}.pill{cursor:pointer;color:var(--ink-2);white-space:nowrap;border-radius:12px;padding:9px 17px;font-size:13.5px;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1)}.pill.active{color:#fff;background:linear-gradient(150deg,#2c7bea,#0a3d91);font-weight:700;box-shadow:0 10px 22px #1450be4d}.chip{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:20px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:all .3s}.chip:hover{transform:translateY(-2px)}.chip.active{color:var(--blue);border-color:var(--blue);background:var(--blue-tint)}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spinner.dark{border:2px solid #0c214133;border-top-color:var(--blue-dark)}.float{animation:6s ease-in-out infinite float}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(206px,1fr));gap:14px;display:grid}.scroll-x{overflow-x:auto}@media (width<=640px){.app-bg{padding:10px}.card{padding:14px 15px}}