@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Poppins,sans-serif;background:#f7f5ff;color:#211b2d}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:#6d28d9}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border-radius:24px;box-shadow:0 15px 50px rgba(76,29,149,.1)}.auth-card{width:min(430px,100%);padding:34px}.logo{font-size:32px;font-weight:700;color:#6d28d9;text-align:center}.muted{color:#8b8794;font-size:13px}.center{text-align:center}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input{width:100%;border:1px solid #ddd6fe;border-radius:12px;padding:13px 14px;outline:none;background:#fff}input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #ede9fe}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:600}.primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff}.outline{background:#fff;color:#6d28d9;border:1px solid #8b5cf6}.danger{background:#dc2626;color:#fff}.full{width:100%;margin-top:20px}.alert{padding:11px 13px;border-radius:11px;font-size:13px;margin:12px 0}.error{background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}.nav{height:70px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.nav-logo{font-size:24px;font-weight:700;color:#6d28d9}.nav-right{display:flex;gap:16px;align-items:center;font-size:13px}.wrap{width:min(1100px,92%);margin:35px auto}.head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.head h1{margin:0;font-size:30px}.code{font-size:12px;color:#8b8794}.code strong{color:#6d28d9}.grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:16px;gap:16px}.stat{padding:24px}.stat .label{font-size:12px;color:#8b8794}.stat .value{font-size:26px;font-weight:700;margin-top:6px}.purple{color:#6d28d9}.red{color:#dc2626}.progress{height:9px;background:#eee;border-radius:10px;overflow:hidden;margin:18px 0 8px}.progress>div{height:100%;background:linear-gradient(90deg,#6d28d9,#a855f7);transition:.3s}.section{margin-top:32px}.section h2{font-size:19px}.avatar{background:#ede9fe;color:#6d28d9}.member b,.member span{display:block}.member span{font-size:12px;color:#6d28d9}.member small{color:#dc2626}.row{padding:16px 18px;border-bottom:1px solid #eee}.row:last-child{border:0}.icon{border-radius:50%;background:#f3e8ff}.row-main b{font-size:13px}.row-main span{font-size:11px;color:#999}.amount{font-size:13px;color:#6d28d9}.fine .amount{color:#dc2626}.empty{padding:60px 25px;text-align:center}.empty h2{margin:0;color:#5b21b6}.actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.actions .btn{width:auto}.modal{position:fixed;inset:0;background:rgba(15,8,30,.45);display:grid;place-items:center;padding:20px;z-index:50}.modal-box{width:min(450px,100%);padding:28px;position:relative}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;color:#999}.types{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:15px 0}.type{border:1px solid #ddd6fe;border-radius:11px;padding:11px;font-weight:600}.type.active{background:#ede9fe;border-color:#8b5cf6}.spinner{text-align:center;padding:40px;color:#8b8794}@media(max-width:800px){.grid,.members{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}.head .btn{width:100%}}@media(max-width:500px){.nav{padding:0 18px}.nav-right span{display:none}.wrap{width:94%}.actions{flex-direction:column}.actions .btn{width:100%}}.section-title{gap:12px}.member-top{gap:8px}.member-top strong{font-size:12px;color:#6d28d9}.member-bar{background:#eee;border-radius:10px}.member-bar>div{background:linear-gradient(90deg,#6d28d9,#a855f7);border-radius:10px;transition:.3s}.personal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.personal{padding:20px}.personal .label{display:block;font-size:12px;color:#8b8794}.personal .value{display:block;font-size:23px;margin:5px 0}.personal small{color:#8b8794;font-size:11px}@media(max-width:500px){.personal-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}}.app-shell{display:flex;background:#f7f5ff}.sidebar{width:252px;min-height:100vh;background:linear-gradient(180deg,#0b1020,#10152a);color:#dbe3ff;padding:26px 16px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:40;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 27px}.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);font-size:25px;box-shadow:0 8px 25px rgba(124,58,237,.35)}.brand-mark,.brand-name{color:#fff;font-weight:700}.brand-name{font-size:21px;line-height:1}.brand-tag{color:#8e98b7;margin-top:4px;letter-spacing:.1px}.menu-label{letter-spacing:1.2px;color:#69738f;font-weight:700}.settings-label{margin-top:14px}.side-item{width:100%;border:0;background:transparent;color:#9da8c7;text-align:left;padding:11px 13px;margin:3px 0;display:flex;align-items:center;font-size:13px;font-weight:500;transition:.2s}.side-item span{width:22px;text-align:center;font-size:18px;color:#8792b1}.side-item:hover{background:rgba(255,255,255,.055);color:#fff}.side-item.active{background:linear-gradient(90deg,#6d28d9,#7c3aed);color:#fff;box-shadow:0 9px 22px rgba(109,40,217,.22)}.side-item.active span{color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:15px}.profile-mini{gap:9px}.profile-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c4b5fd,#7c3aed);color:#fff;font-weight:700}.profile-text{flex:1 1;min-width:0}.profile-text b{display:block;color:#fff;font-size:11px}.profile-text small{display:block;color:#68738f;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini>span{color:#7180a2;font-size:21px}.logout-item{color:#8d98b7}.logout-item:hover{color:#fca5a5;background:rgba(220,38,38,.08)}.app-shell>.wrap{margin-left:252px;width:calc(100% - 252px);max-width:none;padding:28px 5%;margin-top:0}.settings-box{width:min(520px,100%);padding:30px;position:relative}.settings-head h2{margin:4px 0 5px;font-size:25px}.settings-head p{margin:0;color:#8b8794;font-size:12px}.settings-list{margin-top:22px;border:1px solid #eee7ff;border-radius:17px;overflow:hidden}.setting-row{width:100%;padding:15px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left}.setting-row:last-child{border-bottom:0}.setting-row>span:nth-child(2){flex:1 1}.setting-row b{color:#2d2639;font-size:13px}.setting-row small{color:#9892a3}.setting-row strong{font-size:21px;color:#9b93a7}.setting-icon{width:38px;height:38px;border-radius:11px;background:#f0eaff;color:#6d28d9;font-size:17px}.switch{width:44px;height:24px}.switch span{border-radius:30px;background:#d8d2e3;transition:.2s}.switch span:before{width:18px;height:18px;box-shadow:0 2px 5px rgba(0,0,0,.18)}.dark-mode{background:#080c18;color:#e8eaff}.dark-mode .card{background:#111729;color:#eef0ff;box-shadow:0 15px 50px rgba(0,0,0,.2)}.dark-mode .muted,.dark-mode .stat .label{color:#8791ad}.dark-mode .history .row{border-color:#222a3e}.dark-mode .member-bar,.dark-mode .progress{background:#252d43}.dark-mode .member small,.dark-mode .personal small{color:#8993ae}.dark-mode .setting-row{background:#111729;border-color:#222a3e}.dark-mode .setting-row b{color:#eef0ff}.dark-mode .settings-list{border-color:#222a3e}.dark-mode .settings-head p{color:#8791ad}.dark-mode .type{background:#111729;color:#cfd5e8;border-color:#313951}.dark-mode input{background:#0d1323;color:#fff;border-color:#30384f}@media(max-width:900px){.sidebar{width:220px}.app-shell>.wrap{margin-left:220px;width:calc(100% - 220px);padding:25px 3%}}@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.mobile-top{display:flex;position:-webkit-sticky;position:sticky;top:0;height:64px;background:#0b1020;color:#fff;z-index:35;padding:0 16px;align-items:center;justify-content:space-between;box-shadow:0 5px 20px rgba(0,0,0,.12)}.mobile-brand{border:0;background:none;color:#fff;font-size:17px}.mobile-brand:first-letter{color:#a855f7}.icon-btn{border:0;background:#1b2340;color:#fff;width:38px;height:38px;border-radius:11px}.app-shell>.wrap{margin-left:0;width:100%;padding:22px 4%}.head h1{font-size:25px}}.app-shell{background:#080d19;color:#eef1ff;min-height:100vh}.sidebar{width:255px;background:#0b101d;border-right:1px solid #1d2537;padding:24px 14px 16px;box-shadow:10px 0 40px rgba(0,0,0,.16)}.brand{padding:4px 10px 28px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand-name{font-size:22px}.brand-tag{font-size:8px;color:#74809d}.menu-label{color:#64708d;font-size:9px;padding:10px 12px}.side-item{color:#98a4c1;padding:11px 14px;gap:13px;margin:2px 0;border-radius:12px}.side-item .icon-svg{width:19px;height:19px}.side-item.active{background:linear-gradient(90deg,#7437e8,#6e38d8);box-shadow:0 8px 25px rgba(112,53,220,.3)}.profile-mini{border:0;background:transparent;width:100%;color:#fff;text-align:left;display:flex;align-items:center;gap:10px;padding:8px 9px 13px;cursor:pointer}.profile-mini>strong{color:#73809e;font-size:21px}.profile-mini:hover{background:rgba(255,255,255,.04);border-radius:12px}.sidebar-bottom{border-top:1px solid #1c2435;padding-top:13px}.dashboard-main{margin-left:255px;width:calc(100% - 255px);padding:34px 38px 60px;max-width:1500px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{letter-spacing:1.8px;color:#74809b}.dashboard-header h1{font-size:27px;margin:5px 0 2px;color:#f5f6ff}.dashboard-header p{margin:0;color:#8793ad;font-size:13px}.header-actions{gap:12px}.circle-chip,.header-actions{display:flex;align-items:center}.circle-chip{border:1px solid #273148;background:#11182a;color:#fff;border-radius:16px;padding:7px 12px;gap:10px;min-width:200px;text-align:left}.circle-chip b,.circle-chip small{display:block}.circle-chip small{font-size:9px;color:#76829d}.circle-chip b{font-size:11px;margin-top:2px}.circle-chip>strong{margin-left:auto;color:#73809c;font-size:19px}.chip-avatars{display:flex}.chip-avatars i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9d83ff,#5c35b8);border:2px solid #11182a;font-size:10px}.chip-avatars i+i{margin-left:-9px;background:linear-gradient(135deg,#ffb4db,#b84f92)}.icon-btn,.theme-btn{width:40px;height:40px;border:1px solid #273148;border-radius:13px;background:#11182a;color:#cfd5e8;display:grid;place-items:center}.icon-btn .icon-svg,.theme-btn .icon-svg{width:18px;height:18px}.hero-saving{padding:27px 28px 25px;background:radial-gradient(circle at 86% 18%,rgba(174,102,255,.22),transparent 34%),linear-gradient(120deg,#25144e,#20113f 48%,#17182f);border:1px solid #4b2d78;min-height:180px}.hero-saving:after{content:"♥";position:absolute;right:50px;bottom:-32px;font-size:180px;color:rgba(207,128,255,.07);transform:rotate(-10deg)}.hero-copy{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.hero-icon{width:53px;height:53px;border-radius:15px;background:linear-gradient(135deg,#7d3ff0,#a76af9);display:grid;place-items:center;box-shadow:0 10px 25px rgba(132,64,239,.35)}.hero-icon .icon-svg{width:26px;height:26px}.hero-label{font-size:13px;color:#d9cfff;font-weight:600}.hero-value{font-size:31px;margin:3px 0}.hero-target{font-size:11px;color:#a99fc4}.hero-badge{right:24px;top:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:18px;font-size:9px;color:#e4d9ff}.hero-progress{position:absolute;left:28px;right:28px;bottom:24px}.hero-progress>div{height:11px;background:#45365e;border-radius:20px}.hero-progress span{background:linear-gradient(90deg,#9e68f5,#c083ff);border-radius:20px}.hero-progress b{font-size:14px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:15px}.quick-card{padding:17px 18px;position:relative;min-height:120px;background:#101727;border:1px solid #1d273b}.quick-top{display:flex;align-items:center;gap:9px;color:#8995b0;font-size:10px}.quick-card>b{display:block;font-size:18px;margin:11px 0 8px;color:#f4f5ff}.round-icon,.tiny-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#49328e;color:#fff;font-size:9px;font-weight:700}.tiny-avatar.partner{background:#833d72}.round-icon{border-radius:9px;background:#38276f}.round-icon .icon-svg{width:15px}.red-icon{background:#5d2638;color:#ff93a6}.mini-progress{height:6px;border-radius:10px;background:#29334a;width:82%;overflow:hidden;display:inline-block;vertical-align:middle}.mini-progress span{height:100%;display:block;background:linear-gradient(90deg,#7c43e7,#b06bff);border-radius:10px}.mini-progress.pink span{background:linear-gradient(90deg,#e96bb5,#f08bc8)}.quick-card>small{font-size:9px;color:#a4aec4;margin-left:6px}.quick-card .positive{color:#27d79b;margin:0}.quick-card .negative{color:#ff6f83;margin:0}.danger-card b{color:#ff8090}.content-grid{grid-template-columns:1.65fr 1fr}.chart-card,.summary-card{background:#101727;border:1px solid #1d273b;padding:21px}.card-title{gap:10px}.card-title h2{font-size:15px;color:#f1f3ff}.card-title p{font-size:10px;color:#737f9b;margin:4px 0 0}.card-title select{background:#161e31;color:#d8dced;border:1px solid #2a344a;border-radius:10px;padding:8px 10px;font-size:10px}.fake-chart{display:flex;height:270px;margin-top:12px}.chart-y{width:42px;display:flex;flex-direction:column;justify-content:space-between;padding:7px 0 28px;color:#66728e;font-size:9px}.chart-area{flex:1 1}.grid-lines{inset:8px 0 30px}.grid-lines i{height:1px;background:#202a3d}.chart-area svg{top:6px;height:220px;color:#9c5df4}.chart-area svg,.chart-x{position:absolute;left:0;right:0}.chart-x{bottom:2px;color:#66728e}.chart-dots circle{fill:#b575ff;stroke:#171f31;stroke-width:4}.summary-card{display:flex;flex-direction:column}.summary-card .card-title{align-items:center}.donut{width:72px;height:72px;background:conic-gradient(#a15ef7 0deg,#a15ef7 calc(var(--progress,25)*1deg),#273149 0)}.donut:after{width:56px;height:56px;background:#101727}.donut span{z-index:1}.summary-row{gap:15px;padding:16px 0;border-bottom:1px solid #202a3c;font-size:10px;color:#77839e}.summary-row b{color:#f0f2ff;font-size:11px}.quote{margin-top:auto;text-align:center;color:#808ba5;font-size:10px;line-height:1.7;padding:20px 5px 3px;font-style:italic}.quote strong{display:block;color:#a86af7;font-style:normal;margin-top:8px}.section{margin-top:27px}.section h2{color:#f1f3ff}.section-title{align-items:center}.section-title h2{font-size:16px}.small-btn{padding:9px 13px;font-size:10px}.members{grid-gap:13px;gap:13px}.member{background:#101727;border:1px solid #1d273b}.personal-grid{gap:13px}.history,.personal{background:#101727;border:1px solid #1d273b}.row{border-color:#202a3c}.empty{background:#101727;color:#fff}.modal{background:rgba(3,6,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-box{background:#101727!important;border:1px solid #273148;color:#fff}.setting-row,.settings-list{border-color:#273148}.setting-row{background:#101727;color:#fff}.setting-row b{color:#fff}.setting-icon{background:#241a46;color:#a870ff}.dark-mode .setting-row,.dark-mode .settings-box{background:#101727}@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.summary-card{min-height:330px}}@media(max-width:800px){.sidebar{display:none}.dashboard-main{margin-left:0;width:100%;padding:22px 18px 50px}.mobile-top{display:flex;position:-webkit-sticky;position:sticky;top:0;height:62px;background:#0b101d;color:#fff;z-index:35;padding:0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid #1d2537}.mobile-brand{border:0;background:none;color:#fff;font-size:17px}.mobile-heart{color:#a65cff}.dashboard-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.circle-chip{flex:1 1}.hero-badge{display:none}.members{grid-template-columns:1fr}}@media(max-width:560px){.quick-grid{grid-template-columns:1fr}.hero-saving{min-height:190px;padding:22px}.hero-value{font-size:27px}.hero-progress{left:22px;right:22px}.dashboard-header h1{font-size:23px}.header-actions{gap:8px}.circle-chip{min-width:0}.fake-chart{height:230px}.chart-area svg{height:185px}.personal-grid{grid-template-columns:1fr}}:root{--bg:#080d19;--panel:#101727;--panel2:#0d1322;--line:#1e2940;--text:#eef1ff;--muted:#8590ab;--purple:#7c3aed;--purple2:#a855f7;--red:#ef4444}body{background:var(--bg)}.app-shell.premium-shell{background:var(--bg);min-height:100vh;color:var(--text)}.premium-shell .sidebar{width:255px;background:#0b101d;border-right:1px solid var(--line);padding:24px 14px 16px}.premium-shell .app-content{margin-left:255px;min-height:100vh;padding:38px 5%;width:calc(100% - 255px)}.premium-shell .brand{padding:4px 10px 30px}.premium-shell .brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;font-size:22px;box-shadow:0 8px 25px rgba(124,58,237,.28)}.premium-shell .side-nav{display:flex;flex-direction:column}.premium-shell .side-item{color:#929db9}.premium-shell .side-item b{font-weight:600}.premium-shell .side-item.active{background:linear-gradient(90deg,#6d28d9,#7c3aed);box-shadow:0 10px 24px rgba(109,40,217,.25)}.premium-shell .profile-mini{color:#fff}.premium-shell .sidebar-bottom{border-color:var(--line)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-head h1{font-size:30px;line-height:1.15;margin:6px 0}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a78bfa}.red-text{color:#f87171}.card{background:var(--panel);color:var(--text);box-shadow:0 15px 50px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.035)}.hero-saving{padding:28px 30px;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.25),transparent 35%),linear-gradient(135deg,#181634,#111729)}.hero-value{font-size:38px;font-weight:700;margin-top:7px}.hero-saving p{color:#a5aec5;margin:4px 0}.hero-badge{position:absolute;right:28px;top:25px;padding:9px 13px;border-radius:999px;background:rgba(168,85,247,.16);color:#d8c8ff;font-size:11px}.hero-progress{display:flex;align-items:center;gap:14px;margin-top:24px}.hero-progress>div{height:10px;flex:1 1;background:#252d43;border-radius:99px;overflow:hidden}.hero-progress span{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:99px}.hero-progress b{font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:15px}.stat-card{padding:20px}.stat-card span{display:block;color:#8d98b3;font-size:11px}.stat-card b{display:block;font-size:24px;margin:7px 0}.stat-card small{color:#69748e;font-size:10px}.red{color:#f87171!important}.content-grid{display:grid;grid-template-columns:1.45fr .85fr;grid-gap:15px;gap:15px;margin-top:15px}.chart-card,.summary-card{padding:22px}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title h2{margin:0;font-size:17px}.card-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.text-link{color:#b794f6;font-size:11px;font-weight:600}.fake-chart{margin-top:25px}.chart-area{height:210px;position:relative;overflow:hidden}.chart-area svg{width:100%;height:100%;color:#a855f7;position:relative;z-index:2}.grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #1f2a40}.chart-x{display:flex;justify-content:space-between;color:#6e7891;font-size:9px;padding:8px 3px 0}.donut{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a855f7 var(--progress),#222c42 0);position:relative}.donut:after{content:"";position:absolute;width:54px;height:54px;background:var(--panel);border-radius:50%}.donut span{position:relative;z-index:2;font-size:12px;font-weight:700}.summary-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.summary-row span{color:#7f8aa4}.summary-row b{font-size:12px}.section{margin-top:28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-title h2{font-size:18px;margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.members{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.member{padding:18px;display:flex;gap:13px;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#c4b5fd,#6d28d9);color:#fff;display:grid;place-items:center;font-weight:700}.member-info{flex:1 1;min-width:0}.member-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.member-top b{font-size:12px}.member-top strong{font-size:11px;color:#c084fc}.member-info>span{display:block;color:#a78bfa;font-size:11px;margin-top:4px}.member-bar{height:7px;background:#252e45;border-radius:99px;overflow:hidden;margin:9px 0 6px}.member-bar>div{height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:99px}.member-info small{font-size:9px;color:#707b94}.history{overflow:hidden}.row{padding:15px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.icon{width:38px;height:38px;border-radius:12px;background:#21163b;display:grid;place-items:center}.fine .icon{background:#35171d}.row-main{flex:1 1}.row-main b{display:block;font-size:12px}.row-main span{display:block;color:#707b94;font-size:10px;margin-top:3px}.amount{color:#c084fc;font-size:12px}.fine .amount{color:#f87171}.empty-page{padding:70px 30px;text-align:center;max-width:650px;margin:50px auto}.empty-icon{width:60px;height:60px;border-radius:18px;margin:0 auto 15px;display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#a855f7);font-size:25px}.empty-page h2{margin:0 0 7px}.empty-page p{color:var(--muted);font-size:12px;max-width:450px;margin:0 auto 20px}.big-balance{padding:28px;position:relative}.big-balance>small,.big-balance>span{display:block;color:var(--muted);font-size:11px}.big-balance>b{display:block;font-size:38px;margin:7px 0}.big-balance .progress{margin:20px 0 8px}.big-balance>strong{font-size:11px;color:#c084fc}.simple-list{padding:22px;margin-top:15px}.value{font-size:22px}.danger-hero{padding:28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#23151b,#151827)}.danger-hero small,.danger-hero span{display:block;color:#8f98ad;font-size:11px}.danger-hero b{display:block;font-size:35px;color:#f87171;margin:6px 0}.danger-symbol{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#3b1720;color:#f87171;font-size:28px;font-weight:700}.page-history{margin-top:15px}.circle-code{padding:22px;margin-bottom:15px;display:flex;align-items:center;gap:15px}.circle-code small,.circle-code span{color:var(--muted);font-size:10px}.circle-code b{font-size:25px;color:#c084fc;letter-spacing:3px}.members-page{grid-template-columns:1fr}.member-big{padding:22px;display:flex;gap:17px}.avatar.large{width:58px;height:58px;font-size:18px}.member-top>div span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.member-stats{display:flex;gap:28px;color:var(--muted);font-size:10px}.member-stats b{color:#e7eaff;margin-left:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.settings-card{padding:24px}.settings-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.settings-title h2{margin:0;font-size:17px}.settings-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.setting-icon{width:42px;height:42px;border-radius:13px;background:#241840;color:#c084fc;display:grid;place-items:center;font-size:18px}.settings-card label{color:#8993ad}.settings-card input{background:#0b1220;color:#fff;border-color:#263149}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row span{flex:1 1}.setting-row b{display:block;font-size:12px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.switch{position:relative;width:45px;height:25px;margin:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#30394d;border-radius:99px}.switch span:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span:before{transform:translateX(20px)}.setting-info{padding:15px 0;border-bottom:1px solid var(--line)}.setting-info:last-child{border-bottom:0}.setting-info b{font-size:12px}.setting-info p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0 0}.help-list>div{padding:14px 0;border-bottom:1px solid var(--line)}.help-list>div:last-child{border-bottom:0}.help-list b{font-size:12px}.help-list p{font-size:10px;color:var(--muted);margin:5px 0 0}.mobile-top,.sidebar-overlay{display:none}.logout-screen{min-height:70vh;display:grid;place-items:center;color:#a78bfa;font-size:14px}html.sidamar-dark body{background:#080d19}@media(max-width:900px){.premium-shell .sidebar{width:225px}.premium-shell .app-content{margin-left:225px;width:calc(100% - 225px);padding:28px 3%}.content-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){body,html{width:100%;max-width:100%;overflow-x:hidden}.premium-shell{width:100%;min-height:100dvh;display:block;position:relative}.premium-shell .sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(82vw,300px);height:100dvh;min-height:100dvh;margin:0;padding:20px 13px 14px;transform:translate3d(-105%,0,0);transition:transform .22s ease;z-index:100;overflow-y:auto;overscroll-behavior:contain;box-shadow:18px 0 50px rgba(0,0,0,.5)}.premium-shell .sidebar.open{transform:translateZ(0)}.premium-shell .brand{padding:4px 9px 24px}.premium-shell .side-item{min-height:46px;padding:11px 12px}.premium-shell .sidebar-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.premium-shell .app-content{margin:0;width:100%;min-height:100dvh;padding:18px 14px 30px}.mobile-top{display:flex;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:64px;z-index:95;background:#0b101d;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box}.mobile-brand{border:0;background:none;color:#fff;font-size:18px;font-weight:700;padding:8px 0}.icon-btn{border:1px solid #263149;background:#151e31;color:#fff;border-radius:11px;width:42px;height:42px;font-size:20px;display:grid;place-items:center;cursor:pointer;position:relative;z-index:110}.sidebar-overlay{display:block;position:fixed;inset:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,.62);z-index:90;border:0;cursor:pointer}body:has(.sidebar.open){overflow:hidden}.page-head{align-items:flex-start;flex-direction:column}.page-head .btn{width:100%}.page-head h1{font-size:25px}.hero-saving:after{display:none}.hero-badge{position:static;display:inline-block;margin-top:18px}.hero-value{font-size:31px}.members,.stat-grid{grid-template-columns:1fr}.circle-code{align-items:flex-start;flex-direction:column}.danger-hero{padding:22px}.danger-hero b{font-size:28px}.settings-grid{grid-template-columns:1fr}}@media(max-width:380px){.mobile-top{height:60px;padding:0 12px}.premium-shell .sidebar{width:86vw;padding-left:10px;padding-right:10px}.premium-shell .app-content{padding-left:11px;padding-right:11px}.mobile-brand{font-size:17px}}:root{--bg:#f6f7fb;--panel:#ffffff;--panel2:#fbfaff;--line:#e8eaf1;--text:#252235;--muted:#7c8090;--purple:#6d28d9;--purple2:#8b5cf6;--red:#dc2626}.app-shell.premium-shell,body,html{background:#f6f7fb;color:#252235}.premium-shell .sidebar{background:#ffffff;color:#4b4960;border-right:1px solid #e8eaf1;box-shadow:8px 0 30px rgba(50,40,90,.05)}.premium-shell .brand-name{color:#29253a}.premium-shell .brand-tag{color:#9995a8}.premium-shell .menu-label{color:#aaa6b6}.premium-shell .side-item{color:#747184}.premium-shell .side-item span{color:#9894a6}.premium-shell .side-item:hover{background:#f5f1ff;color:#5b21b6}.premium-shell .side-item.active{background:linear-gradient(90deg,#ede9fe,#f3e8ff);color:#6d28d9;box-shadow:none}.premium-shell .side-item.active span{color:#6d28d9}.premium-shell .sidebar-bottom{border-color:#eeeaf5}.premium-shell .profile-mini{color:#3a354a}.premium-shell .profile-text b{color:#373246}.premium-shell .profile-text small{color:#9691a3}.premium-shell .logout-item{color:#817b8f}.mobile-top{background:#ffffff;color:#29253a;border-bottom:1px solid #e8eaf1;box-shadow:0 5px 20px rgba(50,40,90,.06)}.icon-btn,.mobile-brand{color:#6d28d9}.icon-btn{background:#f5f1ff;border-color:#e7ddff}.card,.chart-card,.history,.member,.personal,.quick-card,.settings-box,.settings-card,.summary-card{background:#fff!important;color:#29253a;border-color:#e8eaf1!important;box-shadow:0 10px 30px rgba(65,45,110,.06)}.card-title h2,.member-top b,.page-head h1,.section-title h2,.setting-row b,.settings-title h2{color:#29253a}.card-title p,.help-list p,.hero-target,.member-info small,.muted,.page-head p,.row-main span,.section-title p,.setting-info p,.setting-row small,.settings-title p,.stat-card small,.stat-card span{color:#858191}.hero-saving{background:linear-gradient(135deg,#ffffff,#f6f1ff);border:1px solid #e9ddff;color:#29253a;box-shadow:0 12px 35px rgba(109,40,217,.08)}.hero-label{color:#6b617d}.hero-value{color:#29253a}.hero-saving p{color:#858191}.hero-badge{background:#f1e9ff;color:#6d28d9;border-color:#e5d7ff}.hero-progress>div{background:#ebe7f3}.hero-progress span{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stat-card span{color:#858191}.stat-card b{color:#29253a}.circle-code b,.text-link{color:#6d28d9}.chart-card,.summary-card{background:#fff}.grid-lines i{border-color:#ececf2}.chart-x,.chart-y{color:#9a96a5}.chart-area svg{color:#8b5cf6}.chart-dots circle{stroke:#fff}.donut{background:conic-gradient(#8b5cf6 var(--progress),#eeeaf5 0)}.donut:after{background:#fff}.summary-row{border-color:#eeeef3}.summary-row span{color:#858191}.summary-row b{color:#393447}.members .member,.personal{border:1px solid #e8eaf1}.avatar{background:linear-gradient(135deg,#ede9fe,#8b5cf6)}.member-info>span,.member-top strong{color:#7c3aed}.member-bar{background:#eeeaf5}.member-bar>div{background:linear-gradient(90deg,#7c3aed,#a855f7)}.history .row{border-color:#eeeef3}.icon{background:#f1eaff}.fine .icon{background:#fee2e2}.amount{color:#7c3aed}.danger-hero b,.fine .amount{color:#dc2626}.empty,.empty-page{background:#fff;color:#29253a}.empty h2,.empty-page h2{color:#5b21b6}.big-balance>b{color:#29253a}.big-balance>strong{color:#7c3aed}.danger-hero{background:linear-gradient(135deg,#fff7f7,#fff);border:1px solid #f1dfe2}.danger-hero small,.danger-hero span{color:#858191}.danger-symbol{background:#fee2e2;color:#dc2626}.circle-code{background:#fff}.setting-icon,.settings-title .setting-icon{background:#f1eaff;color:#6d28d9}.settings-card input{background:#fff;color:#29253a;border-color:#ddd8ea}.help-list>div,.setting-info,.setting-row{border-color:#eeeef3}.switch span{background:#d9d5e2}.switch input:checked+span{background:#7c3aed}.modal{background:rgba(38,28,55,.28)}.type{background:#fff;color:#40394d;border-color:#e1dced}.type.active{background:#f1eaff;border-color:#a78bfa}.logout-screen,.type.active{color:#6d28d9}html.sidamar-dark .app-shell.premium-shell,html.sidamar-dark body{background:#f6f7fb;color:#252235}html.sidamar-dark .card,html.sidamar-dark .setting-row,html.sidamar-dark .settings-box,html.sidamar-dark .settings-card{background:#fff;color:#29253a}html.sidamar-dark .premium-shell .sidebar{background:#fff;color:#4b4960}html.sidamar-dark .mobile-top{background:#fff;color:#29253a}@media(max-width:700px){.premium-shell .sidebar{box-shadow:18px 0 50px rgba(40,30,70,.14)}.sidebar-overlay{background:rgba(30,20,45,.28)}.premium-shell .app-content{background:#f6f7fb}}.compact-title{margin-bottom:8px}.mini-btn{width:34px;height:34px;border:1px solid #e7e5f0;border-radius:10px;color:#6256a8;font-weight:800;display:grid;place-items:center}.mini-btn:hover{background:#f7f5ff;border-color:#cfc8f5}.mini-btn.delete{color:#d94b55}.mini-btn.delete:hover{background:#fff3f3;border-color:#f0c6c9}.mini-btn:disabled{opacity:.55;cursor:wait}.modal-subtitle{margin:-8px 0 18px;color:#77758a;font-size:14px}.edit-preview{margin:12px 0 16px;padding:11px 13px;border-radius:12px;background:#f7f5ff;color:#69657c;font-size:13px}.edit-preview b{color:#5d4bb2}@media(max-width:640px){.row-actions{margin-left:4px;gap:5px}.mini-btn{width:32px;height:32px}.row .amount{font-size:13px}.row-main{min-width:0}.row-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}}.row-actions{display:flex;gap:7px;margin-left:10px;flex-shrink:0}.mini-btn{border:1px solid #e4e0ee;background:#fff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;color:#5b4b7a}.mini-btn:hover{background:#f7f4ff}.danger-outline{color:#c53d52;border-color:#f0c7cf}.danger-outline:hover{background:#fff3f5}@media(max-width:700px){.row{position:relative;flex-wrap:wrap}.row-actions{width:100%;margin:7px 0 0 52px}.mini-btn{padding:6px 9px}}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.btn.secondary{background:#fff;color:#6d28d9;border:1px solid #ddd2f5;box-shadow:none}.btn.secondary:hover{background:#f8f5ff}.circle-modal{max-width:460px}.circle-modal form{display:flex;flex-direction:column;gap:8px}.circle-modal label{margin-top:7px}.circle-modal input{width:100%;box-sizing:border-box}.code-input{text-align:center;text-transform:uppercase;letter-spacing:5px;font-size:22px;font-weight:800}@media(max-width:700px){.empty-page{padding:24px 18px!important;margin-top:12px}.empty-actions{flex-direction:column}.empty-actions .btn{width:100%}.modal{padding:12px;align-items:center}.circle-modal,.modal{box-sizing:border-box}.circle-modal{width:100%;max-width:100%;padding:22px 18px!important;max-height:calc(100dvh - 24px);overflow:auto}.circle-modal h2{font-size:21px}.circle-modal input{font-size:16px;min-height:46px}.circle-modal .btn{min-height:46px}}