@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--bg:#080711;--surface:#111020;--surface-2:#18152b;--line:#2c2844;--text:#f4f1ff;--muted:#9992b3;--purple:#9b6cff;--purple-bright:#b998ff;--cyan:#5ee7e2;--danger:#ff717a}body{font-family:Noto Sans,Arial,sans-serif}.stats:not(.transaction-stats) .stat{background:url(/account-card-bg.jpg) 50%/cover}.stats:not(.transaction-stats) .stat small{font-family:Space Grotesk,sans-serif;font-size:16px;color:#ffe184;letter-spacing:.15px;text-shadow:0 1px 10px #e4a92755}.forum-banner{position:relative;isolation:isolate;display:block;width:100vw;min-height:218px;margin:calc(-42px) 0 26px calc(50% - 50vw);padding:0;overflow:hidden;border:0;border-radius:0;background:#15171e}.forum-banner:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/topcover_gb_darkist.jpg) 50%/cover no-repeat}.forum-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15171ef8,#15171ed9 26%,transparent 56%,#15171ee8),linear-gradient(0deg,#15171eda,transparent 70%)}.forum-inner{width:min(1412px,calc(100% - 88px));min-height:218px;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:31px 0}.forum-brand{display:flex;align-items:center;gap:18px}.mir4-logo{width:76px;height:66px;object-fit:cover;border-radius:9px;box-shadow:0 7px 18px #0008}.forum-banner h1{font-size:27px;color:#fff;background:none;letter-spacing:-.8px}.forum-banner .eyebrow{color:#ffdbd9}.forum-banner .month{position:relative;z-index:1}.forum-banner .month input{background:#11121bd9}@media(max-width:570px){.forum-banner{min-height:170px;margin-top:-27px}.forum-inner{width:calc(100% - 36px);min-height:170px;padding:24px 0;align-items:flex-end}.forum-brand{gap:11px}.mir4-logo{width:58px;height:52px}.forum-banner h1{font-size:20px}}body{background-image:linear-gradient(180deg,#070510e8,#080711ed 42%,#080711f5),linear-gradient(90deg,#080711cc,transparent 55%,#080711b8),url(https://file.mir4global.com/mir4-brand-global/img/desktop/section3/slide_1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.class-menu{grid-template-columns:1fr;max-height:calc(100vh - 170px);overflow-y:auto}.account-editor{position:relative;z-index:30}.sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sort:hover{color:#e8e2ff}.sort span{color:var(--purple-bright);font-size:13px}.cancel,.edit{border:1px solid #9b6cff55;background:#9b6cff16;color:#c9b4ff;border-radius:6px;padding:6px 9px;cursor:pointer;font:600 11px inherit;transition:.2s}.edit:hover{background:#9b6cff2b}.cancel{height:42px;border-color:#57516f;background:transparent;color:#b8b0cc}.row-actions{white-space:nowrap}.row-actions button+button{margin-left:6px}.wallet-status{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #5d566f;border-radius:50%;color:#8d859f;font-weight:800}.wallet-status.checked{border-color:#45dba5;background:#2bdb9620;color:#7df1c8}.level{font-weight:700;color:#dfd8f6}.level.success{color:#7df1c8}.credential{display:inline-flex;align-items:center;gap:6px}.eye{position:relative;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #4a4461;border-radius:5px;background:#171426;color:#bdb4d5;cursor:pointer;font-size:0}.eye:before{width:13px;height:8px;border:1.5px solid}.eye:after,.eye:before{content:"";border-radius:50%}.eye:after{position:absolute;width:3px;height:3px;background:currentColor}.eye:hover{border-color:#9b6cff;color:#dfd8f6}.account-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase}.account-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.account-status.online{color:#7df1c8;background:#2bdb9620}.account-status.offline{color:#9d95b1;background:#ffffff0d}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:36px;background:linear-gradient(135deg,#171426ee,#0e0d1bee);border:1px solid #3a3157;border-radius:18px;box-shadow:0 24px 65px #0009}.login-card h1{font-size:30px}.login-card p{margin:11px 0 26px;color:var(--muted);font-size:13px}.login-card form{grid-template-columns:1fr}.login-card .primary{margin-top:4px}.class-picker{min-width:0;height:42px;position:relative}.class-trigger{width:100%;height:42px;display:flex;align-items:center;gap:8px;color:#9b94b1;border:1px solid #35304f;border-radius:8px;padding:0 11px;font:13px inherit;background:#0d0c18;cursor:pointer;text-align:left}.class-picker:focus-within .class-trigger,.class-trigger:hover{border-color:#9b6cff}.class-trigger img{width:28px;height:28px;object-fit:contain}.class-trigger span{margin-left:auto;color:#b998ff;font-size:17px}.class-menu{position:absolute;z-index:20;top:47px;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:6px;border:1px solid #514477;border-radius:9px;background:#171426;box-shadow:0 16px 32px #000a}.class-menu button{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:6px;color:#dcd6ef;background:transparent;font:12px inherit;text-align:left;cursor:pointer}.class-menu button.chosen,.class-menu button:hover{background:#9b6cff25;border-color:#835ce0}.class-menu img{width:30px;height:30px;object-fit:contain}.class-mark{display:inline-flex;align-items:center;gap:7px;color:#dfd8f6;white-space:nowrap}.class-mark img{width:28px;height:28px;object-fit:contain;background:#201c35;border-radius:50%}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(850px 500px at 6% -10%,#3e1e78 0,transparent 63%),radial-gradient(750px 550px at 100% 8%,#122b60 0,transparent 65%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Be Vietnam Pro,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff08 1px,transparent 0),linear-gradient(90deg,#ffffff08 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}main{max-width:1500px;margin:auto;padding:42px 44px 64px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:34px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:2px;font-weight:800;color:var(--cyan)}.eyebrow:before{content:"";height:8px;width:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}h1{font-family:Space Grotesk,sans-serif;font-size:34px;margin:9px 0 0;letter-spacing:-1.3px;background:linear-gradient(100deg,#fff 15%,#c7b2ff 75%);color:transparent;-webkit-background-clip:text;background-clip:text}.month{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.month input{color-scheme:dark;font:inherit;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:#0e0d1b}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:25px}nav button{position:relative;border:0;background:transparent;padding:13px 19px;font:600 14px inherit;color:var(--muted);cursor:pointer}nav button:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:2px;background:transparent;border-radius:3px;transition:.2s}nav button.active{color:#fff}nav button.active:after{background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 14px #9b6cff}.content{display:grid;grid-gap:20px;gap:20px}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1830dd,#100f20e6);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:198px;text-align:left;display:grid;grid-gap:7px;gap:7px;box-shadow:0 12px 28px #00000038;transition:transform .2s,border-color .2s}.stat:before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-42px;top:-45px;background:#895aff22;filter:blur(3px)}.stat:not(div){cursor:pointer}.stat.selected,.stat:hover{transform:translateY(-2px);border-color:#8157d6}.stat.selected{background:linear-gradient(135deg,#2a1d50,#121128)}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.65px;font-weight:700;color:var(--muted)}.stat strong{position:relative;font-family:Space Grotesk,sans-serif;font-size:21px;color:#fff}.stat small{font-size:13px;color:var(--cyan);font-weight:700}.empty{color:var(--muted)}.panel{background:linear-gradient(135deg,#171426e8,#0e0d1bdb);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 15px 30px #00000030;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h2{font-family:Space Grotesk,sans-serif;font-size:17px;letter-spacing:-.25px;margin:0 0 18px}form{display:grid;grid-gap:10px;gap:10px}input,select{height:42px;color:var(--text);border:1px solid #35304f;border-radius:8px;padding:0 12px;font:13px inherit;background:#0d0c18;min-width:0;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#77708e}select{color-scheme:dark}input:focus,select:focus{outline:0;border-color:#9b6cff;box-shadow:0 0 0 3px #9b6cff22}.account-form{grid-template-columns:repeat(6,minmax(0,1fr))}.transaction-form{grid-template-columns:repeat(5,minmax(0,1fr))}.wallet{height:42px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.wallet input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;padding:0;border-radius:4px}.wallet input:checked{background:var(--purple);border-color:var(--purple);box-shadow:inset 0 0 0 3px #0d0c18}.primary{position:relative;overflow:hidden;background:linear-gradient(105deg,#7753e8,#a65eea 60%,#7d70fa);color:#fff;border:0;border-radius:8px;font:700 13px inherit;cursor:pointer;padding:0 15px;min-height:42px;box-shadow:0 8px 20px #7d48dd3d;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.table-wrap{overflow:auto;padding:0}.table-wrap h2{padding:22px 22px 0}table{width:100%;border-collapse:collapse;font-size:13px;min-width:940px}th{text-align:left;background:#211d37;color:#a9a0c7;font-size:10px;text-transform:uppercase;letter-spacing:.75px}td,th{padding:13px 16px;border-bottom:1px solid #292541;vertical-align:middle}tbody tr{transition:background .18s}tbody tr:hover{background:#ffffff06}tbody tr:last-child td{border-bottom:0}td b{color:#f7f5ff;font-weight:700}small{font-size:11px;color:var(--muted)}.gold{font-weight:800;color:#ffe184}.delete{border:1px solid #ff717a2b;background:#ff717a10;color:#ff9a9f;border-radius:6px;padding:6px 9px;cursor:pointer;font:600 11px inherit;transition:.2s}.delete:hover{background:#ff717a25}.badge{padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700}.completed{color:#7df1c8;background:#2bdb9620}.pending{color:#ffe08a;background:#ffcb4c1c}.cancelled{color:#ff9b9f;background:#ff717a1c}.error{background:#ff717a18;border:1px solid #ff717a42;color:#ffafb3;padding:11px 14px;border-radius:8px;font-size:13px;font-weight:600}@media(max-width:980px){main{padding:27px 18px}.account-form,.transaction-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){header{align-items:flex-start;flex-direction:column}h1{font-size:27px}.account-form,.transaction-form{grid-template-columns:1fr}.stat{flex:1 1;min-width:140px}}