@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17213a;--muted:#6e7890;--blue:#635bff;--panel:#fff;--line:#e7e9f1;--bg:#f4f5fa;--good:#139c7a;--bad:#d94b6a;--shadow:0 18px 45px rgba(31,39,74,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:Manrope,'DM Sans',system-ui,sans-serif;background:linear-gradient(135deg,#f9faff 0%,#f3f5fb 53%,#f8f6ff 100%)}
.aurora{position:fixed;z-index:-1;border-radius:50%;filter:blur(85px);opacity:.27;pointer-events:none}.a1{width:430px;height:430px;top:-220px;right:-140px;background:#948aff}.a2{width:360px;height:360px;top:48%;left:-220px;background:#69dfc7}.app{width:min(100%,1180px);min-height:100vh;margin:auto;padding:30px 34px 118px}.view{animation:enter .35s ease both}.topbar{height:60px;display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.identity{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font-weight:800;background:linear-gradient(135deg,#635bff,#9e72ff);box-shadow:0 9px 20px #756dff44}.identity small{display:block;color:var(--muted);font-size:11px;font-weight:600}.identity b{display:block;margin-top:1px;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.head-buttons{display:flex;gap:9px}.icon-btn,.lang-btn{height:38px;min-width:38px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#49536b;font:700 11px inherit;box-shadow:0 4px 10px #25345108;cursor:pointer;transition:.2s}.icon-btn:hover,.lang-btn:hover{border-color:#bcb8ff;color:var(--blue);transform:translateY(-1px)}
.wallet{position:relative;isolation:isolate;overflow:hidden;min-height:236px;padding:30px;border:0;border-radius:28px;color:#fff;background:linear-gradient(116deg,#34317e 0%,#5d57dc 51%,#7c68f0 100%);box-shadow:0 20px 42px #5048bb40}.wallet:before{content:'';position:absolute;z-index:-1;width:490px;height:300px;right:-165px;bottom:-180px;border-radius:50%;background:radial-gradient(ellipse,#d3b7ff 0%,#937df9 33%,transparent 69%);opacity:.8}.wallet:after{content:'';position:absolute;z-index:-1;width:250px;height:250px;left:37%;top:-185px;border:45px solid #fff2;border-radius:50%;transform:rotate(25deg)}.label{font-size:10px;color:#ddd9ff;font-weight:800;letter-spacing:.12em}.amount{margin:9px 0 30px;font-family:'DM Sans',sans-serif;font-size:45px;font-weight:700;letter-spacing:-.055em}.amount small{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:0;color:#dedbff;font-weight:500}.wallet-foot{display:flex;align-items:center;justify-content:space-between}.online{font-size:11px;color:#e9e7ff}.online i{color:#8ff3cf;font-style:normal}.primary{padding:11px 16px;border:0;border-radius:12px;color:#463ac7;font:800 12px inherit;background:#fff;box-shadow:0 9px 20px #201a7330;cursor:pointer;transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #201a7348}.primary b{font-size:16px;margin-left:6px}.statrow{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;width:min(100%,700px);margin:-15px auto 0;position:relative;z-index:2}.stat{min-height:98px;padding:23px 18px 14px;background:#fff;border:1px solid #e9eaf1;box-shadow:0 11px 26px #383e660b}.stat:first-child{border-radius:0 0 18px 18px}.stat:last-child{border-radius:0 0 18px 18px;text-align:right}.stat span{display:block;font-size:10px;color:var(--muted);font-weight:600}.stat b{display:block;margin:7px 0 5px;font-family:'DM Sans',sans-serif;font-size:16px}.stat b small{font-size:9px;color:var(--muted)}.stat small{font-size:10px;color:var(--good);font-weight:600}.sell-fab{z-index:2;width:62px;height:62px;margin-top:-37px;border-radius:20px;border:5px solid var(--bg);color:white;font-size:29px;background:linear-gradient(145deg,#7f78ff,#5149e1);box-shadow:0 10px 22px #564ee06b;cursor:pointer;transition:.2s}.sell-fab:hover{transform:rotate(90deg)}
.paid{display:flex;align-items:center;gap:12px;width:min(100%,700px);margin:25px auto 0;padding:15px 17px;border:1px solid #d8f2e9;border-radius:16px;background:#edfaf6}.paid i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#d2f4e8;color:var(--good);font-weight:800;font-style:normal}.paid span{display:block;color:#6b8c82;font-size:9px;font-weight:800;letter-spacing:.05em}.paid b{display:block;color:#165848;font-family:'DM Sans',sans-serif;font-size:17px;margin-top:3px}.paid small{margin-left:auto;color:#699485;font-size:10px;text-align:right}.section-title{display:flex;align-items:center;justify-content:space-between;margin:40px 2px 14px}.section-title h2{margin:0;font-size:20px;letter-spacing:-.035em}.text-btn{border:0;background:transparent;color:var(--blue);font:800 12px inherit;cursor:pointer}.text-btn:hover{color:#3c34ca}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border:1px solid var(--line);border-radius:18px;text-align:left;color:inherit;background:rgba(255,255,255,.88);box-shadow:0 7px 16px #3a416708;cursor:pointer;transition:.2s}.service:hover{border-color:#bab6ff;box-shadow:0 12px 28px #564ee019;transform:translateY(-2px)}.service img,.app-mark{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:14px;background:linear-gradient(145deg,#726bff,#a375ff);box-shadow:0 7px 16px #655df434}.app-mark{display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800}.service .grow{flex:1;min-width:0}.service b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.service em{color:var(--blue);font-size:23px;font-style:normal}.chart{padding:20px 18px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 16px #3a416708;color:var(--ink)}.bars{display:flex;align-items:end;gap:9px;height:105px;padding:0 5px;border-bottom:1px solid #e5e8ef}.bars i{width:20px;border-radius:6px 6px 0 0;background:linear-gradient(#9e98ff,#5a52e8);box-shadow:inset 0 4px #ffffff55}.bars i:nth-child(1){height:33%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:79%;background:linear-gradient(#e2aeff,#8a65f3)}.bars i:nth-child(5){height:93%}.bars i:nth-child(6){height:58%}.chart-foot{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font-size:10px;font-weight:600}
.bottom-nav{position:fixed;z-index:7;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around;width:min(calc(100% - 40px),550px);height:70px;padding:0 8px;border:1px solid #e4e6ef;border-radius:22px;background:#fffffff2;box-shadow:0 16px 38px #34395c22;backdrop-filter:blur(16px)}.bottom-nav button{min-width:50px;height:50px;border:0;border-radius:14px;background:transparent;color:#8991a5;font:700 10px inherit;cursor:pointer;transition:.2s}.bottom-nav i{display:block;font-style:normal;font-size:18px;margin-bottom:3px}.bottom-nav .on{min-width:78px;color:#fff;background:linear-gradient(135deg,#6d65f7,#5148d9);box-shadow:0 7px 15px #554ce540}
.panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.9);box-shadow:0 7px 16px #3a416708}.field{display:grid;gap:7px;margin:13px 0;color:#59637a;font-size:11px;font-weight:800}.field input,.field select,.search{width:100%;padding:13px;color:var(--ink);background:#fafbfe;border:1px solid #dfe3ec;border-radius:12px;outline:none;font:600 13px inherit;transition:.2s}.field input:focus,.field select:focus,.search:focus{border-color:#8e88ff;box-shadow:0 0 0 3px #6a62ef18}.tiers{display:flex;gap:8px;overflow:auto;padding:4px 0 11px}.tier{flex:0 0 auto;padding:9px 11px;border:1px solid #e1e1fa;border-radius:11px;background:#f5f4ff;color:#5b54cf;font-size:11px;font-weight:700}.quote{padding:15px;border-radius:15px;color:#424765;background:#f5f6fb;border:1px solid #e7e8f0;line-height:1.75}.quote b{color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.history{padding:14px 1px;border-bottom:1px solid #edf0f5}.history:last-child{border:0}.history small{color:var(--muted);font-size:10px}.badge{padding:5px 8px;border-radius:99px;background:#eff0f5;color:#667086;font-size:9px;font-weight:800;text-transform:uppercase}.badge.approved,.badge.paid{color:#168466;background:#e2f6ef}.badge.pending{color:#a6680b;background:#fff3d9}.badge.rejected,.badge.cancelled{color:#c03e5a;background:#ffebef}.tabs{display:flex;gap:8px;overflow:auto;margin:0 -17px;padding:0 17px 13px}.tabs button{white-space:nowrap;padding:9px 12px;border:1px solid #e2e5ed;border-radius:11px;color:#677087;background:#fff;font:700 11px inherit;cursor:pointer}.tabs button:hover{color:var(--blue);border-color:#c4c1ff}.sheet{position:fixed;z-index:10;inset:0;background:#11152a70;display:flex;align-items:end;backdrop-filter:blur(6px);animation:fade .2s}.sheet-card{width:min(100%,580px);max-height:88vh;overflow:auto;margin:auto;padding:21px 20px calc(29px + env(safe-area-inset-bottom));border:1px solid #e6e8f0;border-bottom:0;border-radius:27px 27px 0 0;background:#fff;box-shadow:0 -20px 60px #11152a32;animation:rise .32s cubic-bezier(.2,.8,.2,1)}.sheet-card h2{font-size:21px;margin:0 0 14px}.handle{width:40px;height:4px;margin:0 auto 17px;border-radius:5px;background:#d5d9e3}.sheet-close{float:right;width:34px;height:34px;border:0;border-radius:11px;background:#f0f2f6;color:#596177;font-size:20px;cursor:pointer}.overlay-toast{position:fixed;z-index:20;left:18px;right:18px;bottom:105px;max-width:430px;margin:auto;padding:13px 15px;border:1px solid #dadafa;border-radius:14px;background:#fff;color:#38405a;box-shadow:0 15px 35px #252a4a26;font-size:12px;font-weight:700}.empty{padding:35px 10px;text-align:center;color:var(--muted)}.admin-strip{padding:10px 12px;border:1px solid #e2d7fc;border-radius:13px;background:#f5f1ff;color:#6947aa;font-size:11px;font-weight:700}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.good,.bad{padding:10px;border:0;border-radius:11px;font:700 12px inherit;cursor:pointer}.good{color:#168466;background:#e0f6ef}.bad{color:#c03e5a;background:#ffebef}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{transform:translateY(100%)}to{transform:none}}
@media(min-width:760px){.app{padding-top:40px}.topbar{margin-bottom:34px}.wallet{min-height:270px;padding:37px}.amount{font-size:53px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service{display:block;min-height:138px;position:relative}.service em{position:absolute;right:15px;bottom:12px}.service small{padding-right:12px}.chart{width:min(100%,700px);margin:auto}.section-title{margin-top:45px}.bottom-nav{bottom:28px}}@media(max-width:540px){.app{padding:calc(17px + env(safe-area-inset-top)) 17px 108px}.topbar{margin-bottom:18px}.wallet{min-height:205px;padding:24px 20px;border-radius:23px}.amount{font-size:38px}.service-grid{grid-template-columns:1fr}.paid{margin-top:19px}.section-title{margin-top:30px}.bottom-nav{bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),442px)}.stat{padding-left:12px;padding-right:12px}.sheet-card{border-radius:24px 24px 0 0}}