*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-app);background:var(--color-surface-page);color:var(--color-text-primary);font-size:var(--ui-font-body);line-height:var(--ui-line-body)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(160deg,var(--color-background-eef8ff-5fac976e),var(--color-background-fff-d14f9016))}.boot-logo{width:64px;height:64px;border-radius:22px;background:linear-gradient(145deg,var(--color-brand-primary),var(--color-background-6da9e5-65eeb67f));display:grid;place-items:center;color:var(--color-text-fff-d14f9016);font-size:calc(27px * var(--ui-font-scale));box-shadow:0 16px 40px var(--color-shadow-rgba-49-120-198-28-afa97674)}.boot strong{font-size:calc(22px * var(--ui-font-scale))}.boot small{color:var(--color-text-muted)}.loader{width:24px;height:24px;border:3px solid var(--color-border-dbeaf8-adefe3cd);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .8s linear infinite;margin-top:8px}@keyframes spin{to{transform:rotate(360deg)}}
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) 1fr;background:var(--color-background-fff-d14f9016)}.auth-form{padding:clamp(26px,6vw,72px);display:flex;flex-direction:column;justify-content:center}.auth-art{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--color-background-3f8bd2-a74d2bf5),var(--color-background-77b4e7-0b8b528b));min-height:100vh}.auth-art:before,.hero:before{content:"";position:absolute;inset:auto -10% -38% -10%;height:76%;border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 20%,var(--color-background-rgba-255-255-255-28-b58688c0),transparent 16%),repeating-radial-gradient(circle at 50% 20%,var(--color-background-rgba-255-255-255-09-9e3854f1) 0 2px,transparent 3px 18px);opacity:.9}.auth-art:after{content:"";position:absolute;inset:12%;background:radial-gradient(circle,var(--color-background-rgba-255-255-255-22-bab0b826) 0 1px,transparent 2px);background-size:24px 24px;mask-image:linear-gradient(to bottom,var(--color-paint-000-598b32b7),transparent)}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:48px}.brandmark{width:48px;height:48px;border-radius:16px;background:var(--color-brand-primary);color:var(--color-text-fff-d14f9016);display:grid;place-items:center;font-size:calc(20px * var(--ui-font-scale));box-shadow:0 10px 26px var(--color-shadow-rgba-49-120-198-22-89d58f17)}.auth h1{font-size:calc(28px * var(--ui-font-scale));margin:0 0 10px}.sub{color:var(--color-text-muted);line-height:2}.field{display:flex;flex-direction:column;gap:7px;margin-top:16px}.field label{font-weight:600;font-size:calc(13px * var(--ui-font-scale))}.input,.select,.textarea{width:100%;border:1px solid var(--color-border-default);background:var(--color-background-fbfdff-4318b3c2);border-radius:14px;padding:13px 14px;outline:none;transition:.18s}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-9dc5ea-12c0548c);box-shadow:0 0 0 4px var(--color-shadow-rgba-49-120-198-08-a6853bfa);background:var(--color-background-fff-d14f9016)}.textarea{min-height:110px;resize:vertical}.phonebox{position:relative}.phonebox i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-91a2b8-b9b4776a)}.phonebox input{padding-right:40px;direction:ltr;text-align:right}.btn{border:0;border-radius:13px;padding:12px 16px;background:var(--color-background-edf2f7-5654d3ab);color:var(--color-text-primary);font-weight:700;transition:.18s var(--motion-ease-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(145deg,var(--color-brand-primary),var(--color-brand-primary-strong));color:var(--color-text-fff-d14f9016);box-shadow:0 9px 24px var(--color-shadow-rgba-49-120-198-22-89d58f17)}.btn.soft{background:var(--color-brand-soft);color:var(--color-brand-primary-strong)}.btn.danger{background:var(--color-background-fff0f2-d9869f95);color:var(--color-text-c84453-314777a4)}.btn.sm{padding:8px 11px;border-radius:10px;font-size:calc(12px * var(--ui-font-scale))}.btn.block{width:100%;margin-top:20px}.otp-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.auth-note{margin-top:20px;color:var(--color-text-muted);font-size:calc(12px * var(--ui-font-scale));line-height:1.9}
.shell{min-height:100vh}.desktop-side{position:fixed;right:18px;top:18px;bottom:18px;width:228px;background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);border-radius:24px;box-shadow:var(--elevation-card);padding:14px;z-index:30;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:10px 8px 18px}.side-brand .brandmark{width:40px;height:40px;border-radius:13px}.side-brand b{font-size:calc(17px * var(--ui-font-scale))}.side-brand small{display:block;color:var(--color-text-muted);font-size:calc(10px * var(--ui-font-scale))}.nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.nav button{border:0;background:transparent;color:var(--color-text-697a91-e4a7a73d);border-radius:13px;padding:10px 11px;display:flex;align-items:center;gap:11px;text-align:right;transition:.18s}.nav button i{width:22px;text-align:center;font-size:calc(16px * var(--ui-font-scale))}.nav button.active{background:linear-gradient(145deg,var(--color-background-eef6ff-455c10a1),var(--color-background-f7fbff-cbc1cfa6));color:var(--color-brand-primary-strong);font-weight:700;box-shadow:inset 0 0 0 1px var(--color-shadow-d9eafa-dd3372f0)}.side-bottom{margin-top:auto;border-top:1px solid var(--color-border-default);padding-top:10px}.main{margin-right:264px;min-height:100vh;padding:18px 24px 98px}.top{height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px}.top-title small{display:block;color:var(--color-text-muted);font-size:calc(11px * var(--ui-font-scale))}.top-title b{font-size:calc(19px * var(--ui-font-scale))}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--color-border-default);background:var(--color-background-fff-d14f9016);color:var(--color-text-62738a-9300812d);display:grid;place-items:center;transition:.18s}.icon-btn:hover{color:var(--color-brand-primary);border-color:var(--color-border-cfe3f6-477ba643);box-shadow:0 7px 20px var(--color-shadow-rgba-49-120-198-09-d4a68333)}.avatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,var(--color-background-dceeff-fcea9412),var(--color-background-b8d9f6-b604d2b6));display:grid;place-items:center;color:var(--color-brand-primary-strong);font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}
.hero{position:relative;overflow:hidden;min-height:220px;border-radius:26px;background:linear-gradient(135deg,var(--color-background-4a91d2-65ba7310),var(--color-background-70b0e7-195f559c));color:var(--color-text-fff-d14f9016);padding:28px;display:grid;grid-template-columns:1.2fr .8fr;box-shadow:0 18px 50px var(--color-shadow-rgba-49-120-198-2-9cf05ecf)}.hero:before{height:140%;bottom:-88%;right:22%;left:-15%;opacity:.55}.hero>*{position:relative;z-index:2}.hero h2{margin:0 0 8px;font-size:calc(27px * var(--ui-font-scale))}.hero p{max-width:560px;line-height:2;color:var(--color-text-eaf6ff-2dee0cbe)}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hero .btn{background:var(--color-background-fff-d14f9016);color:var(--color-brand-primary-strong)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:center}.hero-stat{background:var(--color-background-rgba-255-255-255-15-7a92317e);border:1px solid var(--color-border-rgba-255-255-255-22-bab0b826);backdrop-filter:blur(10px);border-radius:18px;padding:16px}.hero-stat strong{display:block;font-size:calc(20px * var(--ui-font-scale))}.hero-stat span{font-size:calc(11px * var(--ui-font-scale));color:var(--color-text-eef8ff-5fac976e)}
.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h3{margin:0;font-size:calc(17px * var(--ui-font-scale))}.section-head p{margin:3px 0 0;color:var(--color-text-muted);font-size:calc(11px * var(--ui-font-scale))}.link-btn{border:0;background:transparent;color:var(--color-brand-primary);font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card,.card{background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:0 7px 28px var(--color-shadow-rgba-42-78-116-045-f7f7b674);transition:.2s var(--motion-ease-standard)}.service-card{padding:16px;cursor:pointer;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px var(--color-shadow-rgba-42-78-116-09-5e9e7c2d);border-color:var(--color-border-d9e8f5-d5b11342)}.service-icon{width:48px;height:48px;border-radius:16px;background:var(--color-background-eef7ff-ada9bb2c);color:var(--color-brand-primary);display:grid;place-items:center;font-size:calc(19px * var(--ui-font-scale));overflow:hidden;margin-bottom:13px}.service-icon img{width:100%;height:100%;object-fit:cover}.service-card h4{margin:0 0 7px;font-size:calc(14px * var(--ui-font-scale))}.service-card p{color:var(--color-text-muted);font-size:calc(11px * var(--ui-font-scale));line-height:1.8;min-height:38px;margin:0}.price{font-weight:800;color:var(--color-text-primary);margin-top:12px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.chip,.status{font-size:calc(10px * var(--ui-font-scale));border-radius:99px;padding:5px 9px;background:var(--color-background-f2f5f8-b8d83384);color:var(--color-text-64758b-eaa62063)}.chip.blue,.status.active{background:var(--color-background-eaf5ff-a57e3eae);color:var(--color-text-2571b7-74290a08)}.chip.green,.status.done{background:var(--color-background-eaf8f2-916a103c);color:var(--color-text-168156-11cc021b)}.chip.orange,.status.wait{background:var(--color-background-fff5e7-c96cf8c5);color:var(--color-text-ae6f16-fd49a294)}.chip.red,.status.cancel{background:var(--color-background-fff0f2-d9869f95);color:var(--color-text-c84757-5bdd7781)}
.category-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.cat{white-space:nowrap;border:1px solid var(--color-border-default);background:var(--color-background-fff-d14f9016);border-radius:99px;padding:8px 13px;color:var(--color-text-687a91-40d0f464)}.cat.active{background:var(--color-text-primary);color:var(--color-text-fff-d14f9016);border-color:var(--color-text-primary)}
.card{padding:17px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);border-radius:18px;padding:15px;display:flex;gap:12px;align-items:center}.metric i{width:40px;height:40px;border-radius:13px;background:var(--color-background-edf6ff-6db88f56);color:var(--color-brand-primary);display:grid;place-items:center}.metric strong{font-size:calc(17px * var(--ui-font-scale));display:block}.metric small{color:var(--color-text-muted)}
.list{display:flex;flex-direction:column;gap:9px}.item{background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);border-radius:17px;padding:14px;display:flex;align-items:center;gap:12px;transition:.18s}.item.click{cursor:pointer}.item.click:hover{border-color:var(--color-border-d7e6f3-6187982c);transform:translateY(-1px)}.item-icon{width:42px;height:42px;border-radius:14px;background:var(--color-background-f0f6fb-da0767f4);color:var(--color-text-587998-bbcc08de);display:grid;place-items:center;flex:none}.item-main{min-width:0;flex:1}.item-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main small{color:var(--color-text-muted);display:block;margin-top:4px}.amount{font-weight:800;white-space:nowrap}.empty{text-align:center;padding:44px 16px;color:var(--color-text-muted)}.empty i{font-size:calc(38px * var(--ui-font-scale));color:var(--color-text-c6d8e8-ebd8ecae);margin-bottom:12px;display:block}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters .input,.filters .select{width:auto;min-width:160px}
.drawer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-start;background:var(--color-background-rgba-18-36-56-25-aa0e3fdb);backdrop-filter:blur(4px);animation:fade .18s}.drawer-panel{width:min(660px,94vw);height:100%;overflow:auto;background:var(--color-background-fff-d14f9016);padding:22px;box-shadow:-18px 0 60px var(--color-shadow-rgba-18-36-56-15-1c1ecead);animation:slide .28s var(--motion-ease-standard)}@keyframes fade{from{opacity:0}}@keyframes slide{from{transform:translateX(-35px);opacity:.5}}.drawer-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-22px;background:var(--color-background-fff-d14f9016);padding:18px 0 12px;z-index:3;border-bottom:1px solid var(--color-border-default)}.drawer-head h3{margin:0}.detail-cover{height:180px;border-radius:20px;background:linear-gradient(145deg,var(--color-background-dbeeff-35f61ee1),var(--color-background-eff8ff-7f0dfedf));overflow:hidden;margin:14px 0}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info{background:var(--color-background-f8fafc-499668ca);border:1px solid var(--color-border-default);border-radius:14px;padding:11px}.info small{display:block;color:var(--color-text-muted);font-size:calc(10px * var(--ui-font-scale))}.info b{display:block;margin-top:3px}.steps{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:24px 1fr;gap:10px}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--color-brand-primary);margin:6px auto;position:relative}.step:not(:last-child) .step-dot:after{content:"";position:absolute;width:2px;background:var(--color-background-dce6ef-2fced9c0);height:48px;top:13px;right:5px}.step-body{padding-bottom:22px}.step-body small{color:var(--color-text-muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .wide{grid-column:1/-1}.upload{border:1px dashed var(--color-border-bdd4e8-4817d236);border-radius:15px;padding:16px;background:var(--color-background-f8fcff-b2e9e5bc);text-align:center}.upload input{display:none}.upload label{cursor:pointer;color:var(--color-brand-primary);font-weight:700}.preview{width:72px;height:72px;border-radius:15px;object-fit:cover;border:1px solid var(--color-border-default)}
.chat{display:flex;flex-direction:column;gap:8px;min-height:320px;max-height:55vh;overflow:auto;padding:10px;background:var(--color-background-f6f9fc-70a662dc);border-radius:18px}.msg{max-width:78%;padding:10px 12px;border-radius:16px;background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);line-height:1.8}.msg.me{align-self:flex-start;background:var(--color-background-e8f4ff-0448b90f);border-color:var(--color-border-cfe6fa-e660c570)}.msg small{display:block;color:var(--color-text-muted);font-size:calc(9px * var(--ui-font-scale));margin-top:4px}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:10px}.composer .input{margin:0}
.wallet-card{border-radius:24px;padding:22px;background:linear-gradient(135deg,var(--color-background-1e3552-e31a44a4),var(--color-background-38658c-6ee6a43e));color:var(--color-text-fff-d14f9016);position:relative;overflow:hidden;min-height:165px}.wallet-card:after{content:"";position:absolute;width:220px;height:220px;border:40px solid var(--color-border-rgba-255-255-255-05-44501a11);border-radius:50%;left:-80px;bottom:-100px}.wallet-card small{color:var(--color-text-cfe1f2-030affdc)}.wallet-card strong{font-size:calc(29px * var(--ui-font-scale));display:block;margin:10px 0}.wallet-actions{display:flex;gap:8px;position:relative;z-index:2}
.profile-head{display:flex;align-items:center;gap:14px}.profile-head .avatar{width:74px;height:74px;border-radius:24px;font-size:calc(25px * var(--ui-font-scale))}.progress{height:8px;background:var(--color-background-edf1f5-e0e87ce0);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-background-79b7ec-0659fff9));border-radius:99px}
.bottom-nav{display:none}.mobile-more{display:none}.toast{position:fixed;left:20px;bottom:20px;z-index:120;background:var(--color-background-1e2b3c-26018ef2);color:var(--color-text-fff-d14f9016);padding:11px 14px;border-radius:13px;box-shadow:0 12px 35px var(--color-shadow-rgba-0-0-0-15-b41805d6);animation:toast .25s var(--motion-ease-standard)}.toast.bad{background:var(--color-background-a73d49-e712763b)}.toast.ok{background:var(--color-background-167250-787084e5)}@keyframes toast{from{transform:translateY(12px);opacity:0}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-stats{margin-top:12px}.desktop-side{width:205px}.main{margin-right:241px}}
@media(max-width:760px){
 body{background:var(--color-background-f7fafc-a7896559)}.desktop-side{display:none}.main{margin:0;padding:0 14px 90px}.top{height:64px;position:sticky;top:0;z-index:20;background:var(--color-background-rgba-247-250-252-88-436d8a94);backdrop-filter:blur(15px)}.top-title b{font-size:calc(16px * var(--ui-font-scale))}.hero{border-radius:0 0 26px 26px;margin:0 -14px;padding:24px 18px;min-height:245px}.hero h2{font-size:calc(22px * var(--ui-font-scale))}.hero-stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:13px;border-radius:17px}.metric-row{grid-template-columns:1fr 1fr}.metric{padding:12px}.section{margin-top:18px}.bottom-nav{display:grid;position:fixed;z-index:50;bottom:10px;right:10px;left:10px;grid-template-columns:repeat(5,1fr);background:var(--color-background-rgba-255-255-255-94-24433dbf);backdrop-filter:blur(18px);border:1px solid var(--color-border-rgba-220-230-239-9-d372847e);border-radius:22px;padding:7px;box-shadow:0 14px 45px var(--color-shadow-rgba-32-56-83-16-93a6adab)}.bottom-nav button{border:0;background:transparent;color:var(--color-text-8493a8-ab494f47);border-radius:15px;padding:7px 4px;font-size:calc(10px * var(--ui-font-scale));display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button i{font-size:calc(17px * var(--ui-font-scale))}.bottom-nav button.active{background:var(--color-background-edf6ff-6db88f56);color:var(--color-brand-primary-strong);font-weight:700}.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:28px 20px;justify-content:center}.form-grid,.detail-grid{grid-template-columns:1fr}.filters{overflow:auto;flex-wrap:nowrap}.filters .input,.filters .select{min-width:140px}.drawer-panel{width:100%;padding:17px;border-radius:24px 24px 0 0;height:92vh;margin-top:auto;animation:sheet .28s var(--motion-ease-standard)}.drawer{align-items:flex-end}@keyframes sheet{from{transform:translateY(45px);opacity:.6}}.drawer-head{top:-17px}.mobile-more{display:block}.top-actions .search-btn{display:none}.item{padding:12px}.msg{max-width:88%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}