@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--purple:#5700ff;--ink:#121d4e;--muted:#8790a5;--line:#eae6f0;--pale:#eee6fe;--bg:#f5f3fa;--green:#158471;--navy:#0f1a38;--lilac:#ceb6ff}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font-family:inherit}a{color:var(--purple)}.shell{grid-template-columns:244px minmax(0,1fr)}.sidebar{padding:34px 19px 24px;background:var(--navy);border:0;color:#fff;isolation:isolate;overflow:hidden}.sidebar:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at -20% 95%,#5700ff65,transparent 55%),radial-gradient(ellipse at 120% 5%,#ceb6ff20,transparent 60%);animation:sidebarLight 18s ease-in-out infinite alternate}.brand{color:#fff;font-size:27px;gap:10px;letter-spacing:-1.3px}.brand>span{color:var(--lilac)!important}.brand-mark{background:var(--lilac);color:var(--navy);border-radius:12px}.menu-label{color:#99a2bf;font-size:9px;letter-spacing:1.8px;margin-top:7px}.nav{color:#b8bfd2;padding:13px 14px;border-radius:11px;margin:4px 0;font-size:12px}.nav i{color:inherit}.nav:hover{background:#ffffff0d;color:#fff}.nav.active{background:var(--pale);color:var(--ink);font-weight:600}.nav .pill{margin-left:auto;background:#ffffff12;color:#d8c8f5;font-size:9px}.nav.active .pill{background:#ded0f7;color:var(--purple)}.side-bottom{border-color:#ffffff19}.profile{padding:13px 5px;gap:10px}.profile strong{font-size:11px;display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f1fb}.profile .small{color:#939db9;font-size:10px}.avatar{background:#ceb6ff20;color:var(--lilac);width:35px;height:35px}.workspace{padding:39px clamp(25px,3.5vw,66px) 25px;max-width:1660px}.top{margin-bottom:31px}.eyebrow{font-size:9px;color:#9c93ad;letter-spacing:1.4px}.heading{font-size:28px;letter-spacing:-1.2px;margin-top:8px;font-weight:600;line-height:1.3}.actions{gap:10px;flex-wrap:wrap}.actions #saveStatus{font-size:10px;color:#9b91aa;margin-right:8px}.btn{padding:10px 14px;border-color:#e9e3f0;border-radius:10px;font-size:11px;font-weight:500;background:#fff;box-shadow:none;text-decoration:none}.btn.primary{background:var(--lilac);border-color:var(--lilac);color:var(--ink)}.btn.primary:hover{background:#bfa1f4;filter:none}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{gap:17px}.panel{border:0;border-radius:18px;padding:24px;box-shadow:0 3px 20px #121d4e03}.panel-head{margin-bottom:23px}.panel-title{font-size:14px;font-weight:600;letter-spacing:-.3px}.stat-label{font-size:11px;color:#9b91aa}.stat-value{font-size:27px;margin:12px 0 5px;letter-spacing:-1px;font-weight:600}.small{font-size:11px;line-height:1.75;color:#9297a7}.panel-icon{width:35px;height:35px;background:#f2ecfc;color:var(--purple);border-radius:12px;font-size:13px;margin-bottom:18px}.grid>.panel:first-child{background:var(--ink);color:#fff}.grid>.panel:first-child .stat-label,.grid>.panel:first-child .small{color:#b5bdd8}.grid>.panel:first-child .panel-icon{color:var(--lilac);background:#ffffff12}.split{gap:20px;margin-top:20px;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.table th{font-size:9px;letter-spacing:.8px;color:#b0a8bc;border-bottom-color:#f0ecf5;padding:12px 8px}.table td{font-size:11px;padding:17px 8px;border-color:#f4f0f8}.table .merchant{font-size:11px;font-weight:500}.item-icon{background:#f2ecfc;color:var(--purple);border-radius:11px;width:33px;height:33px;font-size:12px}.tag{border-radius:7px;font-size:9px}.tag.good{background:#eaf8f2;color:#3e8b70}.tag.wait{background:#fdf4e7;color:#b18c4b}.empty{padding:55px 20px;color:#a198ae;font-size:12px}.empty:before{content:'◇';display:block;font-size:32px;line-height:1.2;color:var(--lilac);margin-bottom:14px}.chart{height:178px;gap:13px}.chart-col span{background:linear-gradient(0deg,#eee6fe,#ac80fb);border-radius:6px 6px 2px 2px}.chart-col{font-size:9px}.pill{background:#f1eafa;color:#8b6db7;font-size:9px}.link{font-size:10px;color:#916ac7;font-weight:500;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.bar{height:6px;background:#f4eefc}.bar span{background:var(--lilac)}.list-item{border-color:#f0ecf6}.alert{border:1px solid #eee7fa;background:#fcfaff;border-radius:12px}.alert strong{font-size:12px;font-weight:500}.alert .btn{padding:8px 12px;font-size:10px}.tab{font-size:11px;border:0;padding:10px 15px;background:white;color:#8e849d}.tab.active{background:var(--pale);color:var(--purple);font-weight:500}.field{font-size:10px;font-weight:500;color:#9b91aa;line-height:1.7}.field input,.field select{border-color:#eae5f0;border-radius:9px;padding:11px 12px;font-size:12px;outline-offset:3px}.field input:focus,.field select:focus{border-color:#ceb6ff}.modal{width:min(500px,100%);max-height:calc(100svh - 40px);overflow:auto;border-radius:20px;padding:28px}.modal h3{font-weight:500;font-size:21px;letter-spacing:-.6px}.overlay{background:#0c143c77;backdrop-filter:blur(6px)}.modal-head>.btn{border:0;padding:6px;background:#f5f0fb;color:#8d80a0}.modal .field{margin-bottom:14px}.modal-foot{margin-top:23px}.fortune-item{border-color:#f0ecf6;padding:17px 0}.fortune-item strong{font-size:12px;font-weight:500}.fortune-item .value{font-size:12px;font-weight:600}.note{font-size:10px;color:#a99fb6;line-height:1.8}.footerline{margin-top:27px;padding-top:17px;border-top:1px solid #e9e2f0;color:#aba0b8;font-size:9px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:12px;z-index:50;font-size:12px;box-shadow:0 10px 40px #121d4e33}.toast:empty{display:none}
.page.active{animation:pageEnter .35s ease both}@keyframes pageEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarLight{to{filter:hue-rotate(12deg);opacity:.6}}
/* Account entry */
.auth-body{margin:0;min-height:100svh;display:grid;grid-template-columns:43% 57%;font-family:'DM Sans',Arial,sans-serif}.auth-art{padding:48px clamp(30px,5vw,80px);background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.auth-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 90%,#5700ff99,transparent 55%),radial-gradient(ellipse at 100% 0%,#ceb6ff44,transparent 55%);animation:sidebarLight 17s ease-in-out infinite alternate}.auth-brand{font-size:30px;font-weight:700;letter-spacing:-1.5px}.auth-brand span{color:var(--lilac)}.auth-label{font-size:9px;letter-spacing:1.5px;color:#9b8da9}.auth-art .auth-label{color:#baa5da}.auth-art h1{font-size:clamp(34px,4vw,59px);line-height:1.12;letter-spacing:-2.6px;font-weight:500;margin:22px 0}.auth-art h1 em{font-style:normal;color:var(--lilac)}.auth-art p{font-size:13px;color:#b1b5cd;line-height:1.8}.auth-caption{font-size:11px;color:#a2a9c2}.auth-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 24px;position:relative}.auth-card{width:100%;max-width:380px}.auth-card h2{font-size:43px;font-weight:500;letter-spacing:-2px;line-height:1.08;margin:22px 0}.auth-card>p{font-size:13px;line-height:1.8;color:#8c829a;margin:0 0 28px}.google-signin{width:100%;box-sizing:border-box;border:1px solid #e8e1ee;display:flex;gap:12px;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:#24304c;padding:14px 20px;font:500 13px 'DM Sans',Arial;border-radius:11px}.google-signin svg{width:20px;height:20px}.google-signin:disabled{color:#a498b3;cursor:not-allowed}.auth-divider{height:1px;background:#e6deee;margin:28px 0 23px}.auth-privacy{display:flex;align-items:center;gap:14px}.privacy-dot{font-size:27px;color:#a881dc}.auth-privacy p{font-size:11px;line-height:1.8;color:#9d90aa;margin:0}.privacy-link{display:inline-block;font-size:11px;color:#9276b2;margin-top:24px;text-decoration:none}.auth-review{font-size:8px;letter-spacing:1.2px;color:#b1a5bb;margin-top:28px}.auth-notice{padding:13px 15px;border-radius:11px;background:#eee6fe;font-size:11px;color:#77608f;line-height:1.8;margin:15px 0}.auth-main footer{position:absolute;bottom:24px;font-size:9px;color:#b3a7bd}.privacy-body{margin:0;padding:35px;background:var(--bg)}.privacy-document{max-width:680px;padding:35px;margin:20px auto;background:white;border-radius:22px}.privacy-document h1{font-size:38px;letter-spacing:-1.8px;line-height:1.15;font-weight:500}.privacy-document h2{font-size:17px;font-weight:500;margin-top:28px}.privacy-document p{font-size:13px;line-height:1.9;color:#8d819b}
@media(max-width:1150px){.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px) and (min-width:701px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:28px 13px}.workspace{padding:30px 23px}.heading{font-size:25px}.top{align-items:flex-start}.top .actions{justify-content:flex-end}}@media(max-width:700px){.shell{display:block}.sidebar{height:72px;bottom:0;top:auto;width:100%;padding:7px 5px;background:var(--navy);overflow:visible;border-radius:16px 16px 0 0}.sidebar:before{border-radius:16px 16px 0 0}.nav{font-size:8px;margin:0;border-radius:9px;gap:5px;padding:7px 4px;min-width:49px}.nav i{font-size:16px}.nav .pill{position:absolute;top:3px;right:2px;font-size:7px;padding:1px 4px}.nav{position:relative}.workspace{padding:27px 18px 95px}.heading{font-size:24px}.top{gap:13px;margin-bottom:22px}.top .actions{gap:7px}.top .actions #saveStatus{display:none}.top .actions .btn{font-size:9px;padding:9px}.panel{padding:19px;border-radius:16px}.stat-value{font-size:23px;white-space:normal;overflow-wrap:anywhere}.stat-label{font-size:10px}.panel-icon{margin-bottom:12px}.grid{gap:12px}.table{display:block;overflow-x:auto;white-space:nowrap}.table th,.table td{padding:11px 7px}.panel-head .btn{font-size:9px}.footerline{font-size:8px;gap:15px}.auth-body{display:block}.auth-art{min-height:220px;padding:26px}.auth-brand{font-size:25px}.auth-art h1{font-size:32px;letter-spacing:-1.5px;margin:18px 0 8px}.auth-art h1 br{display:none}.auth-art h1 em{display:block}.auth-art .auth-label,.auth-art p,.auth-caption{display:none}.auth-main{padding:45px 25px 75px;min-height:480px}.auth-card h2{font-size:37px}.auth-main footer{bottom:22px}.privacy-body{padding:16px}.privacy-document{padding:23px}.privacy-document h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.split>div{min-width:0}
@media(max-width:1150px){.split{grid-template-columns:minmax(0,1fr)}}