:root{--bg:#f6f6fa;--surface:#fff;--soft:#f8f8fb;--text:#202030;--muted:#7e8091;--line:#e9e9f0;--purple:#665bf4;--purple-deep:#4c43d1;--purple-soft:#efedff;--coral:#fb7268;--coral-soft:#fff0ee;--teal:#20aa99;--teal-soft:#e8f8f5;--amber:#dc921f;--amber-soft:#fff6e5;--shadow:0 12px 35px rgba(28,27,58,.08)}
*{box-sizing:border-box}html,body{min-width:320px;background:#e7e8ee}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mobile-app{position:relative;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;overflow-x:hidden;background:var(--bg);box-shadow:0 0 45px rgba(22,22,39,.12)}
.status-bar{height:calc(26px + env(safe-area-inset-top));display:flex;align-items:flex-end;justify-content:space-between;padding:0 21px 5px;background:rgba(255,255,255,.96);color:#141421;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.device-status{display:flex;align-items:flex-end;gap:3px;height:11px}.device-status i{display:block;width:3px;border-radius:2px;background:currentColor}.device-status i:first-child{height:7px;box-shadow:4px -2px 0 currentColor,8px -4px 0 currentColor;margin-right:9px}.device-status i:nth-child(2){width:11px;height:8px;border:1.5px solid currentColor;border-radius:5px 5px 2px 2px;background:transparent}.device-status span{position:relative;width:18px;height:9px;margin-left:2px;border:1.5px solid currentColor;border-radius:3px}.device-status span:before{content:"";position:absolute;inset:1.5px 4px 1.5px 1.5px;border-radius:1px;background:currentColor}.device-status span:after{content:"";position:absolute;right:-3px;top:2px;width:1.5px;height:3px;border-radius:0 2px 2px 0;background:currentColor}
.app-header{position:sticky;top:0;z-index:20;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(231,231,238,.8);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.identity{min-width:0;border:0;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0;background:transparent;text-align:left;cursor:pointer}.identity-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8278ff,#5a50df);color:#fff;font-size:13px;font-weight:900;box-shadow:0 7px 18px rgba(102,91,244,.2)}.identity>span:nth-child(2){min-width:0}.identity small,.identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small{margin-bottom:2px;color:var(--muted);font-size:9px;font-weight:600}.identity strong{font-size:14px}.identity>svg{width:14px;color:#a0a1ad}.header-actions{display:flex;align-items:center;gap:8px}.demo-tag{padding:4px 7px;border-radius:999px;background:#f0eff8;color:#858395;font-size:7px;font-weight:900;letter-spacing:.7px}.icon-btn{position:relative;width:36px;height:36px;border:0;display:grid;place-items:center;border-radius:11px;background:#f6f6fa;color:#5c5d70;cursor:pointer}.icon-btn>i{position:absolute;right:7px;top:7px;width:6px;height:6px;border:1.5px solid #fff;border-radius:50%;background:var(--coral)}.icon-btn svg{width:18px;height:18px}
.screen{min-height:calc(100dvh - 150px);padding:18px 16px calc(92px + env(safe-area-inset-bottom))}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 1px 16px}.welcome h1{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.45px}.welcome p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.date-chip{flex:0 0 auto;padding:6px 8px;border-radius:8px;background:#eeedf6;color:#78778b;font-size:8px;font-weight:800}
.level-card{position:relative;overflow:hidden;padding:20px;border-radius:21px;color:#fff;background:linear-gradient(135deg,#292654 0%,#4b408f 64%,#6451bd 100%);box-shadow:0 14px 28px rgba(47,40,107,.18)}.level-card:after{content:"";position:absolute;right:-45px;top:-50px;width:168px;height:168px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.02)}.level-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.level-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#d7d4f0;font-size:8px;font-weight:800}.level-tag svg{width:12px;height:12px}.streak{color:#ffc979;font-size:8px;font-weight:800}.level-card h2{position:relative;z-index:1;max-width:310px;margin:17px 0 7px;font-size:19px;line-height:1.35;letter-spacing:-.3px}.level-card>p{position:relative;z-index:1;margin:0;color:#c1bddf;font-size:9px;line-height:1.6}.level-meta{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:18px;color:#c9c5e5;font-size:8px}.level-meta strong{color:#fff;font-size:9px}.progress{height:7px;margin-top:8px;border-radius:99px;background:#ececf2;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--purple);transition:width .3s ease}.level-card .progress{position:relative;z-index:1;height:8px;background:rgba(255,255,255,.13)}.level-card .progress span{background:linear-gradient(90deg,#9189ff,#c1bcff)}.level-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#aba7ce;font-size:8px}.level-foot strong{color:#ffcf88}
.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.metric{min-width:0;padding:13px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--purple-soft);color:var(--purple)}.metric-icon.teal{background:var(--teal-soft);color:var(--teal)}.metric-icon.coral{background:var(--coral-soft);color:var(--coral)}.metric-icon svg{width:14px;height:14px}.metric strong,.metric span{display:block}.metric strong{margin-top:11px;font-size:17px;letter-spacing:-.25px;font-variant-numeric:tabular-nums}.metric span{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:23px 1px 11px}.section-head h2{margin:0;font-size:15px;letter-spacing:-.2px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.text-btn{border:0;display:inline-flex;align-items:center;gap:2px;padding:5px 0;background:transparent;color:var(--purple);font-size:9px;font-weight:800;cursor:pointer}.text-btn svg{width:12px;height:12px}
.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-item{border:0;min-width:0;padding:12px 4px 10px;border-radius:14px;background:#fff;cursor:pointer}.action-item>span:first-child{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 8px;border-radius:12px;background:var(--purple-soft);color:var(--purple)}.action-item:nth-child(2)>span:first-child{background:var(--teal-soft);color:var(--teal)}.action-item:nth-child(3)>span:first-child{background:var(--coral-soft);color:var(--coral)}.action-item:nth-child(4)>span:first-child{background:var(--amber-soft);color:var(--amber)}.action-item svg{width:18px;height:18px}.action-item strong,.action-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-item strong{font-size:9px}.action-item small{margin-top:3px;color:var(--muted);font-size:7px}
.card{border:1px solid var(--line);border-radius:17px;background:var(--surface)}.next-task{padding:15px}.task-top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center}.task-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--purple-soft);color:var(--purple)}.task-icon.teal{background:var(--teal-soft);color:var(--teal)}.task-icon.coral{background:var(--coral-soft);color:var(--coral)}.task-icon.amber{background:var(--amber-soft);color:var(--amber)}.task-icon svg{width:17px;height:17px}.task-copy{min-width:0}.task-copy strong,.task-copy span{display:block}.task-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy span{margin-top:4px;color:var(--muted);font-size:8px}.reward{padding:4px 7px;border-radius:999px;background:var(--amber-soft);color:#aa711c;font-size:7px;font-weight:900;white-space:nowrap}.task-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;margin:12px 0 0 46px}.task-progress b{color:var(--muted);font-size:8px;text-align:right}.mini-list{overflow:hidden}.mini-list .next-task{border-bottom:1px solid var(--line);border-radius:0}.mini-list .next-task:last-child{border-bottom:0}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-card{position:relative;border:1px solid var(--line);min-width:0;padding:12px 7px 10px;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.category-card .task-icon{width:31px;height:31px;margin-bottom:11px}.category-card strong,.category-card small{display:block}.category-card strong{font-size:9px}.category-card small{margin-top:4px;color:var(--muted);font-size:7px}.category-card .mini-ring{position:absolute;right:8px;top:11px;color:var(--purple);font-size:8px;font-weight:900;font-style:normal}
.page-title{margin:1px 0 15px}.page-title h1{margin:0;font-size:22px;letter-spacing:-.5px}.page-title p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.task-summary{padding:17px;border-radius:18px;background:linear-gradient(135deg,#6258ee,#5046d7);color:#fff}.task-summary-top{display:flex;align-items:center;justify-content:space-between}.task-summary-top span{color:#d6d3ff;font-size:9px}.task-summary-top strong{font-size:12px}.task-summary h2{margin:13px 0 4px;font-size:20px}.task-summary p{margin:0;color:#d3d0fb;font-size:8px}.task-summary .progress{margin-top:15px;background:rgba(255,255,255,.15)}.task-summary .progress span{background:#fff}.task-tabs{display:flex;gap:7px;margin:16px -16px 12px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.task-tabs::-webkit-scrollbar{display:none}.task-tab{flex:0 0 auto;height:36px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;background:#fff;color:#797b8e;font-size:9px;font-weight:800;cursor:pointer}.task-tab svg{width:14px;height:14px}.task-tab.active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.task-card{padding:15px;margin-bottom:10px}.task-card .task-top{grid-template-columns:38px 1fr}.task-description{margin:11px 0 0 48px;color:var(--muted);font-size:8px;line-height:1.5}.task-card .task-progress{margin-left:48px}.task-card-foot{display:flex;align-items:center;justify-content:space-between;margin:13px 0 0 48px}.task-card-foot .reward{display:flex;align-items:center;gap:4px;padding-left:0;background:transparent}.task-card-foot .reward svg{width:13px;height:13px}.claim-btn{min-width:76px;height:32px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.claim-btn:disabled{background:#f0f0f4;color:#a3a4b0}.claim-btn.claimed{background:var(--teal-soft);color:var(--teal)}
.insight-card{padding:16px}.insight-card-head{display:flex;align-items:center;justify-content:space-between}.insight-card-head h2{margin:0;font-size:13px}.insight-card-head span{color:var(--teal);font-size:8px;font-weight:900}.big-number{margin:15px 0 3px;font-size:26px;font-weight:900;letter-spacing:-.7px}.number-note{color:var(--muted);font-size:8px}.chart{width:100%;height:145px;margin-top:8px;display:block;overflow:visible}.chart .grid{stroke:#eeeef3;stroke-width:1}.chart .line{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart .area{fill:url(#area)}.chart-days{display:grid;grid-template-columns:repeat(7,1fr);color:#a0a1ad;font-size:7px;text-align:center}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.breakdown{padding:15px}.breakdown h3{margin:0 0 14px;font-size:10px}.bar-line{display:grid;grid-template-columns:34px 1fr 31px;align-items:center;gap:6px;margin:10px 0;color:var(--muted);font-size:7px}.bar-line>div{height:6px;border-radius:99px;background:#efeff4;overflow:hidden}.bar-line>div span{display:block;height:100%;border-radius:inherit;background:var(--purple)}.bar-line:nth-child(3)>div span{background:var(--coral)}.bar-line:nth-child(4)>div span{background:var(--teal)}.bar-line:nth-child(5)>div span{background:#d9a140}.bar-line b{color:#5c5e71;text-align:right}
.search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#9293a1}.search svg{width:16px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.filter-chips{display:flex;gap:7px;margin:10px 0 13px;overflow-x:auto;scrollbar-width:none}.filter-chips button{flex:0 0 auto;height:30px;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:#fff;color:#7c7e90;font-size:8px;font-weight:800}.filter-chips button.active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.invite-banner{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px;border-radius:16px;background:linear-gradient(135deg,#6057ec,#4f46cf);color:#fff}.invite-banner>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(255,255,255,.13)}.invite-banner>div{min-width:0;flex:1}.invite-banner strong,.invite-banner small{display:block}.invite-banner strong{font-size:11px}.invite-banner small{margin-top:3px;color:#d5d2ff;font-size:8px}.invite-banner button{width:30px;height:30px;border:0;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--purple)}.invite-banner button svg{width:15px}.people-list{overflow:hidden}.person{width:100%;border:0;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.person:last-child{border-bottom:0}.host-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#ffe7e1;color:#bc5b51;font-size:11px;font-weight:900}.host-avatar.purple{background:#e9e6ff;color:var(--purple)}.host-avatar.blue{background:#e2f3ff;color:#3786ac}.host-avatar.green{background:#e0f6ef;color:#318b7e}.person-info{min-width:0}.person-info strong,.person-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-info strong{font-size:10px}.person-info span{margin-top:5px;color:var(--muted);font-size:8px}.person-meta{text-align:right}.person-meta strong,.person-meta span{display:block}.person-meta strong{color:var(--teal);font-size:9px}.person-meta span{margin-top:5px;color:var(--muted);font-size:7px}
.profile-card{padding:19px;text-align:center}.profile-card .host-avatar{width:70px;height:70px;margin:0 auto;border-radius:22px;font-size:18px}.profile-card h2{margin:13px 0 4px;font-size:17px}.profile-card>p{margin:0;color:var(--muted);font-size:9px}.profile-level{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 9px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:8px;font-weight:900}.profile-level svg{width:12px}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.profile-metrics strong,.profile-metrics span{display:block}.profile-metrics strong{font-size:15px}.profile-metrics span{margin-top:3px;color:var(--muted);font-size:7px}.setting-list{overflow:hidden;margin-top:12px}.setting-row{width:100%;min-height:50px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:10px;padding:0 13px;background:#fff;text-align:left;cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-row>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--purple-soft);color:var(--purple)}.setting-row:nth-child(2)>span:first-child{background:var(--teal-soft);color:var(--teal)}.setting-row:nth-child(3)>span:first-child{background:var(--coral-soft);color:var(--coral)}.setting-row svg{width:14px}.setting-row strong{font-size:9px}.setting-row>svg{color:#aaabb6}
.bottom-nav{position:fixed;z-index:30;left:50%;bottom:0;width:min(430px,100%);height:calc(67px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(226,226,234,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);transform:translateX(-50%)}.bottom-nav button{position:relative;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#9899a8;font-size:8px;font-weight:700;cursor:pointer}.bottom-nav svg{width:20px;height:20px}.bottom-nav button.active{color:var(--purple)}.bottom-nav button.active:before{content:"";position:absolute;top:0;width:24px;height:2px;border-radius:0 0 3px 3px;background:var(--purple)}.nav-badge{position:absolute;top:8px;left:calc(50% + 8px);min-width:14px;height:14px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:99px;background:var(--coral);color:#fff;font-size:6px;font-style:normal}
.sheet-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(20,19,39,.48);backdrop-filter:blur(4px)}.sheet-backdrop[hidden]{display:none}.bottom-sheet{width:min(430px,100%);max-height:91dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -16px 50px rgba(23,22,48,.18);animation:sheet-in .24s ease both}@keyframes sheet-in{from{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}.sheet-handle{width:38px;height:4px;margin:9px auto 4px;border-radius:99px;background:#d8d8df}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font-size:16px}.sheet-head p{margin:4px 0 0;color:var(--muted);font-size:8px}.sheet-head .icon-btn{width:33px;height:33px}.role-options{display:grid;gap:10px;padding:16px 18px 5px}.role-option{border:1px solid var(--line);display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;padding:12px;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.role-option.active{border-color:#ccc7ff;background:#faf9ff}.role-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.role-icon.purple{background:var(--purple-soft);color:var(--purple)}.role-icon.coral{background:var(--coral-soft);color:var(--coral)}.role-option strong,.role-option small{display:block}.role-option strong{font-size:11px}.role-option small{margin-top:4px;color:var(--muted);font-size:8px}.role-option>i{width:20px;height:20px;display:none;place-items:center;border-radius:50%;background:var(--purple);color:#fff}.role-option.active>i{display:grid}.role-option>i svg{width:12px}.sheet-form{display:grid;gap:14px;padding:17px 18px 0}.sheet-form label{display:grid;gap:7px;color:#535568;font-size:9px;font-weight:800}.sheet-form input,.sheet-form select,.sheet-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;color:var(--text);outline:0;font-size:10px}.sheet-form input,.sheet-form select{height:43px}.sheet-form textarea{min-height:70px;padding-top:11px;resize:vertical}.sheet-form input:focus,.sheet-form select:focus,.sheet-form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.form-tip{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:11px;background:var(--amber-soft);color:#835e27;font-size:8px;line-height:1.5}.form-tip svg{width:14px;flex:0 0 auto;color:var(--amber)}.main-btn,.secondary-btn{width:100%;height:44px;border-radius:12px;font-size:10px;font-weight:900;cursor:pointer}.main-btn{border:0;background:var(--purple);color:#fff;box-shadow:0 8px 18px rgba(102,91,244,.2)}.secondary-btn{border:1px solid var(--line);background:#fff;color:#5b5d70}.detail-body{padding:17px 18px 2px}.detail-profile{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}.detail-profile .host-avatar{width:52px;height:52px}.detail-profile h3{margin:0;font-size:13px}.detail-profile p{margin:4px 0 0;color:var(--muted);font-size:8px}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:7px;font-weight:900}.status-pill:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-pill.offline{background:#f0f0f3;color:#898a98}.status-pill.warning{background:var(--amber-soft);color:var(--amber)}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.detail-stats>div{padding:11px;border-radius:11px;background:var(--soft)}.detail-stats span,.detail-stats strong{display:block}.detail-stats span{color:var(--muted);font-size:7px}.detail-stats strong{margin-top:5px;font-size:13px}.detail-task{padding:13px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px}.detail-task>div{display:flex;justify-content:space-between;margin-bottom:9px;font-size:8px}.detail-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));width:min(382px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dcece8;border-radius:13px;background:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.24s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.toast>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal)}.toast svg{width:14px}.toast strong,.toast p{display:block;margin:0}.toast strong{font-size:9px}.toast p{margin-top:3px;color:var(--muted);font-size:8px}
.settle-chip{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--amber-soft);color:#9d6818;font-size:8px;font-weight:900}.settle-chip.live{background:var(--teal-soft);color:var(--teal)}
.income-trend-overview.home-income-trend{margin-top:24px}
.income-hero{position:relative;overflow:hidden;padding:20px;border-radius:22px;color:#fff;background:linear-gradient(140deg,#27244e 0%,#5147a0 66%,#7060d8 100%);box-shadow:0 15px 30px rgba(48,41,112,.2)}.income-hero:after{content:"";position:absolute;right:-50px;top:-62px;width:190px;height:190px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}.income-hero-top,.income-main,.income-usd,.income-settlement,.income-hero>p{position:relative;z-index:1}.income-hero-top{display:flex;align-items:center;justify-content:space-between;color:#d9d6f3;font-size:9px;font-weight:800}.income-hero-top i{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.11);color:#f1efff;font-size:8px;font-style:normal}.income-main{display:flex;align-items:baseline;gap:7px;margin-top:13px}.income-main strong{font-size:34px;line-height:1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.income-main span{color:#cbc7eb;font-size:10px;font-weight:800}.income-usd{margin-top:7px;color:#bcb8de;font-size:9px}.income-settlement{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.income-settlement>div{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.07)}.income-settlement span,.income-settlement strong{display:block}.income-settlement span{color:#bbb7da;font-size:8px}.income-settlement strong{margin-top:5px;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.income-hero>p{display:flex;align-items:center;gap:6px;margin:13px 0 0;color:#c3bfdf;font-size:8px;line-height:1.5}.income-hero>p svg{width:13px;height:13px;flex:0 0 auto}
.source-card{overflow:hidden;padding:4px 15px 3px}.source-stack{display:flex;height:7px;margin:11px 0 5px;border-radius:99px;overflow:hidden;background:#eeeeF4}.source-stack i{display:block;height:100%;background:var(--purple)}.source-stack i.teal{background:var(--teal)}.source-stack i.coral{background:var(--coral)}.source-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.source-row:last-child{border-bottom:0}.source-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--purple-soft);color:var(--purple)}.source-icon.teal{background:var(--teal-soft);color:var(--teal)}.source-icon.coral{background:var(--coral-soft);color:var(--coral)}.source-icon svg{width:16px;height:16px}.source-name,.source-value{min-width:0}.source-name strong,.source-name small,.source-value strong,.source-value small{display:block}.source-name strong{font-size:10px}.source-name small{margin-top:4px;color:var(--muted);font-size:8px}.source-value{text-align:right}.source-value strong{font-size:11px;font-variant-numeric:tabular-nums}.source-value small{margin-top:4px;color:var(--muted);font-size:7px}.income-metric small{display:block;margin-top:5px;color:#a0a1ae;font-size:7px}.income-metric strong{font-size:15px}
.milestone-list{overflow:hidden}.milestone-row{width:100%;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;background:#fff;text-align:left;cursor:pointer}.milestone-row:last-child{border-bottom:0}.milestone-main{min-width:0}.milestone-main>span:first-child{display:flex;align-items:center;gap:6px}.milestone-main strong{font-size:10px}.milestone-main i{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.milestone-main small{display:block;margin:5px 0 7px;color:#77798b;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-main .progress{height:5px;margin:0}.milestone-side{text-align:right}.milestone-side strong,.milestone-side small{display:block}.milestone-side strong{color:var(--purple);font-size:11px}.milestone-side small{margin-top:5px;color:var(--amber);font-size:7px;font-weight:900}.policy-footnote{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:12px 13px;border-radius:13px;background:var(--amber-soft);color:#7c5b28;font-size:8px;line-height:1.55}.policy-footnote svg{width:14px;height:14px;flex:0 0 auto;color:var(--amber)}
.policy-banner{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:13px;background:var(--purple-soft);color:#5b52c9;font-size:8px;line-height:1.5}.policy-banner>svg{width:15px;height:15px;flex:0 0 auto}.policy-banner span strong{margin-right:6px}.policy-task-card{padding:17px}.policy-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px}.policy-card-head .task-icon{width:40px;height:40px}.policy-card-head span,.policy-card-head h2{display:block}.policy-card-head>div>span{color:var(--muted);font-size:8px}.policy-card-head h2{margin:4px 0 0;font-size:14px}.policy-card-head>i{padding:5px 8px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:8px;font-style:normal;font-weight:900}.policy-current{margin-top:19px}.policy-current span,.policy-current strong{display:block}.policy-current span{color:var(--muted);font-size:8px}.policy-current strong{margin-top:5px;font-size:25px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.goal-labels,.goal-foot{display:flex;justify-content:space-between;gap:12px}.goal-labels{margin-top:18px;font-size:9px;font-weight:800}.goal-labels strong{color:var(--purple)}.policy-progress{height:9px;margin-top:8px}.goal-foot{margin-top:7px;color:var(--muted);font-size:8px}.reward-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.reward-compare>div{padding:12px;border-radius:12px;background:var(--soft)}.reward-compare>div:last-child{background:var(--purple-soft)}.reward-compare span,.reward-compare strong,.reward-compare small{display:block}.reward-compare span{color:var(--muted);font-size:8px}.reward-compare strong{margin-top:6px;font-size:12px;font-variant-numeric:tabular-nums}.reward-compare small{margin-top:5px;color:var(--teal);font-size:8px;font-weight:900}.reward-compare>div:last-child small{color:var(--purple)}.rule-note{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.rule-note strong{font-size:9px}.rule-note p{margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.conversion-card{display:flex;align-items:center;gap:10px;margin-top:11px;padding:13px;border-radius:14px;background:#fff;border:1px solid var(--line)}.conversion-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--amber-soft);color:var(--amber)}.conversion-card svg{width:16px;height:16px}.conversion-card strong{font-size:9px}.conversion-card p{margin:4px 0 0;color:var(--muted);font-size:8px}.period-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:148px;margin:0 0 12px;padding:3px;border-radius:10px;background:#ebebf1}.period-switch button{height:27px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:8px;font-weight:900}.period-switch button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px rgba(38,37,67,.08)}.big-number small{font-size:10px;color:var(--muted);letter-spacing:0}.wide-breakdown{grid-column:1/-1}.wide-breakdown .bar-line{grid-template-columns:64px 1fr 38px}.settlement-list{overflow:hidden;margin-top:11px;border:1px solid var(--line);border-radius:16px;background:#fff}.settlement-list>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.settlement-list>div:last-child{border-bottom:0}.settlement-list span strong,.settlement-list span small{display:block}.settlement-list span strong{font-size:9px}.settlement-list span small{margin-top:4px;color:var(--muted);font-size:7px}.settlement-list b{font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--amber)}.status-dot.live{background:var(--teal)}.status-dot.month{background:var(--purple)}.account-progress{padding:15px}.account-progress .goal-labels{margin-top:0}.empty-text{margin:0;padding:28px;text-align:center;color:var(--muted);font-size:9px}
.progress-overview{overflow:hidden;border:1px solid rgba(101,91,244,.13);border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(29,27,67,.065)}.overview-progress-row{width:100%;border:0;border-bottom:1px solid var(--line);display:block;padding:16px;background:#fff;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.overview-progress-row.featured{background:linear-gradient(135deg,#f8f7ff,#f1efff)}.overview-progress-row:active{transform:scale(.992)}.overview-row-head,.progress-values,.progress-reward{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-identity{display:flex;align-items:center;gap:10px;min-width:0}.progress-identity .task-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px}.progress-identity>span:last-child{min-width:0}.progress-identity strong,.progress-identity small{display:block}.progress-identity strong{font-size:13px;line-height:1.2}.progress-identity small{margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap}.overview-row-head>b{min-width:54px;padding:7px 9px;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-size:17px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.overview-progress-row.teal .overview-row-head>b{background:var(--teal-soft);color:var(--teal)}.overview-progress-row.coral .overview-row-head>b{background:var(--coral-soft);color:var(--coral)}.progress-values{margin-top:14px;color:#8a8b9b;font-size:10px}.progress-values strong{color:#353648;font-weight:850;font-variant-numeric:tabular-nums}.progress-track{position:relative;display:block;height:13px;margin-top:9px;overflow:hidden;border:1px solid rgba(102,91,244,.08);border-radius:999px;background:repeating-linear-gradient(90deg,#e8e7f2 0,#e8e7f2 calc(25% - 1px),#fff calc(25% - 1px),#fff 25%);box-shadow:inset 0 1px 2px rgba(35,32,77,.08)}.progress-track>i{position:relative;display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#766dff,#5b50ea);box-shadow:0 2px 8px rgba(102,91,244,.35)}.progress-track>i:after{content:"";position:absolute;right:2px;top:50%;width:7px;height:7px;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:transparent;transform:translateY(-50%)}.overview-progress-row.teal .progress-track>i{background:linear-gradient(90deg,#38c1ae,#159b8d);box-shadow:0 2px 8px rgba(32,170,153,.3)}.overview-progress-row.coral .progress-track>i{background:linear-gradient(90deg,#ff978d,#f06860);box-shadow:0 2px 8px rgba(251,114,104,.3)}.progress-reward{margin-top:9px;color:var(--muted);font-size:9px}.progress-reward strong{color:#494a5c}.progress-reward>span:last-child strong{color:var(--purple)}.progress-overview>p{display:flex;align-items:center;gap:7px;margin:0;padding:11px 16px;background:#faf9ff;color:#77758a;font-size:9px;line-height:1.45}.progress-overview>p svg{width:14px;height:14px;flex:0 0 auto;color:var(--purple)}
.home-daily-policy{margin-top:24px}.overview-progress-row.amber .overview-row-head>b{background:var(--amber-soft);color:var(--amber)}.overview-progress-row.amber .progress-track>i{background:linear-gradient(90deg,#f2b64f,#d98918);box-shadow:0 2px 8px rgba(220,146,31,.28)}
.mobile-app{background:radial-gradient(circle at 100% 0,rgba(102,91,244,.065),transparent 260px),var(--bg)}.app-header{height:64px}.identity small{font-size:10px}.identity strong{font-size:15px}.demo-tag{font-size:8px}.screen{padding-top:20px}.welcome{margin-bottom:17px}.welcome h1{font-size:25px}.welcome p{font-size:11px}.settle-chip{padding:7px 10px;font-size:9px}.income-hero{padding:22px;border-radius:24px;box-shadow:0 18px 35px rgba(48,41,112,.22)}.income-hero-top{font-size:10px}.income-hero-top i{font-size:9px}.income-main{margin-top:16px}.income-main strong{font-size:37px}.income-main span{font-size:11px}.income-usd{font-size:10px}.income-settlement>div{padding:13px}.income-settlement span{font-size:9px}.income-settlement strong{font-size:13px}.income-hero>p{font-size:9px}.section-head{margin-top:26px;margin-bottom:12px}.section-head h2{font-size:17px}.section-head p{font-size:10px}.text-btn{font-size:10px}.card{border-color:rgba(43,42,69,.09);border-radius:20px;box-shadow:0 8px 24px rgba(29,27,67,.045)}.source-card{padding:5px 16px}.source-stack{height:9px;margin-top:13px}.source-row{grid-template-columns:38px minmax(0,1fr) auto;padding:14px 0}.source-icon{width:38px;height:38px;border-radius:12px}.source-name strong{font-size:12px}.source-name small{font-size:9px}.source-value strong{font-size:13px}.source-value small{font-size:8px}.action-item{padding:14px 4px 12px;border-radius:16px;box-shadow:0 7px 20px rgba(29,27,67,.04)}.action-item strong{font-size:10px}.action-item small{font-size:8px}.page-title h1{font-size:25px}.page-title p{font-size:10px}.policy-banner{padding:13px 14px;font-size:10px}.task-tab{height:40px;padding:0 14px;font-size:10px}.policy-task-card{padding:19px}.policy-card-head h2{font-size:16px}.policy-card-head>div>span{font-size:9px}.policy-card-head>i{font-size:9px}.policy-current span{font-size:10px}.policy-current strong{font-size:28px}.goal-labels{font-size:11px}.policy-progress{height:14px;margin-top:10px;box-shadow:inset 0 1px 2px rgba(35,32,77,.08)}.policy-progress>span{position:relative;background:linear-gradient(90deg,#766dff,#5b50ea)}.policy-progress>span:after{content:"";position:absolute;right:3px;top:50%;width:7px;height:7px;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translateY(-50%)}.goal-foot{font-size:9px}.reward-compare>div{padding:14px}.reward-compare span{font-size:9px}.reward-compare strong{font-size:13px}.reward-compare small{font-size:9px}.rule-note strong{font-size:10px}.rule-note p{font-size:10px}.conversion-card{padding:14px}.conversion-card strong{font-size:10px}.conversion-card p{font-size:9px}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom))}.bottom-nav button{gap:5px;font-size:9px}.bottom-nav svg{width:21px;height:21px}
.income-detail-link{position:relative;z-index:2;width:100%;height:40px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.income-detail-link svg{width:14px;height:14px}
.period-module{margin-bottom:16px}.period-module>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 16px;border:1px solid rgba(102,91,244,.14);border-bottom:0;border-radius:21px 21px 0 0;background:linear-gradient(135deg,#f0efff,#f8f7ff)}.period-module.monthly>header{border-color:rgba(220,146,31,.18);background:linear-gradient(135deg,#fff4df,#fffaf0)}.period-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--purple);box-shadow:0 5px 14px rgba(49,43,119,.09)}.period-module.monthly .period-mark{color:var(--amber)}.period-mark svg{width:19px;height:19px}.period-module>header small,.period-module>header h3,.period-module>header p{display:block;margin:0}.period-module>header small{color:var(--purple);font-size:7px;font-weight:900;letter-spacing:1px}.period-module.monthly>header small{color:#b77619}.period-module>header h3{margin-top:3px;font-size:14px}.period-module>header p{margin-top:3px;color:var(--muted);font-size:9px}.period-module>header>b{padding:6px 8px;border-radius:9px;background:#fff;color:var(--purple);font-size:9px}.period-module.monthly>header>b{color:#ad711a}.period-module .progress-overview{border-radius:0 0 21px 21px}.period-module.monthly .progress-overview{border-color:rgba(220,146,31,.18)}.period-page-stack{margin-top:16px}.overview-row-head>b{min-width:70px;padding:7px 9px;font-size:12px;white-space:nowrap}.progress-values{margin-top:12px}.rate-track{height:14px}.overview-progress-row.fixed-rate .progress-track{background:repeating-linear-gradient(135deg,#e4f6f2 0,#e4f6f2 8px,#f4fbf9 8px,#f4fbf9 16px)}.overview-progress-row.fixed-rate .progress-track>i{background:linear-gradient(90deg,#39bca9,#159b8d)}
.policy-sheet{max-height:94dvh}.policy-sheet .sheet-head{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.97);backdrop-filter:blur(16px)}.policy-sheet-body{padding:16px 16px 24px}.policy-overview{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#f3f1ff,#faf9ff)}.policy-overview .task-icon{width:48px;height:48px;border-radius:15px}.policy-overview small,.policy-overview strong,.policy-overview p{display:block;margin:0}.policy-overview small{color:var(--muted);font-size:9px}.policy-overview strong{margin-top:3px;font-size:18px}.policy-overview p{margin-top:4px;color:var(--muted);font-size:9px}.policy-overview>b{padding:8px 10px;border-radius:10px;background:#fff;color:var(--purple);font-size:14px;white-space:nowrap}.policy-next{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:9px}.policy-next span{color:var(--muted)}.policy-next strong{color:var(--purple);text-align:right}.policy-sheet-body>.rule-note{margin-top:14px;padding:13px;border:0;border-radius:13px;background:#fafafa}.table-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 1px 10px}.table-heading h3,.table-heading p{margin:0}.table-heading h3{font-size:14px}.table-heading p{margin-top:4px;color:var(--muted);font-size:9px}.table-heading>b{padding:5px 8px;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:9px}.table-heading>b svg{width:14px;height:14px}.mobile-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;scrollbar-width:thin}.mobile-policy-table{width:100%;min-width:500px;border-collapse:collapse;font-size:10px}.mobile-policy-table th{position:sticky;top:0;padding:11px 10px;background:#34304f;color:#fff;text-align:right;white-space:nowrap}.mobile-policy-table th:first-child,.mobile-policy-table td:first-child{text-align:left}.mobile-policy-table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-policy-table tr:last-child td{border-bottom:0}.mobile-policy-table tbody tr:nth-child(even){background:#fafafd}.mobile-policy-table td:first-child strong,.mobile-policy-table td:first-child small{display:inline-block}.mobile-policy-table td:first-child small{margin-left:5px;padding:3px 5px;border-radius:5px;background:var(--purple-soft);color:var(--purple);font-size:7px;font-weight:850}.mobile-policy-table tr.current-tier{background:#f2f0ff!important;box-shadow:inset 3px 0 0 var(--purple)}.mobile-policy-table tr.next-tier{background:#fff8e9!important;box-shadow:inset 3px 0 0 var(--amber)}.table-ratio{display:inline-flex;padding:4px 7px;border-radius:7px;background:var(--purple-soft);color:var(--purple);font-weight:900}.table-ratio.fixed{background:var(--teal-soft);color:var(--teal)}.policy-source-note{margin:11px 2px 0;color:var(--muted);font-size:8px;line-height:1.55}.income-detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.income-detail-cards>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.income-detail-cards>div.primary{grid-column:1/-1;border:0;background:linear-gradient(135deg,#332e66,#665bf4);color:#fff}.income-detail-cards span,.income-detail-cards strong,.income-detail-cards small{display:block}.income-detail-cards span{color:var(--muted);font-size:9px}.income-detail-cards .primary span{color:#d3d0f1}.income-detail-cards strong{margin-top:6px;font-size:21px;font-variant-numeric:tabular-nums}.income-detail-cards .primary strong{font-size:29px}.income-detail-cards small{margin-top:5px;color:var(--muted);font-size:8px}.income-detail-cards .primary small{color:#c2bee6}.income-policy-table{min-width:650px}.history-heading{margin-top:22px}.history-table{min-width:680px}.account-policy-link{width:100%;border:1px solid var(--line);display:block;background:#fff;text-align:left;cursor:pointer}
.jump-current{height:29px;border:0;border-radius:8px;padding:0 9px;background:var(--purple-soft);color:var(--purple);font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer}.scroll-hint{margin:0 2px 7px;color:#9999a7;font-size:8px;text-align:right}.mobile-policy-table th:first-child{left:0;z-index:2}.mobile-policy-table td:first-child{position:sticky;left:0;z-index:1;background:inherit}.mobile-policy-table tbody tr:nth-child(odd) td:first-child{background:#fff}.mobile-policy-table tbody tr:nth-child(even) td:first-child{background:#fafafd}.mobile-policy-table tr.current-tier td:first-child{background:#f2f0ff}.mobile-policy-table tr.next-tier td:first-child{background:#fff8e9}
.bar-line.purple>div span{background:var(--purple)}.bar-line.teal>div span{background:var(--teal)}.bar-line.coral>div span{background:var(--coral)}
.management-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:18px;padding:4px;border-radius:14px;background:#ebebf1}.management-tabs button{min-width:0;height:38px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:9px;font-weight:850;cursor:pointer}.management-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 4px 12px rgba(40,38,79,.08)}
.management-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 1px 12px}.management-heading h2,.management-heading p{margin:0}.management-heading h2{font-size:17px}.management-heading p{margin-top:4px;color:var(--muted);font-size:9px}.management-heading>button{height:34px;border:0;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-size:9px;font-weight:900}.management-heading>button svg{width:14px;height:14px}.management-period{margin-bottom:12px}
.invite-share-card{overflow:hidden;padding:17px;background:linear-gradient(145deg,#2d2958,#554aa9);color:#fff}.invite-share-card.teal{background:linear-gradient(145deg,#174c4a,#218e83)}.invite-share-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:15px}.invite-share-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12)}.invite-share-head svg{width:18px;height:18px}.invite-share-head h2,.invite-share-head p{margin:0}.invite-share-head h2{font-size:14px}.invite-share-head p{margin-top:4px;color:rgba(255,255,255,.66);font-size:8px}.invite-share-head>b{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-size:8px}.share-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:9px;padding:11px 10px 11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.08)}.share-field span,.share-field small,.share-field strong{display:block;min-width:0}.share-field small{color:rgba(255,255,255,.62);font-size:8px}.share-field strong{margin-top:4px;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.share-field button{width:34px;height:34px;border:0;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--purple);cursor:pointer}.invite-share-card.teal .share-field button{color:var(--teal)}.share-field button svg{width:16px;height:16px}.link-field strong{font-size:9px}.invite-share-card>.main-btn{margin-top:12px;background:#fff;color:var(--purple);box-shadow:none}.share-tip{display:flex;align-items:flex-start;gap:7px;margin:12px 1px 0;color:rgba(255,255,255,.72);font-size:8px;line-height:1.5}.share-tip svg{width:14px;height:14px;flex:0 0 auto}
.management-summary,.management-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:14px 8px}.management-summary>div,.management-kpis>div{min-width:0;padding:2px 9px;border-right:1px solid var(--line)}.management-summary>div:last-child,.management-kpis>div:last-child{border-right:0}.management-summary strong,.management-summary span,.management-kpis span,.management-kpis strong,.management-kpis small{display:block}.management-summary strong{font-size:20px}.management-summary span{margin-top:4px;color:var(--muted);font-size:7px}.management-kpis span{color:var(--muted);font-size:7px}.management-kpis strong{margin-top:6px;overflow:hidden;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.management-kpis small{margin-top:4px;color:var(--muted);font-size:7px}
.record-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.record-tabs button{height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:9px;font-weight:850}.record-tabs button.active{border-color:#cfcaff;background:var(--purple-soft);color:var(--purple)}.record-tabs b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:999px;background:rgba(102,91,244,.1);font-size:7px}.approval-list{display:grid;gap:10px}.approval-item{padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.approval-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.approval-main .host-avatar{width:42px;height:42px}.approval-main>span:nth-child(2){min-width:0}.approval-main strong,.approval-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-main strong{font-size:10px}.approval-main small{margin-top:5px;color:var(--muted);font-size:8px}.approval-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.approval-actions .main-btn,.approval-actions .secondary-btn{height:38px}.record-status{padding:5px 7px;border-radius:999px;background:#f0f0f3;color:#777988;font-size:7px;white-space:nowrap}.record-status.pending{background:var(--purple-soft);color:var(--purple)}.record-status.success{background:var(--teal-soft);color:var(--teal)}.record-status.warning{background:var(--amber-soft);color:#a26912}.record-status.danger{background:var(--coral-soft);color:var(--coral)}.record-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:7px}.empty-state{display:grid;place-items:center;gap:5px;padding:28px;border:1px dashed #dcdce5;border-radius:16px;background:#fafafd;color:var(--muted);text-align:center}.empty-state svg{width:24px;height:24px;color:var(--teal)}.empty-state strong{color:var(--text);font-size:10px}.empty-state span{font-size:8px}
.subguild-income-card{position:relative;overflow:hidden;margin-bottom:11px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#322d68,#675bf4);color:#fff;box-shadow:0 12px 26px rgba(68,58,165,.16)}.subguild-income-card>span{color:#d4d1f4;font-size:9px}.subguild-income-card>strong{display:block;margin-top:9px;font-size:27px;letter-spacing:-.5px}.subguild-income-card>strong small{font-size:9px;color:#cbc7ed}.subguild-income-card>div{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:9px}.subguild-income-card>div span{color:#c8c4e8}.subguild-list{overflow:hidden}.subguild-row{width:100%;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(0,1fr) auto 15px;align-items:center;gap:9px;padding:13px 12px;background:#fff;text-align:left}.subguild-row:last-child{border-bottom:0}.subguild-row>span:nth-child(2){min-width:0}.subguild-row>span:nth-child(2) strong,.subguild-row>span:nth-child(2) small,.subguild-row>span:nth-child(3) strong,.subguild-row>span:nth-child(3) small{display:block}.subguild-row>span:nth-child(2) strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.subguild-row small{margin-top:4px;color:var(--muted);font-size:7px}.subguild-row>span:nth-child(3){text-align:right}.subguild-row>span:nth-child(3) strong{font-size:9px}.subguild-row>span:nth-child(3) small{color:var(--teal)}.subguild-row>svg{width:14px;color:#aaaab5}
.record-list{overflow:hidden}.record-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--teal-soft);color:var(--teal)}.record-icon.purple{background:var(--purple-soft);color:var(--purple)}.record-icon svg{width:15px;height:15px}.record-row>span:nth-child(2){min-width:0}.record-row strong,.record-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-row strong{font-size:9px}.record-row small{margin-top:4px;color:var(--muted);font-size:7px}
.detail-body .management-period{margin:14px 0 0}.detail-section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 1px 9px}.detail-section-title strong{font-size:11px}.detail-section-title span{color:var(--muted);font-size:8px}.detail-body .source-card{box-shadow:none}.detail-task{margin-top:12px}.detail-task small{display:block;margin-top:8px;color:var(--muted);font-size:8px}.detail-actions.single{grid-template-columns:1fr}
.screen{padding-bottom:calc(34px + env(safe-area-inset-bottom))}.home-section{scroll-margin-top:82px}.compact-records .approval-item{box-shadow:none}.single-page-note{display:flex;align-items:flex-start;gap:7px;margin:24px 2px 4px;padding:12px 13px;border-radius:13px;background:var(--teal-soft);color:#49776f;font-size:8px;line-height:1.55}.single-page-note svg{width:14px;height:14px;flex:0 0 auto;color:var(--teal)}.host-account-card{padding:16px}.host-account-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px}.host-account-head .host-avatar{width:48px;height:48px}.host-account-head>span:nth-child(2){min-width:0}.host-account-head strong,.host-account-head small{display:block}.host-account-head strong{font-size:13px}.host-account-head small{margin-top:4px;color:var(--muted);font-size:8px}.host-account-head>b{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:7px;white-space:nowrap}.host-account-head>b svg{width:12px;height:12px}.host-account-card .profile-metrics{margin-top:15px}.home-setting-list{margin-top:10px}
.secondary-view{animation:secondary-in .24s ease both}.secondary-header{position:relative;overflow:hidden;display:grid;grid-template-columns:38px 44px minmax(0,1fr);align-items:center;gap:10px;margin:-2px 0 18px;padding:15px;border:1px solid rgba(102,91,244,.1);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f2f0ff 100%);box-shadow:0 12px 30px rgba(45,39,112,.08)}.secondary-header:after{content:"";position:absolute;right:-41px;top:-54px;width:126px;height:126px;border:18px solid rgba(102,91,244,.035);border-radius:50%;pointer-events:none}.secondary-back{position:relative;z-index:1;width:38px;height:38px;border:1px solid rgba(102,91,244,.1);display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--purple);box-shadow:0 5px 14px rgba(47,41,112,.08);cursor:pointer}.secondary-back svg{width:17px;height:17px;transform:rotate(180deg)}.secondary-title-icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--purple);color:#fff;box-shadow:0 8px 18px rgba(102,91,244,.22)}.secondary-title-icon svg{width:20px;height:20px}.secondary-header>div{position:relative;z-index:1;min-width:0}.secondary-header small,.secondary-header h1,.secondary-header p{display:block;margin:0}.secondary-header small{color:var(--purple);font-size:7px;font-weight:900;letter-spacing:.8px}.secondary-header h1{margin-top:3px;font-size:18px;letter-spacing:-.35px}.secondary-header p{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}.secondary-content>.card:first-child,.secondary-content>.management-heading:first-child{margin-top:0}.secondary-footnote{display:flex;align-items:flex-start;gap:7px;margin:22px 2px 0;color:var(--muted);font-size:8px;line-height:1.55}.secondary-footnote svg{width:14px;height:14px;flex:0 0 auto;color:var(--teal)}.action-item[data-secondary]{position:relative}.action-item[data-secondary]:after{content:"›";position:absolute;right:7px;top:7px;color:#c8c8d1;font-size:12px;font-weight:800}.action-item:active,.secondary-back:active{transform:scale(.97)}@keyframes secondary-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.host-sort-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 1px 10px}.host-sort-row>span{color:var(--muted);font-size:8px}.host-sort-row>span b{color:var(--text);font-size:10px}.host-sort-select{height:34px;display:grid;grid-template-columns:15px minmax(0,1fr) 13px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--purple);box-shadow:0 4px 12px rgba(29,27,67,.035)}.host-sort-select svg{width:13px;height:13px}.host-sort-select select{max-width:142px;border:0;appearance:none;outline:0;background:transparent;color:#555468;font-size:8px;font-weight:850;cursor:pointer}.host-data-row{row-gap:5px}.host-data-row .host-avatar{grid-row:1/3}.host-data-row .person-info span{font-size:7px}.host-data-row .person-meta strong{font-size:10px}.host-data-row .person-meta span{max-width:142px;white-space:nowrap}.person-activity{grid-column:2/-1;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.person-activity svg{width:11px;height:11px;color:var(--teal)}.person-activity i{margin-left:auto;font-style:normal}.host-lifetime-card{overflow:hidden;margin:14px 0 12px;padding:14px 15px;border-radius:15px;background:linear-gradient(135deg,#322d68,#6257eb);color:#fff;box-shadow:0 10px 22px rgba(72,62,174,.14)}.host-lifetime-card>span{color:#d3d0ef;font-size:8px}.host-lifetime-card>strong{display:block;margin-top:6px;font-size:23px;letter-spacing:-.4px}.host-lifetime-card>strong small{font-size:8px;color:#cbc8ea}.host-lifetime-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);color:#cfcced;font-size:8px}.host-activity-stats{margin-top:12px}.host-activity-stats strong{white-space:nowrap}.danger-link{width:100%;height:40px;border:0;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;border-radius:11px;background:var(--coral-soft);color:#cf5047;font-size:9px;font-weight:900;cursor:pointer}.danger-link svg{width:14px;height:14px}.danger-btn{width:100%;height:44px;border:0;border-radius:12px;background:#e65b52;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(213,76,67,.18);cursor:pointer}.delete-host-confirm{text-align:center}.delete-confirm-icon{width:58px;height:58px;display:grid;place-items:center;margin:3px auto 12px;border-radius:18px;background:var(--coral-soft);color:#dc574e}.delete-confirm-icon svg{width:25px;height:25px}.delete-host-confirm>h3{margin:0;font-size:18px}.delete-host-confirm>p{margin:8px 5px 16px;color:var(--muted);font-size:9px;line-height:1.65}.delete-host-summary{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:16px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-align:left}.delete-host-summary .host-avatar{width:43px;height:43px}.delete-host-summary>div{min-width:0}.delete-host-summary strong,.delete-host-summary small,.delete-host-summary>b{display:block}.delete-host-summary>div strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.delete-host-summary>div small{margin-top:4px;color:var(--muted);font-size:7px}.delete-host-summary>b{font-size:11px;text-align:right}.delete-host-summary>b small{margin-top:3px;color:var(--muted);font-size:7px;font-weight:600}
.search+.host-sort-row{margin-top:10px}
.host-daily-task-anchor{scroll-margin-top:84px}.host-task-reward-card{margin-top:12px;padding:16px;background:linear-gradient(135deg,#fff9ec,#fff);border-color:rgba(220,146,31,.18)}.task-reward-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.task-reward-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--amber-soft);color:var(--amber)}.task-reward-head>span svg{width:18px;height:18px}.task-reward-head small,.task-reward-head h2{display:block;margin:0}.task-reward-head small{color:#a66d17;font-size:7px;font-weight:850}.task-reward-head h2{margin-top:3px;font-size:13px}.task-reward-head>b{padding:5px 7px;border-radius:8px;background:#fff0d5;color:#a86c12;font-size:7px;white-space:nowrap}.task-reward-amount{display:flex;align-items:baseline;gap:6px;margin-top:14px}.task-reward-amount strong{font-size:25px;letter-spacing:-.5px}.task-reward-amount span{color:var(--muted);font-size:9px;font-weight:800}.task-reward-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.task-reward-sources span{padding:8px;border-radius:9px;background:#faf7ef;color:var(--muted);font-size:7px}.task-reward-sources b{display:block;margin-top:3px;color:var(--text);font-size:9px}.host-task-reward-card>button{width:100%;height:38px;border:0;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:11px;border-radius:10px;background:#2f2b50;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.host-task-reward-card>button svg{width:13px;height:13px}.income-separation-note{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:11px;padding:11px;border:1px solid rgba(220,146,31,.15);border-radius:13px;background:var(--amber-soft);color:#8b641f}.income-separation-note>svg{width:17px;height:17px}.income-separation-note span{min-width:0}.income-separation-note strong,.income-separation-note small{display:block}.income-separation-note strong{font-size:9px}.income-separation-note small{margin-top:3px;font-size:7px;line-height:1.45}.income-separation-note button{border:0;display:flex;align-items:center;gap:2px;padding:5px;background:transparent;color:#8f6019;font-size:7px;font-weight:900;white-space:nowrap}.income-separation-note button svg{width:11px;height:11px}.host-income-stats strong{white-space:nowrap}.host-income-stats>div:nth-child(2){background:var(--amber-soft)}.host-income-stats>div:nth-child(2) strong{color:#a96d14}.host-time-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-4px 0 13px}.host-time-stats>div{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:11px}.host-time-stats>div>svg{width:15px;height:15px;color:var(--teal)}.host-time-stats span,.host-time-stats strong{display:block}.host-time-stats span{color:var(--muted);font-size:7px}.host-time-stats strong{margin-top:3px;color:var(--text);font-size:12px}
.task-reward-sources{grid-template-columns:repeat(2,1fr)}.host-task-reward-card>p{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.72);color:#8c744d;font-size:7px;line-height:1.5}.host-task-reward-card>p svg{width:12px;height:12px;flex:0 0 auto}.income-period-switch{grid-template-columns:repeat(4,1fr);width:100%;gap:5px;padding:4px;border-radius:13px}.income-period-switch button{height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:10px}.income-period-switch button svg{width:11px;height:11px}.income-overview-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.income-overview-split>span{padding:10px 11px;border-radius:11px;background:var(--soft);color:var(--muted);font-size:7px}.income-overview-split strong,.income-overview-split small{display:block}.income-overview-split strong{margin-top:4px;color:var(--text);font-size:11px}.income-overview-split>span:last-child{background:var(--amber-soft)}.income-overview-split>span:last-child strong{color:#9d6718}.income-overview-split small{margin-top:3px;font-size:7px}.host-performance-overview{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;padding:0}.host-performance-overview>div{min-width:0;padding:14px 10px;border-right:1px solid var(--line)}.host-performance-overview>div:last-child{border-right:0}.performance-icon{width:31px;height:31px;display:grid;place-items:center;margin-bottom:9px;border-radius:10px}.performance-icon svg{width:14px;height:14px}.performance-icon.purple{background:var(--purple-soft);color:var(--purple)}.performance-icon.teal{background:var(--teal-soft);color:var(--teal)}.performance-icon.coral{background:var(--coral-soft);color:var(--coral)}.host-performance-overview small,.host-performance-overview strong{display:block}.host-performance-overview small{color:var(--muted);font-size:7px}.host-performance-overview strong{margin-top:5px;font-size:15px}.host-performance-overview strong i{color:var(--muted);font-size:7px;font-style:normal}.custom-range-fields{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);align-items:end;gap:7px;margin-bottom:15px}.custom-range-fields>span{display:grid;place-items:center;height:36px;color:var(--muted)}.custom-range-fields>span svg{width:13px;height:13px}.custom-range-fields label{color:var(--muted);font-size:8px;font-weight:800}.custom-range-fields input{width:100%;height:38px;margin-top:6px;padding:0 7px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit;box-sizing:border-box}.custom-range-form>.main-btn{margin-top:16px}.host-time-stats>div:last-child{grid-column:1/-1}.management-reward-total{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding:11px;border:1px solid rgba(220,146,31,.16);border-radius:15px;background:#fffbf2}.management-reward-total>div{padding:9px 10px;border-radius:11px;background:#fff}.management-reward-total span,.management-reward-total strong{display:block}.management-reward-total span{color:var(--muted);font-size:7px}.management-reward-total strong{margin-top:4px;font-size:10px}.management-reward-total>div:first-child strong{color:#a96d14}.management-reward-total>p{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin:0;color:#8d754e;font-size:7px}.management-reward-total>p svg{width:11px;height:11px}.host-reward-summary{padding:17px;border-radius:18px;background:linear-gradient(135deg,#2f2a5c,#6558e8);color:#fff;box-shadow:0 12px 26px rgba(66,56,161,.18)}.host-reward-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#d7d3f5;font-size:8px}.host-reward-summary>div:first-child b{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff}.host-reward-summary>strong{display:block;margin-top:12px;font-size:25px;letter-spacing:-.5px}.host-reward-summary>strong small{color:#d3cfef;font-size:9px}.host-reward-total-track{height:10px;overflow:hidden;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.14)}.host-reward-total-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc676,#ff8379)}.host-reward-summary>p{margin:7px 0 0;color:#cbc7eb;font-size:7px}.host-reward-rule{margin-top:10px}.reward-group-heading{margin-top:18px}.reward-group-heading>b{min-width:34px;padding:5px 7px;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:8px;text-align:center}.host-reward-task-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.host-reward-task-row{display:grid;grid-template-columns:34px minmax(0,1fr) 58px;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--line)}.host-reward-task-row:last-child{border-bottom:0}.reward-task-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--amber-soft);color:var(--amber)}.reward-task-icon svg{width:15px;height:15px}.host-reward-task-row.done .reward-task-icon{background:var(--teal-soft);color:var(--teal)}.reward-task-info{min-width:0}.reward-task-info strong,.reward-task-info small,.reward-task-info em{display:block}.reward-task-info strong{font-size:9px}.reward-task-info small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:7px;white-space:nowrap;text-overflow:ellipsis}.reward-task-info>span{display:block;height:5px;overflow:hidden;margin-top:7px;border-radius:99px;background:#ecebf2}.reward-task-info>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6a5cf4,#8f82ff)}.reward-task-info em{margin-top:4px;color:var(--muted);font-size:7px;font-style:normal}.reward-task-action{text-align:right}.reward-task-action b,.reward-task-action small{display:block}.reward-task-action b{font-size:10px}.reward-task-action small{margin-top:2px;color:var(--muted);font-size:7px}.reward-task-action>i{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:7px;color:var(--teal);font-size:7px;font-weight:850;font-style:normal}.reward-task-action>i svg{width:10px;height:10px}.reward-task-action>button{height:25px;margin-top:6px;padding:0 8px;border:0;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:7px;font-weight:900;cursor:pointer}.income-task-reward-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px;border:1px solid rgba(220,146,31,.17);border-radius:15px;background:#fffbf2}.income-task-reward-summary>div{padding:10px;border-radius:11px;background:#fff}.income-task-reward-summary span,.income-task-reward-summary strong,.income-task-reward-summary small{display:block}.income-task-reward-summary span{color:var(--muted);font-size:7px}.income-task-reward-summary strong{margin-top:5px;font-size:10px}.income-task-reward-summary small{margin-top:3px;color:#9a6a22;font-size:7px}.income-task-reward-summary>button{grid-column:1/-1;height:34px;border:0;border-radius:10px;background:#2f2b50;color:#fff;font-size:8px;font-weight:900}.income-task-reward-summary>button svg{width:11px;height:11px;vertical-align:middle}.recharge-progress-row .overview-row-head>b{min-width:92px;font-size:10px}.recharge-progress-row .rate-track>i{background:linear-gradient(90deg,#ffab65,#f06f61);box-shadow:0 2px 8px rgba(240,111,97,.25)}.recharge-progress-card{overflow:hidden;padding:17px;border-radius:18px;background:linear-gradient(135deg,#302b60,#6859e9);color:#fff;box-shadow:0 12px 26px rgba(66,56,161,.18)}.recharge-progress-card>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#d6d2f4;font-size:9px}.recharge-progress-card>div:first-child span{display:flex;align-items:center;gap:6px}.recharge-progress-card>div:first-child svg{width:14px;height:14px}.recharge-progress-card>div:first-child b{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff}.recharge-progress-card>strong{display:block;margin-top:13px;font-size:25px;letter-spacing:-.5px}.recharge-progress-card>strong small{color:#d0cceb;font-size:9px}.recharge-progress-track{height:11px;overflow:hidden;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.13)}.recharge-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffbf78,#ff776d)}.recharge-progress-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#c9c5e9;font-size:7px}.recharge-progress-card footer strong{color:#fff;text-align:right}.recharge-reward-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.recharge-reward-kpis section{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.recharge-reward-kpis span,.recharge-reward-kpis strong,.recharge-reward-kpis small{display:block}.recharge-reward-kpis span{color:var(--muted);font-size:8px}.recharge-reward-kpis strong{margin-top:6px;font-size:20px}.recharge-reward-kpis section:first-child strong{color:var(--coral)}.recharge-reward-kpis small{margin-top:4px;color:var(--muted);font-size:7px}.recharge-rule-note{margin-top:10px}.recharge-user-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.recharge-user-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--line)}.recharge-user-row:last-child{border-bottom:0}.recharge-user-row .host-avatar{width:40px;height:40px;border-radius:12px}.recharge-user-row>span:nth-child(2){min-width:0}.recharge-user-row strong,.recharge-user-row small,.recharge-user-row>b{display:block}.recharge-user-row>span:nth-child(2) strong{font-size:9px}.recharge-user-row>span:nth-child(2) small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:7px;white-space:nowrap;text-overflow:ellipsis}.recharge-user-row>b{font-size:10px;text-align:right}.recharge-user-row>b small{margin-top:3px;color:var(--muted);font-size:7px;font-weight:600}.recharge-ranking{overflow:hidden}.ranking-summary{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#faf9ff;color:var(--muted);font-size:8px}.ranking-summary strong{color:var(--purple);font-size:10px}.recharge-rank-row{display:grid;grid-template-columns:24px 38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 12px;border-top:1px solid var(--line)}.rank-number{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#f0f0f4;color:#77798a;font-size:8px;font-weight:900;font-style:normal}.rank-number.rank-1{background:#fff0c8;color:#ad7419}.rank-number.rank-2{background:#f0f2f6;color:#687080}.rank-number.rank-3{background:#f7e7dc;color:#a66c47}.recharge-rank-row .host-avatar{width:38px;height:38px;border-radius:11px}.recharge-rank-row>span:nth-child(3){min-width:0}.recharge-rank-row strong,.recharge-rank-row small,.recharge-rank-row>b{display:block}.recharge-rank-row>span:nth-child(3) strong{font-size:9px}.recharge-rank-row>span:nth-child(3) small{margin-top:4px;color:var(--muted);font-size:7px}.recharge-rank-row>b{font-size:10px;text-align:right}.recharge-rank-row>b small{margin-top:3px;color:var(--muted);font-size:7px;font-weight:600}.recharge-ranking>p{display:flex;align-items:flex-start;gap:6px;margin:0;padding:10px 12px;border-top:1px solid var(--line);background:#fafafa;color:var(--muted);font-size:7px;line-height:1.5}.recharge-ranking>p svg{width:13px;height:13px;flex:0 0 auto;color:var(--teal)}.recharge-history-table{min-width:670px}
.management-period.four-periods{grid-template-columns:repeat(4,1fr);width:100%;gap:5px;padding:4px;border-radius:13px}.management-period.four-periods button{height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:10px}.management-period.four-periods button svg{width:11px;height:11px}.detail-period-range{margin:7px 1px 12px;color:var(--muted);font-size:8px;text-align:center}#subGuildIncomeOverview,#guildIncomeOverview{scroll-margin-top:82px}
.policy-summary-panel{overflow:hidden;border:1px solid #e2e5ed;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,36,68,.045)}.policy-summary-panel>header{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e9ebf1;background:#fafbfe}.policy-summary-panel>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf0ff;color:#2757d7}.policy-summary-panel>header>span svg{width:18px;height:18px}.policy-summary-panel>header small,.policy-summary-panel>header h3,.policy-summary-panel>header p{display:block;margin:0}.policy-summary-panel>header small{color:#2757d7;font-size:7px;font-weight:900;letter-spacing:.9px}.policy-summary-panel>header h3{margin-top:3px;font-size:13px}.policy-summary-panel>header p{margin-top:3px;color:var(--muted);font-size:8px}.policy-summary-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #eceef3}.policy-summary-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--purple-soft);color:var(--purple)}.policy-summary-icon.teal{background:var(--teal-soft);color:var(--teal)}.policy-summary-icon.coral{background:var(--coral-soft);color:var(--coral)}.policy-summary-icon.amber{background:var(--amber-soft);color:var(--amber)}.policy-summary-icon svg{width:16px;height:16px}.policy-summary-list article>div{min-width:0}.policy-summary-list small,.policy-summary-list strong,.policy-summary-list p{display:block;margin:0}.policy-summary-list small{color:#8a8d9c;font-size:7px;font-weight:800}.policy-summary-list strong{margin-top:3px;font-size:10px}.policy-summary-list p{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}.policy-summary-list article>b{padding:6px 8px;border-radius:8px;background:#eef3ff;color:#2757d7;font-size:8px;white-space:nowrap}.policy-summary-panel>button{width:100%;height:42px;border:0;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#2757d7;font-size:9px;font-weight:900;cursor:pointer}.policy-summary-panel>button svg{width:13px;height:13px}.policy-summary-panel>button:active{background:#f7f9ff}
.policy-hub-tabs{position:sticky;top:64px;z-index:12;margin:-5px -4px 14px;padding:5px 4px;background:rgba(247,247,251,.94);backdrop-filter:blur(10px)}.policy-hub-tabs>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(43,42,69,.07);border-radius:13px;background:#eaeaF1}.policy-hub-tabs button{min-width:0;height:38px;border:0;border-radius:9px;background:transparent;color:#77798b;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.policy-hub-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 3px 10px rgba(37,34,79,.09)}.policy-hub-tabs button:focus-visible{outline:2px solid var(--purple);outline-offset:1px}.policy-hub-banner{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid rgba(102,91,244,.1);border-radius:15px;background:linear-gradient(135deg,#f7f5ff,#fff);color:#65627a;font-size:9px;line-height:1.55}.policy-hub-banner.host{border-color:rgba(29,172,153,.13);background:linear-gradient(135deg,#edfaf7,#fff)}.policy-hub-banner>svg{width:16px;height:16px;flex:0 0 auto;color:var(--purple)}.policy-hub-banner.host>svg{color:var(--teal)}.policy-hub-banner strong{display:block;margin-bottom:3px;color:var(--text);font-size:11px}.policy-hub-content>.period-module{margin-top:16px}.policy-document{padding:17px 14px 18px;border:1px solid #e2e5ed;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(31,38,74,.045)}.policy-doc-lead{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:2px solid #dfe6f8}.policy-doc-lead>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#2757d7;color:#fff;font-size:15px;font-weight:900}.policy-doc-lead small,.policy-doc-lead h2{display:block;margin:0}.policy-doc-lead small{color:#2757d7;font-size:6px;font-weight:900;letter-spacing:.75px}.policy-doc-lead h2{margin-top:4px;color:#1d3f9e;font-size:16px}.policy-doc-intro{margin:12px 0 0;color:#656b7c;font-size:10px;line-height:1.75}.policy-doc-section{margin-top:26px}.policy-doc-section>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding-left:9px;border-left:3px solid #f39a19}.policy-doc-section>header>span{color:#1f2738;font-size:10px;font-weight:900}.policy-doc-section>header small,.policy-doc-section>header h3{display:block;margin:0}.policy-doc-section>header small{color:#2757d7;font-size:6px;font-weight:900;letter-spacing:.65px}.policy-doc-section>header h3{margin-top:3px;font-size:12px}.policy-doc-section>header>b{padding:5px 7px;border-radius:7px;background:#eef3ff;color:#2757d7;font-size:7px;white-space:nowrap}.policy-doc-description{margin:10px 0 0;color:#656b7c;font-size:9px;line-height:1.7}.policy-doc-swipe{margin:10px 1px 6px;color:#9296a4;font-size:7px;text-align:right}.policy-doc-table-wrap{border-color:#dce1eb;border-radius:10px;box-shadow:none}.policy-doc-table{min-width:530px;font-size:8px}.policy-doc-table.with-total{min-width:650px}.policy-doc-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.policy-doc-table th{padding:10px 9px;background:#2757d7;color:#fff;font-size:8px}.policy-doc-table td{padding:10px 9px;color:#303849}.policy-doc-table td:first-child strong{color:#2455d5}.policy-doc-table tbody tr:nth-child(even){background:#f7f8fa}.policy-doc-ratio{display:inline-flex;padding:3px 6px;border-radius:6px;background:#edf2ff;color:#2757d7;font-weight:900}.policy-doc-ratio.fixed{background:#e9f7f4;color:#168e80}.policy-doc-section>aside{margin-top:10px;padding:11px 12px;border-left:3px solid #f39a19;border-radius:0 9px 9px 0;background:#fff8e7;color:#86501b;font-size:8px;line-height:1.65}.policy-doc-section>aside strong{color:#6f3c0e}.policy-doc-footer{display:flex;align-items:flex-start;gap:7px;margin-top:24px;padding-top:13px;border-top:1px solid #e8eaf0;color:#7b8090;font-size:8px;line-height:1.55}.policy-doc-footer svg{width:14px;height:14px;flex:0 0 auto;color:var(--teal)}.handbook-intro{position:relative;overflow:hidden;padding:19px;border-radius:19px;background:linear-gradient(135deg,#302b60,#6256e8);color:#fff;box-shadow:0 12px 28px rgba(58,49,145,.16)}.handbook-intro:after{content:"";position:absolute;right:-35px;top:-48px;width:120px;height:120px;border:20px solid rgba(255,255,255,.055);border-radius:50%}.handbook-intro small{position:relative;z-index:1;color:#c9c5f0;font-size:7px;font-weight:900;letter-spacing:1px}.handbook-intro h2{position:relative;z-index:1;margin:7px 0 5px;font-size:20px}.handbook-intro p{position:relative;z-index:1;margin:0;color:#d8d4f2;font-size:9px;line-height:1.55}.handbook-list{margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(29,27,67,.045)}.handbook-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:15px;border-bottom:1px solid var(--line)}.handbook-step:last-child{border-bottom:0}.handbook-step-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--purple-soft);color:var(--purple)}.handbook-step:nth-child(2) .handbook-step-icon{background:var(--teal-soft);color:var(--teal)}.handbook-step:nth-child(3) .handbook-step-icon{background:var(--coral-soft);color:var(--coral)}.handbook-step:nth-child(4) .handbook-step-icon{background:var(--amber-soft);color:var(--amber)}.handbook-step-icon svg{width:18px;height:18px}.handbook-step>div{min-width:0}.handbook-step small{color:var(--purple);font-size:7px;font-weight:900}.handbook-step h3{margin:3px 0 0;font-size:12px}.handbook-step p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.handbook-step b{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--teal);font-size:8px}.handbook-step b svg{width:12px;height:12px;flex:0 0 auto}#hostManagementOverview{scroll-margin-top:82px}
.handbook-step:nth-child(5) .handbook-step-icon{background:#f1eef8;color:#6f6688}.handbook-penalty{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;margin-top:12px;padding:14px;border:1px solid rgba(240,111,97,.18);border-radius:16px;background:#fff5f3;color:#80524d}.handbook-penalty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffe6e2;color:var(--coral)}.handbook-penalty>span svg{width:17px;height:17px}.handbook-penalty strong{font-size:11px;color:#713d38}.handbook-penalty p{margin:5px 0 0;font-size:8px;line-height:1.6}
.policy-hub-tabs.host-only>div{grid-template-columns:repeat(2,minmax(0,1fr))}.host-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.host-shortcut{position:relative;min-width:0;min-height:128px;overflow:hidden;border:1px solid rgba(102,91,244,.11);border-radius:18px;padding:14px;background:linear-gradient(145deg,#fff,#f7f5ff);text-align:left;box-shadow:0 8px 22px rgba(34,31,77,.055);cursor:pointer}.host-shortcut.tasks{border-color:rgba(218,147,33,.17);background:linear-gradient(145deg,#fff,#fff9ed)}.host-shortcut:after{content:"";position:absolute;right:-27px;bottom:-35px;width:84px;height:84px;border:13px solid rgba(102,91,244,.035);border-radius:50%}.host-shortcut.tasks:after{border-color:rgba(218,147,33,.045)}.host-shortcut-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:15px;border-radius:12px;background:var(--purple-soft);color:var(--purple)}.host-shortcut.tasks .host-shortcut-icon{background:var(--amber-soft);color:var(--amber)}.host-shortcut-icon svg{width:18px;height:18px}.host-shortcut>span:nth-child(2){position:relative;z-index:1;display:block;min-width:0}.host-shortcut small,.host-shortcut strong,.host-shortcut em{display:block}.host-shortcut small{color:var(--purple);font-size:6px;font-weight:900;letter-spacing:.8px}.host-shortcut.tasks small{color:#a66b13}.host-shortcut strong{margin-top:4px;font-size:13px}.host-shortcut em{margin-top:5px;overflow:hidden;color:var(--muted);font-size:8px;font-style:normal;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}.host-shortcut>svg:last-child{position:absolute;z-index:2;right:12px;top:17px;width:14px;height:14px;color:#a9a7b6}.host-shortcut.tasks>b{position:absolute;z-index:2;right:31px;top:14px;padding:4px 6px;border-radius:8px;background:#fff2d7;color:#a56b15;font-size:7px}.host-shortcut:active{transform:scale(.98)}.host-today-task-page .host-reward-summary{margin-bottom:10px}.host-today-task-page .policy-source-note{margin-bottom:0}
@media (min-width:700px){body{padding:22px 0}.mobile-app{min-height:calc(100dvh - 44px);border-radius:30px;overflow:hidden}.bottom-nav{bottom:22px;border-radius:0 0 30px 30px}.sheet-backdrop{align-items:center}.bottom-sheet{max-height:min(820px,90dvh);border-radius:24px}}
@media (max-width:360px){.screen{padding-left:12px;padding-right:12px}.task-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.metric-row{gap:6px}.metric{padding:11px 9px}.metric strong{font-size:15px}.income-settlement>div{padding:11px 9px}.income-settlement strong{font-size:11px;white-space:nowrap}.overview-progress-row{padding:14px}.progress-identity strong{font-size:12px}.progress-values{font-size:9px}.progress-reward{font-size:8px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.chart .line{stroke-dasharray:520;stroke-dashoffset:520;animation:trend-draw .55s ease-out forwards}.chart .area{animation:trend-area-in .42s ease-out both}@keyframes trend-draw{to{stroke-dashoffset:0}}@keyframes trend-area-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chart .line{stroke-dashoffset:0;animation:none}.chart .area{animation:none}}
.app-header{height:76px;padding:0 12px;gap:8px}.identity{flex:1;grid-template-columns:40px minmax(0,1fr) 13px;gap:8px}.identity-avatar{width:40px;height:40px}.identity small{margin:0;font-size:8px;line-height:1.1}.identity strong{font-size:13px;line-height:1.2}.identity em{display:block;overflow:hidden;margin-top:2px;color:#9a9aaa;font-size:7px;font-style:normal;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.header-actions{flex:0 0 auto;gap:7px}.group-entry{min-width:94px;height:44px;border:0;display:inline-flex;align-items:center;gap:7px;padding:0 10px 0 7px;border-radius:14px;background:linear-gradient(135deg,#7768ff,#5f50ef);color:#fff;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(95,80,239,.28);transition:transform .16s ease,box-shadow .16s ease}.group-entry:hover{box-shadow:0 10px 22px rgba(95,80,239,.36);transform:translateY(-1px)}.group-entry:active{box-shadow:0 4px 10px rgba(95,80,239,.24);transform:scale(.97)}.group-entry-icon{width:28px;height:28px;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(255,255,255,.16)}.group-entry-icon svg{width:15px;height:15px}.group-entry-copy{display:block;text-align:left}.group-entry-copy strong,.group-entry-copy small{display:block}.group-entry-copy strong{color:#fff;font-size:8px;line-height:1.15}.group-entry-copy small{margin-top:3px;color:rgba(255,255,255,.74);font-size:6px;font-weight:700;line-height:1}.host-export-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-1px 0 12px;padding:11px 12px;border:1px solid rgba(102,91,244,.11);border-radius:14px;background:linear-gradient(135deg,#fff,#f7f5ff)}.host-export-bar>span{min-width:0}.host-export-bar strong,.host-export-bar small{display:block}.host-export-bar strong{font-size:9px}.host-export-bar small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:7px;white-space:nowrap;text-overflow:ellipsis}.host-export-bar button{height:32px;border:0;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:0 10px;border-radius:9px;background:var(--purple);color:#fff;font-size:8px;font-weight:900;box-shadow:0 6px 14px rgba(102,91,244,.18);cursor:pointer}.host-export-bar button svg{width:13px;height:13px}@media (max-width:430px){.demo-tag{display:none}}@media (max-width:350px){.group-entry{min-width:82px;padding-right:8px}.group-entry-copy strong{font-size:7px}.group-entry-copy small{display:none}}