*{box-sizing:border-box} :root{--bg:#f4f6f9;--panel:#fff;--text:#101827;--muted:#7c8796;--line:#e7ebf2;--navy:#0b1628;--blue:#5667f1;--blue2:#7558e8;--green:#18a979;--red:#d84c64;--shadow:0 18px 48px rgba(16,24,39,.07)}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:25px 18px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 10%,rgba(83,97,241,.18),transparent 30%),linear-gradient(180deg,#0a1527,#0d1c32);z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand.dark{color:var(--text);padding:0;margin-bottom:20px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6e7cff,#4c58e6);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(83,97,241,.3)}.brand>span:last-child{display:grid}.brand strong{font-size:17px}.brand small{font-size:9px;color:rgba(255,255,255,.45);margin-top:2px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:13px;color:rgba(255,255,255,.67);font-size:13px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.09);color:#fff}.nav-label{padding:22px 13px 6px;font-size:9px;letter-spacing:1.6px;color:rgba(255,255,255,.32)}.demo-note{margin-top:auto;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:14px;background:rgba(255,255,255,.04)}.demo-note b{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(90,103,241,.18);font-size:9px;color:#aeb6ff}.demo-note p{margin:7px 0 0;color:rgba(255,255,255,.48);font-size:10px;line-height:1.55}.main{min-width:0}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid var(--line);background:rgba(244,246,249,.88);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.topbar>div:nth-child(2){display:grid}.topbar>div:nth-child(2) small{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.topbar>div:nth-child(2) strong{font-size:17px;margin-top:2px}.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;justify-content:center}.user-box{display:flex;align-items:center;gap:9px}.user-box>div:nth-child(2){display:grid}.user-box strong{font-size:11px}.user-box small{font-size:9px;color:var(--muted)}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#6875ff,#4e45d9);color:#fff;display:grid!important;place-items:center;font-weight:800}.logout{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;margin-left:4px}.page{padding:29px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:11px}.alert.success{background:#edf9f4;border:1px solid #cdeee2;color:#147455}.alert.error{background:#fff0f2;border:1px solid #f1cdd5;color:#aa3048}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}.balance-panel{min-height:280px;padding:28px;border-radius:26px;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(130,140,255,.34),transparent 30%),linear-gradient(135deg,#192650,#4d59c9 60%,#7257e6);box-shadow:0 24px 58px rgba(65,75,180,.2);display:flex;flex-direction:column}.balance-head{display:flex;align-items:flex-start;justify-content:space-between}.balance-head span{font-size:11px;color:rgba(255,255,255,.65)}.balance-head h1{font-size:44px;letter-spacing:-1.5px;margin:9px 0 0}.balance-head b{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:9px}.account-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.account-meta div{display:grid;gap:5px}.account-meta small{font-size:8px;letter-spacing:1px;color:rgba(255,255,255,.45)}.account-meta strong{font-size:11px}.action-row{display:flex;gap:10px;margin-top:auto}.btn{border:0;border-radius:12px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:linear-gradient(135deg,#5d6df4,#4d5de1);color:#fff;box-shadow:0 10px 24px rgba(79,94,225,.2)}.btn.light{background:#fff;color:#3948bd}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16)}.btn.secondary{background:#edf0f5;color:#3e4a5e}.btn.danger{background:#d84c64;color:#fff}.btn.danger-soft{background:#fff0f2;color:#bd3750}.btn.tiny{padding:7px 9px;font-size:9px}.btn.wide{width:100%}.bank-card{min-height:280px;padding:24px;border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 8%,rgba(255,255,255,.14),transparent 27%),linear-gradient(135deg,#111923,#27313e 55%,#111720);box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;overflow:hidden}.bank-card.preview{width:min(430px,100%);min-height:225px;margin-top:24px}.bank-card.frozen{filter:saturate(.25);opacity:.78}.card-head,.card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head strong{font-size:18px;letter-spacing:1.6px}.chip{width:45px;height:33px;border-radius:8px;background:linear-gradient(135deg,#f4d475,#c89b36);position:relative}.chip:before,.chip:after{content:"";position:absolute;background:rgba(0,0,0,.16)}.chip:before{width:1px;height:100%;left:50%}.chip:after{height:1px;width:100%;top:50%}.card-number{margin:auto 0;font-size:18px;letter-spacing:2px}.card-foot div{display:grid;gap:4px}.card-foot small{font-size:7px;letter-spacing:1px;color:rgba(255,255,255,.45)}.card-foot strong{font-size:10px}.card-demo{position:absolute;right:18px;bottom:8px;font-size:7px;letter-spacing:1px;color:rgba(255,255,255,.28)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat,.panel,.card-control{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 10px 28px rgba(16,24,39,.03)}.stat{padding:18px;display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.stat-icon.blue{background:#eef1ff;color:#5667f1}.stat-icon.purple{background:#f3efff;color:#7558d9}.stat-icon.green{background:#ecf9f4;color:#16956c}.stat div{display:grid;gap:2px}.stat small{font-size:9px;color:var(--muted)}.stat strong{font-size:17px}.stat em{font-style:normal;font-size:9px;color:var(--green)}.stat em.red{color:var(--red)}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel{padding:22px}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.panel-head small,.section-head small{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.panel-head h1,.section-head h1{font-size:23px;margin:3px 0 0}.panel-head h2,.section-head h2{font-size:17px;margin:3px 0 0}.panel-head a{font-size:10px;color:#5869eb;font-weight:700}.section-head p{font-size:10px;color:var(--muted);margin:6px 0 0}.badge{padding:5px 8px;border-radius:999px;background:#f0f2f6;color:#626d7d;font-size:9px}.tx-list{display:grid}.tx{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.tx:last-child{border-bottom:0}.tx-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.tx-icon.in{background:#edf9f4;color:var(--green)}.tx-icon.out{background:#f2f4f7;color:#657286}.tx>div:nth-child(2){display:grid;gap:2px}.tx strong{font-size:11px}.tx small{font-size:9px;color:var(--muted)}.tx-amount{font-size:11px}.tx-amount.in{color:var(--green)}.chart{height:220px;display:flex;align-items:flex-end;gap:10px;padding-top:20px}.chart>div{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.chart i{width:100%;max-width:33px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#818eff,#5667ed);box-shadow:0 8px 18px rgba(86,103,237,.14)}.chart small{font-size:8px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-wrap{display:grid;gap:10px}.card-control{padding:13px;display:flex;align-items:center;justify-content:space-between}.card-control>div{display:grid}.card-control small{font-size:8px;color:var(--muted)}.card-control strong{font-size:11px}.transfer-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.form-grid{display:grid;gap:15px}.form-grid label{display:grid;gap:6px}.form-grid label>span{font-size:9px;font-weight:700;color:#465266}.form-grid input,.form-grid select,.small-input{width:100%;border:1px solid #dce2eb;background:#fbfcfd;border-radius:11px;padding:11px 12px;outline:0}.form-grid input:focus,.form-grid select:focus,.small-input:focus{border-color:#8e9aff;box-shadow:0 0 0 3px rgba(86,103,241,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{display:flex;gap:11px;padding:13px;border-radius:13px;background:#f2f4ff;color:#4151c4}.notice p{font-size:9px;color:#6877bb;margin:2px 0 0}.notice strong{font-size:10px}.summary{align-self:start}.summary>small{font-size:8px;color:var(--muted);letter-spacing:1px}.summary h2{font-size:30px;margin:8px 0 18px}.summary>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.summary span{color:var(--muted)}.mt{margin-top:20px}.admin-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:10px}th{font-size:8px;color:var(--muted)}.table-user{display:flex;align-items:center;gap:8px}.table-user>span{width:33px;height:33px;border-radius:10px;background:#eef1ff;color:#5667f1;display:grid;place-items:center;font-weight:800}.table-user div{display:grid}.table-user strong{font-size:10px}.table-user small{font-size:8px;color:var(--muted)}.role-badge,.status-badge{padding:5px 7px;border-radius:999px;font-size:8px}.role-badge{background:#f1f3f7;color:#5d6878}.status-badge.active{background:#edf9f4;color:#14815f}.status-badge.disabled{background:#fff0f2;color:#b83b53}.inline-form{display:flex;align-items:center;gap:6px}.small-input{width:105px;padding:7px 8px}.icon-action{width:30px;height:30px;border:0;border-radius:9px;background:#edf9f4;color:#14815f;display:grid;place-items:center}.auth-body{min-height:100vh;background:#eef1f5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-visual{padding:40px 52px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 18% 14%,rgba(100,113,255,.3),transparent 28%),linear-gradient(135deg,#0b1426,#192747 58%,#383f87)}.auth-copy{margin:auto 0 18px;max-width:600px}.kicker{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:800}.kicker.light{color:#aab5e4}.auth-copy h1{font-size:47px;line-height:1.07;letter-spacing:-1.4px;margin:11px 0}.auth-copy p{max-width:480px;font-size:11px;line-height:1.7;color:rgba(255,255,255,.56)}.auth-panel{background:#fff;display:grid;place-items:center;padding:30px}.auth-form{width:min(390px,100%);display:grid;gap:15px}.auth-form h2{font-size:31px;margin:3px 0 8px}.auth-form label{display:grid;gap:6px}.auth-form label span{font-size:9px;font-weight:700;color:#465266}.auth-form input{border:1px solid #dce2eb;border-radius:11px;padding:12px 13px;outline:0}.auth-form small{font-size:9px;color:var(--muted);text-align:center}.auth-form a{color:#5869eb;font-weight:700}.install-body{min-height:100vh;display:grid;place-items:center;background:#f0f3f7;padding:20px}.install-card{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.install-card h1{margin:8px 0}.install-card p{font-size:10px;color:var(--muted);line-height:1.6}.muted{color:var(--muted)!important}.form-grid select{appearance:auto}@media(max-width:1100px){.hero-grid,.content-grid,.transfer-grid,.admin-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;right:0;transform:translateX(105%);width:260px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:-22px 0 58px rgba(0,0,0,.25)}.menu-btn{display:flex}.page{padding:22px 18px}.topbar{padding:0 18px}}@media(max-width:740px){.stats-grid,.form-row{grid-template-columns:1fr}.balance-head h1{font-size:34px}.account-meta{grid-template-columns:1fr}.user-box>div:nth-child(2){display:none}.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:54vh;padding:28px 22px}.auth-copy h1{font-size:35px}.auth-panel{padding:28px 18px}}