:root{--brand:#ff7a00;--brand-600:#e86800;--brand-50:#fff3e6;--brand-100:#ffe3c7;--ink:#151b2b;--ink-2:#1e263b;--ink-3:#2a3350;--bg:#f3f5f9;--surface:#fff;--surface-2:#f7f8fb;--line:#e6e9f0;--line-2:#eef0f5;--text:#151b2b;--muted:#667085;--subtle:#98a1b2;--success:#12a150;--success-50:#e7f7ee;--danger:#d93a3a;--danger-50:#fdecec;--warning:#b86e00;--warning-50:#fff4de;--info:#2563eb;--info-50:#eaf1fe;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:26px;--shadow-sm:0 1px 2px #151b2b0d;--shadow:0 6px 20px #151b2b0f;--shadow-lg:0 18px 50px #151b2b29;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sidenav-w:260px;--bottomnav-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}body.no-scroll{overflow:hidden}#root{min-height:100dvh}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:var(--brand-600)}:focus-visible{outline-offset:2px;outline:3px solid #ff7a0073}.muted{color:var(--muted)}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-brand{color:var(--brand-600)!important}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field label{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.optional{color:var(--subtle);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.input,.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;min-height:50px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:96px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #ff7a001f}.field-hint{color:var(--muted);font-size:12.5px}.field-error{color:var(--danger);font-size:12.5px;font-weight:600}.input-affix{position:relative}.input-affix>span{color:var(--muted);font-weight:700;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-affix input{padding-left:34px!important}.input-affix .affix-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.form-grid{gap:16px;display:grid}@media (width>=640px){.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}}.check-row{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:flex-start;gap:12px;padding:14px;font-size:14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0;margin:1px 0 0}.check-row.is-checked{border-color:var(--brand);background:var(--brand-50)}.btn{letter-spacing:.005em;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-md{min-height:48px;padding:0 22px;font-size:15px}.btn-sm{min-height:38px;padding:0 15px;font-size:13.5px}.btn-lg{min-height:56px;padding:0 28px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px #ff7a0047}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){background:var(--ink-2)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){border-color:var(--subtle)}.btn-soft{background:var(--brand-50);color:var(--brand-600)}.btn-soft:hover:not(:disabled){background:var(--brand-100)}.btn-ghost{color:var(--ink-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger-50);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fbdada}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-row>.btn{flex:140px}.icon-btn{width:44px;height:44px;color:inherit;background:0 0;border:none;border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:#151b2b0f}.link-btn{color:var(--brand-600);background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.dot-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:1;display:grid;position:absolute;top:3px;right:3px}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);padding:18px}.card-flush{padding:0;overflow:hidden}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title h3{font-size:16px;font-weight:800}.card-title p{color:var(--muted);font-size:13px}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.badge-success{background:var(--success-50);color:var(--success)}.badge-danger{background:var(--danger-50);color:var(--danger)}.badge-warning{background:var(--warning-50);color:var(--warning)}.badge-info{background:var(--info-50);color:var(--info)}.badge-action{background:var(--brand-50);color:var(--brand-600)}.badge-neutral{color:#525c70;background:#eef0f4}.alert{border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.alert .icon{margin-top:1px}.alert-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert-body strong{font-size:14.5px}.alert-close{color:inherit;opacity:.6;background:0 0;border:none;padding:2px}.alert-success{background:var(--success-50);color:#0b7a3c}.alert-danger{background:var(--danger-50);color:#b42323}.alert-warning{background:var(--warning-50);color:#8a5300}.alert-info{background:var(--info-50);color:#1d4ed8}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.stack-lg{flex-direction:column;gap:22px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.avatar{background:linear-gradient(135deg, #ffb45c, var(--brand));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.stars{gap:2px;display:inline-flex}.star-on{color:#f5a524}.star-off{color:#d5dae3}.star-input{flex-direction:column;align-items:center;gap:6px;display:flex}.star-input>div{gap:6px;display:flex}.star-input button{color:#d5dae3;background:0 0;border:none;padding:2px;transition:transform .1s}.star-input button.is-on{color:#f5a524}.star-input button:active{transform:scale(.9)}.star-input>span{color:var(--muted);font-size:14px;font-weight:700}.switch{background:#d5dae3;border:none;border-radius:99px;flex-shrink:0;width:50px;height:30px;padding:0;transition:background .2s;position:relative}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.switch.is-on{background:var(--success)}.switch.is-on span{transform:translate(20px)}.list{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line-2);overflow:hidden}.list>*+*{border-top:1px solid var(--line-2)}.list-row{text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 16px;display:flex}.list-row.is-clickable:hover{background:var(--surface-2)}.row-icon{border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.tone-brand{background:var(--brand-50);color:var(--brand-600)}.tone-ink{background:var(--ink);color:#fff}.tone-success{background:var(--success-50);color:var(--success)}.tone-danger{background:var(--danger-50);color:var(--danger)}.tone-warning{background:var(--warning-50);color:var(--warning)}.tone-info{background:var(--info-50);color:var(--info)}.tone-neutral{color:#525c70;background:#eef0f4}.tone-action{background:var(--brand-50);color:var(--brand-600)}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.row-amount{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.row-right-sub{color:var(--muted);font-size:12px}.row-chevron{color:var(--subtle)}.tabs{scrollbar-width:none;background:#e9ecf2;border-radius:99px;gap:6px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);background:0 0;border:none;border-radius:99px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-count{background:var(--brand);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:grid}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head h2{align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block}.empty{text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--line);flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty h3{margin-top:6px;font-size:16px;font-weight:800}.empty p{color:var(--muted);max-width:340px;font-size:14px}.empty .btn{margin-top:10px}.empty-icon{background:var(--brand-50);width:60px;height:60px;color:var(--brand-600);border-radius:20px;place-items:center;display:grid}.empty-icon-danger{background:var(--danger-50);color:var(--danger)}.skeleton-list{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line-2);flex-direction:column;gap:1px;display:flex;overflow:hidden}.skeleton-row{align-items:center;gap:14px;padding:16px;display:flex}.skeleton-row>div{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton{background:linear-gradient(90deg,#eef0f4 25%,#f6f7fa 50%,#eef0f4 75%) 0 0/200% 100%;border-radius:8px;animation:1.2s infinite shimmer;display:block}.skeleton-circle{border-radius:50%;flex-shrink:0;width:44px;height:44px}.skeleton-line{width:70%;height:12px}.skeleton-line.short{width:40%}@keyframes shimmer{to{background-position:-200% 0}}.kv{grid-template-columns:1fr 1fr;gap:14px 18px;margin:0;display:grid}.kv>div{min-width:0}.kv-full{grid-column:1/-1}.kv dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:12px;font-weight:600}.kv dd{word-break:break-word;margin:0;font-weight:600}.divider{background:var(--line-2);border:none;height:1px;margin:4px 0}.sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c101c80;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-height:92dvh;padding-bottom:var(--safe-bottom);border-radius:26px 26px 0 0;flex-direction:column;animation:.24s cubic-bezier(.2,.9,.3,1) rise;display:flex}.sheet-grip{background:#d8dce5;border-radius:99px;flex-shrink:0;width:42px;height:5px;margin:10px auto 0}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px 6px 22px;display:flex}.sheet-head h2{padding-top:8px;font-size:19px;font-weight:800}.sheet-head p{color:var(--muted);margin-top:2px;font-size:14px}.sheet-body{padding:8px 22px 20px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--line-2);padding:14px 22px 18px}.confirm-text{color:var(--ink-3);white-space:pre-line;font-size:15px;line-height:1.6}@media (width>=720px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:24px;max-width:560px;max-height:88vh;animation:.2s ease-out pop}.sheet-sm{max-width:440px}.sheet-lg{max-width:760px}.sheet-grip{display:none}.sheet-head{padding-top:16px}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.4;transform:translateY(40px)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100% - 24px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;animation:.25s ease-out drop;display:flex}.toast-success .icon{color:#4ade80}.toast-danger{background:#7f1d1d}.toast-info .icon{color:#93c5fd}@keyframes drop{0%{opacity:0;transform:translateY(-12px)}}.shell{min-height:100dvh}.main{min-height:100dvh;padding-bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 12px)}.no-bottom-nav .main{padding-bottom:0}.sidenav{display:none}.bottomnav{z-index:40;height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff5;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav-item{color:var(--subtle);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11.5px;font-weight:700;display:flex}.bottomnav-item.is-active{color:var(--ink)}.bottomnav-item.is-active .bottomnav-icon{background:var(--brand-50);color:var(--brand-600)}.bottomnav-icon{border-radius:99px;place-items:center;width:48px;height:30px;transition:background .15s;display:grid;position:relative}.bottomnav-icon .dot-badge{top:-5px;right:2px}.page{flex-direction:column;gap:18px;width:100%;max-width:760px;margin:0 auto;padding:0 16px 28px;display:flex}.page-narrow{max-width:560px}.page-head{background:var(--bg);z-index:30;align-items:center;gap:8px;margin:0 -4px;padding:14px 0 6px;display:flex}.page-head.is-sticky{position:sticky;top:0}.page-back{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--line-2)}.page-title{flex:1;min-width:0}.page-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;line-height:1.25;overflow:hidden}.page-title p{color:var(--muted);font-size:13px}.page-actions{gap:6px;display:flex}.topbar{align-items:center;gap:10px;padding:14px 0 6px;display:flex}.topbar-avatar{background:0 0;border:none;border-radius:50%;padding:0;position:relative}.topbar-avatar .avatar{box-shadow:0 0 0 2px #ffffffe6}.avatar-check{background:var(--brand);color:#fff;border:2px solid var(--ink);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-2px;right:-2px}.topbar-search{color:#ffffffb3;text-align:left;background:#ffffff1a;border:none;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;height:46px;padding:0 16px;font-size:15px;display:flex}.topbar-search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-btn{color:#fff;background:#ffffff1a;width:46px;height:46px}.topbar-btn:hover{background:#ffffff29}.topbar-btn .dot-badge{border-color:var(--ink)}.help-tag{background:var(--brand);color:#fff;letter-spacing:.04em;border-radius:5px;padding:2px 5px;font-size:8.5px;font-weight:800;position:absolute;top:-7px;right:-6px}@media (width>=960px){.sidenav{width:var(--sidenav-w);background:var(--ink);color:#fff;z-index:40;flex-direction:column;gap:22px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidenav-brand{color:#fff;letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:10px;padding:4px 8px;font-size:22px;font-weight:800;display:flex}.sidenav-brand img{border-radius:11px;width:38px;height:38px}.sidenav nav{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidenav-link{color:#ffffffa8;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:700;display:flex}.sidenav-link:hover{color:#fff;background:#ffffff0f}.sidenav-link.is-active{background:var(--brand);color:#fff}.sidenav-link span:first-of-type{flex:1}.pill-count{color:var(--brand-600);background:#fff;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:800}.sidenav-link:not(.is-active) .pill-count{background:var(--brand);color:#fff}.sidenav-profile{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.sidenav-profile.is-active{border-color:var(--brand)}.sidenav-profile>span:not(.avatar){flex-direction:column;flex:1;min-width:0;display:flex}.sidenav-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidenav-profile small{color:#ffffff8c;font-size:12px}.main{margin-left:var(--sidenav-w);padding-bottom:24px}.bottomnav{display:none}.page{max-width:980px;padding:0 32px 40px}.page-narrow{max-width:640px}.page-head{padding-top:24px}.page-title h1{font-size:24px}}.page>*,.section>*,.banners,.banner-track,.stack>*,.main{min-width:0}html,body{overflow-x:clip}.input-affix.no-prefix input{padding-left:14px!important}.center{text-align:center;justify-content:center;align-items:center;display:flex}.mono{font-variant-numeric:tabular-nums;letter-spacing:.08em}.small{font-size:12.5px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.mini-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.body-text{color:var(--ink-3);white-space:pre-line;line-height:1.65}.badge-ink{background:var(--ink);color:#fff}.spin{animation:.9s linear infinite spin}.splash{background:var(--ink);min-height:100dvh;color:var(--brand);align-content:center;place-items:center;gap:22px;display:grid}.splash img{border-radius:22px;width:76px;height:76px}.home-hero{background:radial-gradient(120% 90% at 100% 0%, #ff7a0038, transparent 55%), linear-gradient(180deg, var(--ink) 0%, #1b2338 100%);color:#fff;padding:0 16px 30px;padding-top:env(safe-area-inset-top,0px);border-radius:0 0 30px 30px}.home-hero-inner{max-width:760px;margin:0 auto}.hero-figure{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:26px 0 4px;display:flex}.hero-label{color:#ffffffc7;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.hero-label .icon{color:var(--brand)}.hero-eye{color:#fff;background:#ffffff1a;border:none;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.hero-amount-row{align-items:center;gap:12px;display:flex}.hero-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(36px,11vw,46px);font-weight:800;line-height:1.1}.hero-amount small{opacity:.85;font-size:.55em;font-weight:700}.hero-more{color:#fff;background:#ffffff1a;border:none;border-radius:12px;place-items:center;width:38px;height:46px;display:grid}.hero-sub{color:#ffffffad;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:13.5px;font-weight:500;display:inline-flex}.hero-sub:disabled{cursor:default}.home-body{gap:22px;padding-top:18px}.home-greeting{color:var(--muted);font-size:15px}.home-greeting strong{color:var(--ink)}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quick-tile{border:1px solid var(--line-2);background:var(--surface);min-height:92px;color:var(--ink);box-shadow:var(--shadow-sm);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px 4px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .15s;display:flex}.quick-tile:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.quick-icon{background:var(--brand-50);width:46px;height:46px;color:var(--brand-600);border-radius:15px;place-items:center;display:grid;position:relative}.quick-icon .dot-badge{top:-6px;right:-8px}.banners{flex-direction:column;gap:10px;display:flex}.banner-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;display:flex;overflow-x:auto}.banner-track::-webkit-scrollbar{display:none}.banner{scroll-snap-align:start;border-radius:20px;flex:0 0 100%;align-items:stretch;display:flex;position:relative}.banner-main{text-align:left;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:16px;min-height:96px;padding:18px 44px 18px 18px;display:flex}.banner-icon{background:#ffffffb3;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;position:relative}.banner-icon-check{background:var(--success);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-2px;right:-2px}.banner-text{flex-direction:column;gap:3px;display:flex}.banner-text strong{font-size:15.5px;font-weight:800}.banner-text span{opacity:.85;font-size:13.5px;line-height:1.45}.banner-close{width:30px;height:30px;color:inherit;opacity:.55;background:0 0;border:1.5px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.banner-brand{color:#7a3a00;background:linear-gradient(120deg,#ffe7cf,#fff3e6)}.banner-brand .banner-icon{color:var(--brand-600)}.banner-success{color:#0b5e30;background:linear-gradient(120deg,#cff3de,#e9f9f0)}.banner-success .banner-icon{color:var(--success)}.banner-info{color:#1e3a8a;background:linear-gradient(120deg,#d6e4ff,#edf3ff)}.banner-info .banner-icon{color:var(--info)}.banner-danger{color:#7f1d1d;background:linear-gradient(120deg,#fcd9d9,#fdeeee)}.banner-danger .banner-icon{color:var(--danger)}.banner-ink{color:#0f3a44;background:linear-gradient(120deg,#cfe9f1,#e6f5f7)}.banner-ink .banner-icon{color:#0f766e}.banner-dots{justify-content:center;gap:6px;display:flex}.banner-dots button{background:#cfd4de;border:none;border-radius:99px;width:7px;height:7px;padding:0;transition:width .2s}.banner-dots button.is-active{background:var(--brand);width:20px}.chip-scroll{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.chip-scroll::-webkit-scrollbar{display:none}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.category-chip{border:1px solid var(--line-2);background:var(--surface);width:84px;color:var(--ink-3);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:12px 6px;font-size:12.5px;font-weight:700;display:flex}.category-chip>span{background:var(--surface-2);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.category-chip:hover>span{background:var(--brand-50);color:var(--brand-600)}.filter-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-3);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.segmented button{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.segmented button .icon{color:#f5a524}.segmented button.is-active{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600)}.search-bar{background:var(--surface);border:1.5px solid var(--line);min-height:54px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 6px 0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #ff7a001f}.search-bar input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;height:50px;font-size:15.5px}.search-filter{background:var(--ink);color:#fff;border:none;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative}.search-filter .dot-badge{background:var(--brand);top:-5px;right:-5px}.result-count{color:var(--muted);font-size:13px;font-weight:600}.provider-grid{gap:12px;display:grid}@media (width>=720px){.provider-grid{grid-template-columns:1fr 1fr}}.provider-card{border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;gap:12px;padding:16px;transition:box-shadow .15s,transform .12s;display:flex}.provider-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.provider-card-top{align-items:center;gap:12px;display:flex}.provider-card-id{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.provider-card-id strong{align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.provider-rating{align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.provider-rating small{color:var(--muted);font-weight:500}.availability{color:var(--muted);background:#eef0f4;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.availability:before{content:"";background:var(--subtle);border-radius:50%;width:7px;height:7px}.availability.is-on{background:var(--success-50);color:var(--success)}.availability.is-on:before{background:var(--success)}.provider-card-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.provider-card-meta span{align-items:center;gap:5px;display:inline-flex}.skill-chips{flex-wrap:wrap;gap:6px;display:flex}.skill-chips span{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink-3);border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600}.provider-profile{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.provider-profile h2{font-size:21px;font-weight:800}.stat-strip{background:var(--surface-2);border-radius:16px;grid-template-columns:repeat(3,1fr);width:100%;margin-top:6px;padding:12px 4px;display:grid}.stat-strip>div{flex-direction:column;align-items:center;gap:3px;display:flex}.stat-strip>div+div{border-left:1px solid var(--line)}.stat-strip strong{font-size:19px;font-weight:800}.stat-strip span{color:var(--muted);font-size:12px;font-weight:600}.trust-note{background:var(--success-50);color:#0b5e30;border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.stepper{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.step{color:var(--subtle);border-top:3px solid var(--line);align-items:center;gap:8px;padding-top:10px;font-size:13px;font-weight:700;display:flex}.step span{background:var(--line);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.step.is-done{color:var(--ink);border-top-color:var(--brand)}.step.is-done span{background:var(--brand);color:#fff}.selected-pro{align-items:center;gap:12px;padding:14px 16px;display:flex}.selected-pro>div{flex-direction:column;flex:1;min-width:0;display:flex}.selected-pro small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700}.selected-pro strong{font-size:16px}.selected-pro span{color:var(--muted);font-size:13px}.add-link{align-self:flex-start;align-items:center;gap:6px;margin-top:4px;display:inline-flex}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.upload-thumb,.upload-add{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%}.upload-thumb button{color:#fff;background:#151b2bbf;border:none;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.upload-add,.upload-wide{border:2px dashed var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.upload-add:hover,.upload-wide:hover{border-color:var(--brand);color:var(--brand-600)}.upload-wide{border-radius:14px;flex-direction:row;min-height:64px;padding:12px 16px;font-size:14px}.upload-wide.has-file{border-style:solid;border-color:var(--success);background:var(--success-50);color:#0b5e30}.upload-wide span{text-overflow:ellipsis;white-space:nowrap;max-width:80%;overflow:hidden}.file-pill{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.file-pill>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-pill.is-clickable:hover{border-color:var(--line);background:#f0f2f6}.with-sticky-footer{padding-bottom:110px}.sticky-footer{left:0;right:0;bottom:calc(var(--bottomnav-h) + var(--safe-bottom));z-index:35;background:linear-gradient(180deg, #f3f5f900, var(--bg) 30%);padding:12px 16px;position:fixed}.no-bottom-nav .sticky-footer{padding-bottom:calc(12px + var(--safe-bottom));bottom:0}.sticky-footer>*{max-width:728px;margin:0 auto}@media (width>=960px){.sticky-footer{left:var(--sidenav-w);bottom:0}.sticky-footer>*{max-width:916px}}.success-screen{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:56px 8px 24px;display:flex}.success-screen h1{font-size:26px;font-weight:800}.success-screen p{color:var(--muted);max-width:380px;margin-bottom:14px}.success-badge{background:var(--success);color:#fff;width:88px;height:88px;box-shadow:0 0 0 12px var(--success-50);border-radius:50%;place-items:center;animation:.35s ease-out pop;display:grid}.tracker{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.tracker li{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.tracker li:before{content:"";background:var(--line);z-index:0;width:100%;height:3px;position:absolute;top:13px;right:50%}.tracker li:first-child:before{display:none}.tracker li.is-done:before{background:var(--brand)}.tracker li>span{z-index:1;background:var(--surface);border:2px solid var(--line);width:28px;height:28px;color:var(--subtle);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:relative}.tracker li.is-done>span{background:var(--brand);border-color:var(--brand);color:#fff}.tracker li.is-current>span{box-shadow:0 0 0 5px var(--brand-50)}.tracker small{color:var(--muted);font-size:11.5px;font-weight:700}.tracker li.is-done small{color:var(--ink)}.action-card{border:1.5px solid var(--brand-100);background:linear-gradient(#fffaf4,#fff);grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.action-card h3{font-size:16px;font-weight:800}.action-card p{color:var(--muted);font-size:13.5px}.action-card .btn{grid-column:1/-1}.payment-card{flex-direction:column;gap:16px;display:flex}.payment-card h3{letter-spacing:-.01em;font-size:26px;font-weight:800}.breakdown{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:10px;padding:14px;display:flex}.breakdown>div{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.breakdown>div strong{color:var(--ink);font-variant-numeric:tabular-nums}.breakdown .total{border-top:1px dashed var(--line);color:var(--ink);padding-top:10px;font-weight:700}.breakdown .total strong{font-size:16px}.breakdown.compact{padding:12px 14px}.paystack-note{color:var(--subtle);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.person-row{align-items:center;gap:12px;display:flex}.person-row>div:first-of-type{flex-direction:column;flex:1;min-width:0;display:flex}.person-row strong{font-size:15.5px}.person-row span{color:var(--muted);text-overflow:ellipsis;font-size:13px;overflow:hidden}.round-btn{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);border-radius:50%;text-decoration:none}.round-btn.is-brand{background:var(--brand);border-color:var(--brand);color:#fff}.round-btn.is-brand:hover{background:var(--brand-600)}.quote-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.quote-card.needs-action{border:1.5px solid var(--brand-100);box-shadow:0 8px 24px #ff7a0014}.quote-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quote-head>div{flex-direction:column;gap:2px;display:flex}.quote-amount{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.quote-message{color:var(--ink-3);font-style:italic}.quote-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quote-actions .btn{padding:0 14px}.waiting-note{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.history-toggle{align-self:flex-start;align-items:center;gap:4px;font-size:13.5px;display:inline-flex}.related-link{align-self:flex-end;font-size:13px}.amount-input input{font-weight:800;font-size:22px!important}.amount-input>span{font-size:20px}.offer-timeline{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.offer{display:flex}.offer.is-mine{justify-content:flex-end}.offer-bubble{background:var(--surface-2);border:1px solid var(--line-2);border-radius:16px 16px 16px 4px;flex-direction:column;gap:4px;max-width:82%;padding:12px 14px;display:flex}.offer.is-mine .offer-bubble{background:var(--brand-50);border-color:var(--brand-100);border-radius:16px 16px 4px}.offer-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.offer-bubble strong{font-variant-numeric:tabular-nums;font-size:18px}.offer-bubble p{color:var(--ink-3);font-size:13.5px}.offer-rejected .offer-bubble strong{opacity:.6;text-decoration:line-through}.availability-card{align-items:center;gap:14px;padding:14px 16px;display:flex}.availability-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.availability-card strong{font-size:15px}.availability-card span{color:var(--muted);font-size:13px}.status-dot{background:var(--subtle);border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 4px #eef0f4}.status-dot.is-on{background:var(--success);box-shadow:0 0 0 4px var(--success-50)}.job-grid{gap:12px;display:grid}@media (width>=720px){.job-grid{grid-template-columns:1fr 1fr}}.job-card{border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface);text-align:left;box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px;transition:box-shadow .15s,transform .12s;display:flex}.job-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.job-card h3{margin-top:4px;font-size:16.5px;font-weight:800}.job-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.job-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:2px;font-size:12.5px;font-weight:600;display:flex}.job-meta span{align-items:center;gap:4px;display:inline-flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.photo-tile{aspect-ratio:1;background:var(--surface-2);color:var(--subtle);border:none;border-radius:14px;place-items:center;padding:0;display:grid;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.photo-tile:hover img{transform:scale(1.04)}.viewer{place-items:center;min-height:200px;display:grid}.viewer img,.viewer video{border-radius:14px;max-width:100%;max-height:70vh}.wallet-card{background:radial-gradient(90% 120% at 100% 0%, #ff7a0059, transparent 60%), linear-gradient(145deg, var(--ink), #232c45);color:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 16px 36px #151b2b38}.wallet-label{color:#ffffffbf;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.wallet-label button{color:#fff;background:#ffffff1f;border:none;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.wallet-chip{letter-spacing:.08em;background:#ffffff1f;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800}.wallet-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(32px,9vw,40px);font-weight:800}.wallet-amount small{opacity:.8;font-size:.55em}.wallet-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wallet-stats>div{background:#ffffff12;border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.wallet-stats span{color:#fff9;font-size:11.5px;font-weight:600}.wallet-stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.wallet-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wallet-actions button{color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;font-size:12.5px;font-weight:700;display:flex}.wallet-actions button>span{background:#ffffff1f;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.wallet-actions button:first-child>span{background:var(--brand)}.bank-logo{background:var(--ink);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.bank-mini{background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.bank-mini>div{flex-direction:column;flex:1;min-width:0;display:flex}.bank-mini span{color:var(--muted);font-size:13px}.bank-card{color:#fff;background:linear-gradient(135deg,#1f2740,#151b2b);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.bank-card .bank-logo{background:var(--brand)}.bank-card strong{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:22px}.bank-card .row-between{color:#ffffffbf;font-size:13px}.receipt-amount{flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;display:flex}.receipt-amount strong{font-size:30px;font-weight:800}.rating-summary{grid-template-columns:auto 1fr;align-items:center;gap:22px;display:grid}.rating-big{border-right:1px solid var(--line-2);flex-direction:column;align-items:center;gap:4px;padding-right:20px;display:flex}.rating-big strong{font-size:44px;font-weight:800;line-height:1}.rating-big span{color:var(--muted);font-size:12.5px;font-weight:600}.rating-bars{flex-direction:column;gap:6px;display:flex}.rating-bars>div{grid-template-columns:14px 1fr 24px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:grid}.bar{background:#eef0f4;border-radius:99px;height:8px;overflow:hidden}.bar i{background:#f5a524;border-radius:99px;height:100%;display:block}.review-card{flex-direction:column;gap:10px;display:flex}.verify-hero{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.verify-hero h2{font-size:18px;font-weight:800}.verify-hero p{color:var(--muted);font-size:13.5px}.verify-hero .badge{grid-column:1/-1;justify-self:start}.verify-shield{background:var(--brand-50);width:60px;height:60px;color:var(--brand-600);border-radius:18px;place-items:center;display:grid}.verify-shield.is-ok{background:var(--success-50);color:var(--success)}.v-steps{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line-2);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.v-steps li{color:var(--muted);align-items:center;gap:12px;padding:13px 16px;font-weight:600;display:flex}.v-steps li+li{border-top:1px solid var(--line-2)}.v-steps li>span{background:#eef0f4;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.v-steps li.is-done{color:var(--ink)}.v-steps li.is-done>span{background:var(--success);color:#fff}.v-steps li.is-current>span{background:var(--brand);color:#fff}.profile-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;display:flex}.profile-card h2{font-size:20px;font-weight:800}.profile-card p{color:var(--muted);margin-bottom:8px;font-size:14px}.photo-uploader{display:inline-block;position:relative}.photo-uploader button{border:3px solid var(--surface);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:-2px;right:-2px}.menu-group{flex-direction:column;gap:8px;display:flex}.menu-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:4px;font-size:12.5px;font-weight:800}.menu-row{text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px;display:flex}button.menu-row:hover{background:var(--surface-2)}.menu-row .row-icon{border-radius:12px;width:38px;height:38px}.menu-row.is-danger .row-title{color:var(--danger)}.app-version{text-align:center;color:var(--subtle);padding:8px 0;font-size:12px}.notice{text-align:left;background:0 0;border:none;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;display:flex}.notice:hover{background:var(--surface-2)}.notice.is-unread{background:#fffaf4}.notice .row-icon{width:40px;height:40px}.notice-text{color:var(--ink-3);white-space:normal;font-size:14.5px;line-height:1.45}.notice.is-unread .notice-text{color:var(--ink);font-weight:600}.unread-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:8px}.notice .row-chevron{margin-top:10px}.chat-row{text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.chat-row:hover,.chat-row.is-active{background:var(--surface-2)}.chat-avatar{position:relative}.online-dot{background:var(--success);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.row-sub.is-strong{color:var(--ink);font-weight:700}.count-pill{background:var(--brand);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11.5px;font-weight:800;display:grid}.chat-pane-thread,.chat-page.has-thread .chat-pane-list{display:none}.chat-page.has-thread .chat-pane-thread{display:block}.thread{background:#eef1f6;flex-direction:column;height:100dvh;display:flex}.thread-head{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--line-2);align-items:center;gap:10px;display:flex}.thread-title{flex-direction:column;min-width:0;display:flex}.thread-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.thread-title span{color:var(--muted);font-size:12.5px;font-weight:600}.thread-title span.is-online{color:var(--success)}.thread-body{flex-direction:column;flex:1;gap:6px;padding:16px 14px;display:flex;overflow-y:auto}.thread-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:260px;margin:auto;display:flex}.day-sep{justify-content:center;margin:10px 0 6px;display:flex}.day-sep span{color:var(--muted);background:#fffc;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700}.bubble-row{display:flex}.bubble-row.is-mine{justify-content:flex-end}.bubble{background:var(--surface);max-width:min(78%,520px);box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 5px;padding:9px 13px 6px}.bubble p{white-space:pre-wrap;word-break:break-word;font-size:15px}.bubble>span{color:var(--subtle);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.is-mine .bubble{background:var(--ink);color:#fff;border-radius:18px 18px 5px}.is-mine .bubble>span{color:#ffffff8c}.read-tick{color:var(--brand)}.typing-bubble{gap:4px;padding:14px 16px;display:flex}.typing-bubble i{background:var(--subtle);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing-bubble i:nth-child(2){animation-delay:.2s}.typing-bubble i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.composer{padding:10px 12px;padding-bottom:calc(10px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line-2);align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1.5px solid var(--line);field-sizing:content;border-radius:22px;outline:none;flex:1;min-height:46px;max-height:140px;padding:11px 16px;font-size:15px}.composer textarea:focus{border-color:var(--brand)}.send-btn{background:var(--brand);color:#fff;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.send-btn:disabled{background:#d5dae3}.chat-placeholder{height:100dvh;color:var(--subtle);align-content:center;place-items:center;gap:10px;font-weight:600;display:grid}@media (width>=960px){.chat-page{grid-template-columns:380px 1fr;height:100dvh;display:grid}.chat-page .chat-pane-list{border-right:1px solid var(--line);background:var(--bg);overflow-y:auto;display:block!important}.chat-page .chat-pane-list .page{padding:0 18px 20px}.chat-page .chat-pane-thread{display:block}.thread-back{display:none}.thread{height:100dvh}}.shell:has(.chat-page) .main{padding-bottom:0}@media (width<=959px){.chat-page:not(.has-thread){padding-bottom:8px}}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=720px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-tile{flex-direction:column;gap:6px;display:flex}.stat-tile strong{margin-top:4px;font-size:26px;font-weight:800;line-height:1.1}.stat-tile>span:last-child{color:var(--muted);font-size:13px;font-weight:600}.stat-tile .row-icon{border-radius:12px;width:38px;height:38px}.hbars{flex-direction:column;gap:4px;display:flex}.hbar{text-align:left;background:0 0;border:none;border-radius:10px;grid-template-columns:150px 1fr 36px;align-items:center;gap:12px;padding:7px 4px;font-size:13.5px;display:grid}.hbar:hover{background:var(--surface-2)}.hbar-label{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hbar strong{text-align:right;font-variant-numeric:tabular-nums}.hbar-track{background:#eef0f4;border-radius:99px;height:10px;overflow:hidden}.hbar-track i{border-radius:99px;min-width:2px;height:100%;display:block}.fill-warning{background:#f0a53a}.fill-info{background:var(--info)}.fill-action{background:var(--brand)}.fill-success{background:var(--success)}.fill-danger{background:var(--danger)}.fill-neutral{background:#9aa1b0}@media (width<=480px){.hbar{grid-template-columns:110px 1fr 30px}}.doc-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doc-buttons button{border:1.5px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;font-weight:700;display:flex}.doc-buttons button:hover{border-color:var(--brand);color:var(--brand-600)}.intro{background:linear-gradient(#eef4ff,#fff7ef);place-items:center;min-height:100dvh;padding:16px;display:grid}.intro-frame{flex-direction:column;align-items:center;gap:16px;width:min(420px,100%);display:flex}.intro-controls{width:100%}.intro-viewport{aspect-ratio:384/879;width:min(100%,32.3276dvh);box-shadow:var(--shadow-lg);background:#fff;border-radius:28px;margin:0 auto;position:relative;overflow:hidden}.intro-track{height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex}.intro-slide{object-fit:contain;-webkit-user-select:none;user-select:none;flex:0 0 100%;width:100%;height:100%}.intro-skip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151b2bb3;border:none;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700;position:absolute;top:14px;right:14px}.intro-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.intro-dots{gap:7px;display:flex}.intro-dots button{background:#cfd4de;border:none;border-radius:99px;width:8px;height:8px;padding:0;transition:width .2s}.intro-dots button.is-active{background:var(--brand);width:24px}.auth{background:var(--bg);min-height:100dvh;display:grid}.auth-aside{display:none}.auth-main{justify-content:center;padding:20px 16px 32px;display:flex}.auth-card{flex-direction:column;gap:18px;width:min(440px,100%);display:flex}.auth-logo{width:132px;margin:8px auto 0}.auth-tabs .tab{flex:1}.auth-heading h1{letter-spacing:-.01em;font-size:26px;font-weight:800}.auth-heading p{color:var(--muted)}.role-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-option{border:1.5px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.role-option .icon{color:var(--muted);margin-bottom:6px}.role-option strong{font-size:14.5px}.role-option span{color:var(--muted);font-size:12.5px}.role-option.is-active{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 3px #ff7a001f}.role-option.is-active .icon{color:var(--brand-600)}.auth-switch{text-align:center;color:var(--muted);font-size:14.5px}.auth-footer{color:var(--subtle);flex-wrap:wrap;justify-content:center;gap:6px 16px;padding-top:8px;font-size:13px;display:flex}.auth-footer a{color:var(--muted);font-weight:600;text-decoration:none}@media (width>=960px){.auth{grid-template-columns:1fr 1fr}.auth-aside{background:radial-gradient(80% 60% at 100% 0%, #ff7a004d, transparent 60%), linear-gradient(160deg, var(--ink), #232c45);color:#fff;align-items:center;padding:48px;display:flex}.auth-aside-inner{flex-direction:column;gap:22px;max-width:440px;display:flex}.auth-brand{align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.auth-brand img{border-radius:13px;width:44px;height:44px}.auth-visual{border-radius:22px;width:220px;margin-bottom:8px;transform:rotate(-3deg);box-shadow:0 24px 60px #00000059}.auth-aside h2{letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1.15}.auth-aside ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.auth-aside li{color:#ffffffd9;align-items:center;gap:12px;font-weight:600;display:flex}.auth-aside li .icon{color:var(--brand)}.auth-main{align-items:center}}.legal{flex-direction:column;gap:18px;padding:22px;display:flex}.legal-intro{color:var(--ink-3);font-size:16px;line-height:1.65}.legal h2{margin-bottom:6px;font-size:16px;font-weight:800}.legal p{color:var(--ink-3);line-height:1.7}.legal-note{background:var(--surface-2);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--muted)!important}.help-hero{background:linear-gradient(135deg, var(--ink), #273152);color:#fff;border-radius:22px;align-items:center;gap:16px;padding:20px;display:flex}.help-hero .icon{color:var(--brand)}.help-hero h2{font-size:18px;font-weight:800}.help-hero p{color:#ffffffb3;font-size:14px}.help-contact{grid-template-columns:1fr 1fr;gap:10px;display:grid}.help-contact-card{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.help-contact-card .row-icon{margin-bottom:6px}.help-contact-card small{color:var(--muted);word-break:break-all;font-size:12.5px}.accordion button{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;font-size:14.5px;font-weight:700;display:flex}.accordion .icon{color:var(--muted);transition:transform .2s}.accordion.is-open .icon{transform:rotate(180deg)}.accordion p{color:var(--ink-3);padding:0 16px 16px;font-size:14px;line-height:1.6}.legal-links{justify-content:center;gap:20px;font-size:14px;font-weight:700;display:flex}.legal-links a{text-decoration:none}@media (width>=960px){.home-hero{border-radius:0 0 32px 32px;margin:0;padding:0 32px 34px}.home-hero-inner{max-width:916px}.home-body{max-width:980px}.quick-tile{aspect-ratio:auto;padding:18px 8px}.chip-scroll{flex-wrap:wrap;margin:0;padding:2px 0}}.presence{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.presence-dot{background:var(--subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence-online{color:var(--success)}.presence-online .presence-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-50)}.presence-offline .presence-dot{background:#c5cad4}.presence-unknown .presence-dot{border:2px solid var(--subtle);background:0 0;width:9px;height:9px}.presence-typing{color:var(--brand-600)}.presence-dots{gap:2px;display:inline-flex}.presence-dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s infinite blink}.presence-dots i:nth-child(2){animation-delay:.2s}.presence-dots i:nth-child(3){animation-delay:.4s}.presence.is-compact{font-size:12px}.person-row .presence{margin-top:2px}.thread-sub{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12.5px;display:flex;overflow:hidden}.thread-sub .muted{text-overflow:ellipsis;font-weight:600;overflow:hidden}.row-sub.is-typing{color:var(--brand-600);font-style:italic;font-weight:700}