:root{--ink:#11100f;--paper:#f4f0e8;--paper2:#ebe4d8;--violet:#7c5cff;--violet2:#c7baff;--orange:#ff6b35;--lime:#c8ff5a;--muted:#77736d;--line:rgba(17,16,15,.13);--white:#fffdfa;--shadow:0 30px 80px rgba(17,16,15,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--ink);color:#fff;padding:30px 22px;display:flex;flex-direction:column;z-index:20}.wordmark{font-weight:700;font-size:24px;letter-spacing:-.06em;display:flex;align-items:center;gap:9px;margin:0 8px 54px}.wordmark-dot{width:13px;height:13px;background:var(--lime);border-radius:50%}.side nav,.side-bottom{display:grid;gap:6px}.side nav a,.side-bottom a{padding:12px 14px;border-radius:14px;color:#9d9a95;font-size:14px}.side nav a.active,.side nav a:hover,.side-bottom a:hover{background:#211f1d;color:#fff}.side-bottom{margin-top:auto}.badge{float:right;background:var(--orange);color:#fff;border-radius:99px;padding:2px 7px;font-size:10px}.main{grid-column:2;min-width:0}.top{height:82px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line)}.top-spacer{flex:1}.mobile-brand{display:none;font-weight:700;letter-spacing:-.06em;font-size:22px}.icon-link{font-size:23px;margin-right:18px;position:relative}.dot{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;right:-2px;top:0}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--violet2);font-weight:700}.page{max-width:1280px;margin:0 auto;padding:58px 5vw 100px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero-row{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:48px}.hero-row h1{font-size:clamp(52px,7vw,104px);line-height:.87;letter-spacing:-.075em;margin:10px 0 0;max-width:800px}.serif{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic}.hero-copy{font-size:15px;line-height:1.7;color:var(--muted);max-width:390px;margin-left:auto}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{border:0;border-radius:999px;padding:14px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 10px 25px rgba(17,16,15,.18)}.button-secondary{background:transparent;border:1px solid var(--line)}.button-violet{background:var(--violet);color:#fff}.button-danger{background:#251716;color:#fff}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,250,.55)}.stat small{color:var(--muted);display:block;margin-bottom:15px}.stat strong{font-size:29px;letter-spacing:-.05em}.stat .trend{font-size:11px;color:#5d7753;margin-top:9px}.feature{background:var(--ink);color:#fff;border-radius:34px;padding:34px;min-height:260px;position:relative;overflow:hidden}.feature:after{content:"";position:absolute;width:330px;height:330px;background:radial-gradient(circle,var(--violet),transparent 68%);right:-100px;top:-130px;opacity:.7}.feature .feature-label{color:#aaa49d;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.feature h2{font-size:48px;line-height:.95;letter-spacing:-.06em;max-width:520px;position:relative;z-index:2}.feature .feature-number{font-size:72px;letter-spacing:-.08em;position:absolute;right:34px;bottom:22px;z-index:2}.section-head{display:flex;align-items:end;justify-content:space-between;margin:64px 0 22px}.section-head h2{font-size:32px;letter-spacing:-.055em;margin:0}.section-head a{font-size:12px;color:var(--muted)}.circle-grid{grid-template-columns:repeat(3,1fr)}.circle-card{background:var(--white);border-radius:28px;padding:24px;border:1px solid var(--line);min-height:260px;position:relative;overflow:hidden;transition:.25s transform,.25s box-shadow}.circle-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.circle-card:nth-child(3n+1){background:#e9e1ff}.circle-card:nth-child(3n+2){background:#f9d9cb}.circle-card:nth-child(3n){background:#e5f3c7}.circle-top{display:flex;justify-content:space-between;gap:10px}.circle-card h3{font-size:25px;letter-spacing:-.055em;margin:22px 0 8px}.circle-card p{color:#68645e;font-size:12px;line-height:1.6}.pill{display:inline-flex;border:1px solid rgba(17,16,15,.16);border-radius:99px;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.progress{height:8px;background:rgba(17,16,15,.1);border-radius:99px;overflow:hidden;margin:20px 0 10px}.progress span{height:100%;display:block;background:var(--ink);border-radius:inherit;width:0;animation:grow 1s ease forwards}.circle-foot{display:flex;justify-content:space-between;font-size:11px;color:#68645e}.money{font-size:38px;letter-spacing:-.065em}.split{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:28px}.dark-panel{background:var(--ink);color:#fff}.list{display:grid}.list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-main{display:flex;align-items:center;gap:12px}.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper2);font-weight:700}.muted{color:var(--muted)}.amount-positive{color:#4c7d2d;font-weight:700}.amount-negative{color:#a9472c;font-weight:700}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:15px 10px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--white);border-radius:16px;padding:14px 15px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(124,92,255,.1)}.notice{padding:15px 17px;border-radius:16px;margin:15px 0;font-size:13px}.notice.success{background:#e5f3c7}.notice.danger{background:#f7d4ca}.notice.info{background:#e9e1ff}.setup{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card{max-width:520px;background:var(--white);padding:42px;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow)}.brand-mark{width:50px;height:50px;border-radius:16px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800;margin-bottom:30px}.setup-card h1{font-size:48px;letter-spacing:-.07em;line-height:.95;margin:10px 0}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:var(--ink);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-art:after{content:"";position:absolute;width:600px;height:600px;right:-250px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,var(--violet),transparent 68%)}.auth-art h1{font-size:clamp(60px,7vw,110px);line-height:.85;letter-spacing:-.08em;position:relative;z-index:2}.auth-art p{color:#aaa49d;max-width:400px;line-height:1.7;position:relative;z-index:2}.auth-form{display:grid;place-items:center;padding:40px}.auth-box{width:min(440px,100%)}.auth-box h2{font-size:42px;letter-spacing:-.06em;margin:0 0 8px}.mobile-nav{display:none}@keyframes grow{from{width:0}to{width:var(--progress,80%)}}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.circle-grid{grid-template-columns:repeat(2,1fr)}.hero-row{grid-template-columns:1fr}.hero-copy{margin:0}.split{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.side{display:none}.main{padding-bottom:78px}.top{height:68px;padding:0 20px}.mobile-brand{display:block}.page{padding:38px 20px 60px}.hero-row{gap:25px}.hero-row h1{font-size:58px}.hero-copy{font-size:14px}.stats,.circle-grid,.form-grid{grid-template-columns:1fr}.feature{padding:25px;min-height:230px}.feature h2{font-size:38px}.feature .feature-number{font-size:48px;right:22px}.section-head{margin-top:42px}.section-head h2{font-size:26px}.panel{padding:21px}.money{font-size:34px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:rgba(17,16,15,.96);color:#aaa;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;z-index:50;padding:7px 10px env(safe-area-inset-bottom)}.mobile-nav a{text-align:center;font-size:10px}.mobile-nav .nav-create{width:45px;height:45px;margin:auto;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:500}.auth{grid-template-columns:1fr}.auth-art{min-height:320px;padding:34px 24px}.auth-art h1{font-size:64px}.auth-form{padding:35px 22px}.table{font-size:11px}.hide-mobile{display:none!important}}
.bank-detail{display:grid;gap:7px;margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(120,100,255,.06)}.bank-detail strong{font-size:28px;letter-spacing:.05em}.icon-btn{border:1px solid var(--line);background:var(--white);border-radius:10px;width:34px;height:34px;cursor:pointer}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.ad-slot{grid-column:1/-1}.ad-slot img{max-width:120px}

.choice-row,.choice-stack{display:flex;gap:12px;flex-wrap:wrap}.choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,rgba(0,0,0,.12));border-radius:18px;padding:16px;cursor:pointer;flex:1;min-width:220px}.choice input{margin-top:4px}.choice span{display:grid;gap:4px}.choice small{color:var(--muted,#777);line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.product-card{border:1px solid var(--line,rgba(0,0,0,.1));border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03)}.product-card img{width:100%;height:180px;object-fit:cover;display:block}.product-card>div{padding:18px}.product-card h3{margin:6px 0;font-size:22px}.product-overview{overflow:hidden}@media(max-width:700px){.choice{min-width:100%}.product-card img{height:150px}}