*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#000;color:#fff}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(30,60,114,.55) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(80,40,120,.4) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 50%,#0f1932f2,#050812fa);animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(6deg) brightness(1.05)}to{filter:hue-rotate(-4deg) brightness(.97)}}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:440px;max-width:92vw;padding:42px 38px 34px;background:#ffffff0f;backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff14,inset 0 -1px #00000026;animation:cardIn .7s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.brand{text-align:center;margin-bottom:32px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#788cff40,#5a3cc833);border:1px solid rgba(255,255,255,.12);margin-bottom:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;overflow:hidden}.brand-icon img,.logo-alispec{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand h1{font-size:22px;font-weight:600;letter-spacing:.3px;color:#ffffffeb}.field{margin-bottom:20px}.field label{display:block;font-size:12px;font-weight:500;color:#ffffff80;margin-bottom:7px;letter-spacing:.4px;text-transform:uppercase}.input-wrap{position:relative}.input-wrap .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:#ffffff59;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .25s}.field input,.combo-login{width:100%;padding:13px 16px 13px 42px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:background .25s,border-color .25s,box-shadow .25s}.field input::placeholder,.combo-login::placeholder{color:#ffffff40}.field input:focus,.combo-login:focus{background:#ffffff12;border-color:#8ca0ff80;box-shadow:0 0 0 3px #6482ff26}.field input:focus~.icon,.input-wrap input:focus~.icon{stroke:#a0b4ffcc}.btn{display:block;width:100%;padding:13px 20px;margin-top:10px;background:linear-gradient(135deg,#6478ff8c,#4632b480);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;letter-spacing:.3px;transition:background .25s,transform .15s,box-shadow .25s;box-shadow:0 4px 16px #5046c840}.btn:hover{background:linear-gradient(135deg,#6e82ffb3,#503cd2a6);box-shadow:0 6px 24px #5046c859;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.985);box-shadow:0 2px 8px #5046c833}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.footer{text-align:center;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#ffffff47;letter-spacing:.2px}.notify{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-80px);padding:12px 24px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:13px;z-index:100;opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s;pointer-events:none;white-space:nowrap}.notify.show{transform:translate(-50%) translateY(0);opacity:1}.notify.error{border-color:#ff64644d;background:#ff3c3c1f}.notify.success{border-color:#64c8824d;background:#3ca05a1f}.orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:orbFloat 14s ease-in-out infinite alternate}.orb-1{width:350px;height:350px;background:#503cc847;top:-80px;left:-60px}.orb-2{width:280px;height:280px;background:#2850b438;bottom:-60px;right:-40px;animation-delay:-5s}.orb-3{width:200px;height:200px;background:#783cdc2e;top:40%;right:10%;animation-delay:-9s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}to{transform:translate(-20px,25px) scale(.95)}}@media (max-height: 640px){.card{padding:28px 24px 22px}.brand{margin-bottom:20px}.brand-icon{width:48px;height:48px;margin-bottom:10px}.field input,.combo-login{padding:11px 14px 11px 38px;font-size:13px}}@media (max-width: 480px){.card{border-radius:18px;padding:32px 22px 28px}}@media (prefers-reduced-motion: reduce){.bg,.orb{animation:none!important}.card{animation:none!important;opacity:1;transform:translate(-50%,-50%)}.notify{transition:none!important}}.toggle-pass{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;outline:none}.icon-eye{width:18px;height:18px;fill:none;stroke:#fff6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.toggle-pass:hover .icon-eye{stroke:#ffffffd9}.dashboard-container{min-height:100vh;background-color:#080c18;color:#e0e4f0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,#121832eb,#0c1024f5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#788cff,#5040c0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.topbar-title{font-size:14px;font-weight:600;color:#ffffffe0}.topbar-right{display:flex;align-items:center;gap:14px;font-size:12px;color:#ffffff80}.topbar-right .user{color:#ffffffd1}.logout-btn{background:transparent;border:none;color:#ff9696b3;cursor:pointer;font-size:12px;transition:color .2s}.logout-btn:hover{color:#ff6b6b}.main-content{padding:28px 32px;max-width:1400px;margin:0 auto}.page-header h1{font-size:22px;font-weight:600;color:#ffffffeb}.page-header p{font-size:13px;color:#ffffff61;margin-top:3px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:24px 0}.stat-card{background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 20px}.stat-card .label{font-size:11px;font-weight:600;text-transform:uppercase;color:#ffffff59}.stat-card .value{font-size:24px;font-weight:700;color:#fff;margin-top:4px}.stat-card .value.text-sm{font-size:16px}.meta{font-size:12px;margin-top:4px}.meta.warn{color:#ffc832}.meta.info{color:#70a0ff}.meta.ok{color:#50c878}.card-table{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px 24px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.badge-pend{background:#ffc83224;color:#ffc832;padding:4px 12px;border-radius:20px;font-size:11px}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.tbl th{padding:10px 12px;font-size:10px;text-transform:uppercase;color:#ffffff59;background:#00000040}.tbl td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.035);color:#ffffffb3;white-space:nowrap}.tbl td.num{text-align:right}.tbl td.money{font-weight:600;color:#fff}.act-btn{padding:5px 12px;border-radius:6px;background:#6478ff33;border:1px solid rgba(100,120,255,.3);color:#a0b8ff;font-size:11px;cursor:pointer;transition:background .2s}.act-btn:hover{background:#6478ff59}.chip-pend{background:#ffc83226;color:#ffc832;padding:2px 8px;border-radius:10px;font-size:11px}.loading-state,.empty-state{text-align:center;padding:40px;color:#fff6}.footer-note{font-size:11px;color:#ffffff40;text-align:center;margin-top:24px}