:root{--bg:#f7f8fa;--orange:#f28b11;--ink:#252d39}body{padding-bottom:0}.preview-ribbon{height:35px;background:#fff4e3;border-bottom:1px solid #ffe7c3;color:#b7894e;font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.preview-ribbon label{display:flex;align-items:center;gap:8px}.preview-ribbon select{font-size:11px;width:116px;padding:3px 9px;background:#fffaf3;border-color:#f3debf;border-radius:6px}.topbar{height:68px}.sidebar{padding-top:25px}.sidebar .nav-label{margin-top:12px}.sidebar .nav-btn{padding:10px 14px;margin-bottom:4px}.sidebar .brand{padding-bottom:20px}.brand small{letter-spacing:1px}.live-pill{font-size:10px}.live-pill .dot{box-shadow:0 0 0 3px #249a6c12}.live-pill.offline{color:#bd8c45;background:#fff4df}.main{padding-top:27px}.mobile-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mobile-greeting>.avatar{display:none}.eyebrow{display:block;font-size:11px;letter-spacing:1px;color:#9ba4b0;margin-bottom:9px}.mobile-greeting h1{font-size:27px}.hero{min-height:228px}.hero-caption{display:flex;align-items:center;gap:7px}.hero-caption .dot{background:#c7a575}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.quick-actions button{border:1px solid #e9edf2;background:white;border-radius:13px;padding:18px 22px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:550;font-size:13px}.quick-actions button>.icon:first-child{color:#d69d53}.quick-actions button>.icon:last-child{margin-left:auto;width:15px;color:#b3bdc8}.team-dashboard{margin-bottom:22px;overflow:hidden}.team-daily-row{display:block;width:100%;text-align:left;padding:19px 25px;border-top:1px solid #f0f3f6}.team-daily-row:hover{background:#fffcf7}.team-daily-row .pill{margin-left:8px;padding:3px 7px;font-size:10px}.team-daily-row strong{font-size:14px}.team-daily-row p{font-size:11px;margin-top:7px;color:#a4aeb9}.team-row-right{display:flex;align-items:center;gap:20px}.team-row-right strong{font-size:21px;color:#394453}.team-row-right .icon{width:14px;color:#b3beca}.daily-tags{display:flex;gap:28px;margin-left:55px;margin-top:12px;font-size:11px;color:#a0a9b5}.daily-tags b{font-weight:600;margin-left:7px;color:#657488}.employee-tip{display:flex;gap:16px;align-items:center;padding:22px;margin-bottom:22px}.employee-tip p{font-size:12px;color:#98a4b0;margin-top:7px;line-height:1.7}.pending-card{background:#fff5e5;border:1px solid #ffe6bd;border-radius:12px;padding:15px 20px;color:#b68542;width:100%;display:flex;gap:12px;align-items:center;margin-top:20px;text-align:left}.pending-card>.icon:last-child{margin-left:auto}.team-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-report-card{padding:23px}.team-report-card h2{font-size:17px}.team-report-card p{margin-top:7px}.report-sales{padding:22px 0 18px}.report-sales span{display:block;font-size:12px;color:#99a4b2}.report-sales strong{display:block;font-size:30px;margin-top:9px}.team-report-numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#f8fafc;border-radius:10px;padding:15px 6px;margin-bottom:15px}.team-report-numbers>div{text-align:center;border-right:1px solid #e8edf3}.team-report-numbers>div:last-child{border:0}.team-report-numbers span{font-size:10px;color:#a0abb7;display:block}.team-report-numbers strong{font-size:19px;display:block;margin-top:7px}.team-report-card>.btn{width:100%;margin-top:20px}.team-report-card>p{font-size:10px;text-align:center;margin-top:12px}.settings-links{margin-top:20px}.settings-links button{display:flex;align-items:center;width:100%;border-top:1px solid #eef1f5;padding:17px 0;gap:12px;font-size:14px;color:#728094}.settings-links button .icon:last-child{margin-left:auto;width:15px;color:#abb4c1}.demo-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-login-card{border:1px solid #e8edf2;border-radius:14px;padding:20px;text-align:left;background:#fff;position:relative}.demo-login-card:hover{background:#fff7eb;border-color:#efc992}.demo-login-card .avatar{margin-bottom:14px}.demo-login-card strong{display:block;font-size:15px}.demo-login-card small{display:block;color:#9aa7b4;font-size:11px;line-height:1.7;margin-top:7px}.demo-login-card>.icon{position:absolute;right:18px;top:25px;color:#b6c0ca;width:16px}.avatar.aboss{background:#eae9f9;color:#9584b7}.mobile-nav{display:none}.fresh-data{position:fixed;right:24px;bottom:28px;background:#fff2dc;color:#ab7026;border:1px solid #f5d3a7;box-shadow:0 3px 20px #593a1015;padding:12px 18px;border-radius:12px;z-index:30;font-size:12px}.fresh-data[hidden]{display:none}.a1{background:#ecf2ff}.auth-art{background:linear-gradient(150deg,#fff7e9,#fbe8c9)}.auth-title h1{font-size:38px}.table-wrap{overscroll-behavior-x:contain}.topbar-leading{min-width:0}.salary-single{grid-template-columns:1fr}
@media(max-width:1150px){.sidebar{width:195px}.workspace{margin-left:195px}.team-report-grid{grid-template-columns:1fr}.team-report-card{display:block}.overview-bottom{grid-template-columns:1fr}.preview-ribbon{padding:0 25px}.hero-amount{font-size:62px}.wechat-layout{grid-template-columns:1fr 320px}.main{padding-left:24px;padding-right:24px}.topbar{padding-left:24px;padding-right:24px}}
@media(max-width:767px){html{scroll-padding-top:100px}body{background:#f7f8fa;padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:14px}.sidebar{display:none}.workspace{margin-left:0}.preview-ribbon{height:34px;padding:0 17px;font-size:10px}.preview-ribbon label{gap:5px}.preview-ribbon select{width:100px;font-size:11px;max-width:110px}.topbar{height:62px;padding:0 17px;background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar-leading{gap:8px}.breadcrumb{font-size:13px;white-space:nowrap}.breadcrumb b{margin-left:0;color:#4a586a;font-weight:600}.desktop-only,.back-label{display:none}.back-button{padding:6px;border:0;background:none}.back-button:disabled{background:none;opacity:.35}.back-arrow .icon{width:17px;height:17px}.topbar .right{gap:8px}.topbar .month{width:109px;font-size:11px;padding:7px 6px;border-radius:7px}.live-pill{font-size:9px;padding:5px 6px;gap:5px}.live-pill .dot{width:5px;height:5px}.main{padding:23px 17px 26px;max-width:560px;margin:auto}.mobile-greeting{margin-bottom:20px}.mobile-greeting>.avatar{display:grid;width:42px;height:42px}.mobile-greeting h1{font-size:24px;letter-spacing:-.8px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px}.hero{min-height:187px;padding:23px;border-radius:20px;background:linear-gradient(120deg,#ffecd1,#fff4e1 65%,#ffe9c7);align-items:flex-start}.hero:after{width:180px;height:180px;right:-55px;top:-55px;border-width:25px}.hero-eyebrow{font-size:10px;letter-spacing:1px;position:relative;z-index:1}.hero-eyebrow .icon{width:15px;height:15px}.hero-amount{font-size:49px;letter-spacing:-1.6px;line-height:1.2;margin:17px 0 13px;font-weight:700;position:relative;z-index:1}.hero-amount .currency{font-size:23px;margin-right:5px}.hero-caption{font-size:10px;letter-spacing:.1px}.hero-message{display:none}.stat-grid{gap:9px;margin:14px 0}.stat{padding:15px 11px;border-radius:13px;min-width:0;display:block;box-shadow:none}.stat .label{font-size:10px;white-space:nowrap}.stat .value{font-size:23px;margin-top:10px;letter-spacing:-.8px;white-space:nowrap}.stat:first-child .value{font-size:20px;padding-top:2px}.stat .unit{font-size:9px;margin-left:3px}.stat-icon{display:none}.quick-actions{gap:10px;margin:16px 0 21px}.quick-actions button{padding:15px 12px;gap:8px;font-size:12px;border-radius:12px}.quick-actions button>.icon:first-child{width:17px;height:17px}.quick-actions button>.icon:last-child{width:13px}.card{border-radius:16px}.card-head{padding:20px 18px 17px}.card-head h2{font-size:16px}.card-head p{font-size:11px;margin-top:6px}.team-dashboard{margin-bottom:19px}.team-daily-row{padding:17px 18px}.team-daily-row strong{font-size:13px}.team-daily-row .avatar{width:37px;height:37px;border-radius:12px;font-size:15px}.team-daily-row .row{gap:10px}.team-daily-row .pill{margin-left:5px;font-size:9px;padding:2px 5px}.team-daily-row p{font-size:10px}.team-row-right{gap:9px}.team-row-right strong{font-size:17px;letter-spacing:-.6px}.team-row-right .icon{width:12px}.daily-tags{margin-left:47px;gap:22px;font-size:10px;margin-top:11px}.daily-tags b{font-size:12px;margin-left:5px}.overview-bottom{grid-template-columns:1fr;gap:19px}.channel-list{padding:0 18px 22px;gap:17px}.channel-row{grid-template-columns:25px 57px 1fr 75px;gap:8px;font-size:11px}.channel-money{font-size:11px}.team-list{padding:0 18px}.team-member .row{gap:9px}.team-member .avatar{width:35px;height:35px;font-size:14px}.team-member{padding:16px 0}.team-member strong{font-size:16px}.team-member .member-name{font-size:12px}.team-member .meta{font-size:10px;line-height:1.5}.footer-caption{font-size:9px;letter-spacing:0;line-height:1.8;margin-top:22px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e9edf3;z-index:50;justify-content:space-around;box-shadow:0 -4px 25px #22334403}.mobile-nav button{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;align-items:center;color:#9aa6b4;font-size:10px;position:relative;padding:5px 1px}.mobile-nav .icon{width:21px;height:21px;stroke-width:1.7}.mobile-nav button.active{color:#e29129;font-weight:650}.mobile-nav button.active:before{content:"";position:absolute;top:-9px;width:22px;height:3px;background:#e7a03f;border-radius:0 0 4px 4px}.nav-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#ec9b35;top:3px;right:32%}.employee-tip{padding:19px 18px}.employee-tip .stat-icon{display:grid;width:37px;height:37px;flex-shrink:0}.employee-tip h3{font-size:13px}.employee-tip p{font-size:11px}.page-heading{display:block;margin-bottom:20px}.page-heading h1{font-size:23px;line-height:1.4}.page-heading p{font-size:12px;line-height:1.8;margin-top:6px}.page-heading>.btn,.page-heading>.pill,.page-heading>.tab-chips{margin-top:14px}.page-heading>.btn{font-size:12px;padding:10px 13px}.form-layout,.settings-grid,.salary-grid,.wechat-layout{grid-template-columns:minmax(0,1fr);gap:16px}.form-layout>aside{order:-1}.summary-panel{padding:17px}.summary-panel .amount{font-size:28px;margin:10px 0}.summary-panel .summary-line{display:none}.summary-panel .notice{display:none}.summary-panel .pill{font-size:10px}.hint-list{display:none}.form-card,.wechat-layout .form-card{padding:19px 17px}.form-row,.money-grid{gap:15px 11px}.field{gap:8px;min-width:0}.field>span{font-size:11px;line-height:1.5}.field input,.field textarea,.field select{font-size:16px;min-width:0;padding:11px}.input-money input{padding-left:29px;font-size:17px}.input-money b{left:12px}.field .help{font-size:10px}.form-section{padding-top:20px;margin-top:20px}.form-section h3{font-size:14px}.notice{font-size:11px;padding:12px;line-height:1.9}.notice .btn{padding:6px 8px;font-size:10px}.form-footer{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:22px;padding-top:18px}.form-footer .btn{width:100%;padding:13px}.form-footer .lock-note{font-size:10px}.btn{min-height:43px;border-radius:10px}.wechat-toolbar{padding:17px;display:block;margin-bottom:18px}.wechat-toolbar .row{gap:12px;align-items:end}.wechat-toolbar .field{min-width:0;flex:1}.wechat-toolbar .muted{text-align:left;max-width:none;margin-top:13px;font-size:10px}.wechat-toolbar .field input,.wechat-toolbar select{font-size:14px;width:100%}.wechat-layout .between{align-items:flex-start;gap:8px}.wechat-layout .between h2{font-size:16px}.wechat-layout .between .pill{font-size:9px;padding:5px}.wechat-layout .form-section{margin-top:19px}.wechat-preview{position:static;min-width:0}.wechat-text{min-height:710px;padding:20px 18px;font-size:13px;line-height:1.9;resize:none}.wechat-copy-footer{padding:18px}.wechat-copy-footer p{font-size:10px}.wechat-copy-footer .btn{padding:13px}.team-report-grid{grid-template-columns:1fr;gap:17px}.team-report-card{padding:20px}.report-sales{padding:22px 0 17px}.report-sales strong{font-size:33px}.team-report-numbers span{font-size:11px}.team-report-numbers strong{font-size:21px}.team-report-card>.btn{margin-top:18px}.salary-top{padding:21px}.salary-breakdown{padding:12px 21px 21px}.salary-total{font-size:36px}.salary-rules{grid-template-columns:1fr;gap:17px;font-size:12px;margin-top:17px}.card-pad{padding:20px}.card-pad h2{font-size:17px}.approval-card{padding:18px}.approval-card .reason{line-height:1.8;font-size:11px;margin:15px 0}.approval-card .small{font-size:10px;line-height:1.8}.approval-card .row{gap:9px}.diff-grid{grid-template-columns:repeat(2,1fr);gap:10px}.diff-cell{padding:12px}.approval-footer{gap:9px}.approval-footer .btn{flex:1;font-size:12px;padding:10px}.table-wrap{width:100%;max-width:100%;border-radius:0 0 16px 16px}.table-wrap th,.table-wrap td{padding:13px 11px;font-size:11px}.table-note{font-size:10px;line-height:1.8;padding:13px 17px}.filter-select{width:112px;font-size:12px}.table-wrap:before{content:"左右滑动查看完整表格";display:block;font-size:9px;color:#aeb8c4;padding:0 17px 10px}.modal-overlay{padding:16px 12px;align-items:center}.modal{max-height:86vh;border-radius:17px;max-width:520px!important}.modal-head{padding:18px}.modal-head h2{font-size:16px}.modal-body{padding:18px}.modal-footer{padding:14px 18px}.modal-footer .btn{font-size:12px}.modal .money-grid{gap:13px 10px}.modal .form-row{grid-template-columns:1fr}.modal input,.modal textarea{font-size:16px}.modal .notice{font-size:11px}.modal .table-wrap{margin-left:-5px;width:calc(100% + 10px)}.modal .inline-note{font-size:11px}.settings-links{margin-top:18px}.settings-links button{padding:17px 0;font-size:13px}.inline-note{font-size:12px;line-height:1.9}.fresh-data{left:17px;right:17px;bottom:calc(84px + env(safe-area-inset-bottom));font-size:11px;padding:12px;text-align:center}#toast{bottom:calc(91px + env(safe-area-inset-bottom));font-size:12px;padding:12px 17px;line-height:1.7;width:max-content;max-width:90vw}.auth-shell{display:block}.auth-art{display:none}.auth-content{padding:35px 22px;min-height:100vh;align-items:center;background:radial-gradient(ellipse at 90% 0,#ffecd2,transparent 55%),#fff}.auth-box{max-width:430px}.auth-box h2{font-size:27px}.auth-box>p{font-size:12px;line-height:1.9;margin-bottom:24px}.demo-login-grid{gap:12px}.demo-login-card{padding:19px 15px;min-height:156px;box-shadow:0 4px 20px #6b431006}.demo-login-card strong{font-size:14px}.demo-login-card small{font-size:10px}.auth-box .notice{font-size:11px}.settings-grid .card{padding:20px}.team-row-right{flex-shrink:0}}
@media(max-width:359px){.main{padding-left:13px;padding-right:13px}.topbar{padding-left:12px;padding-right:12px}.hero-amount{font-size:43px}.stat .value{font-size:20px}.stat:first-child .value{font-size:17px}.stat{padding:14px 8px}.stat .label{font-size:9px}.topbar .month{width:100px}.live-pill{font-size:8px}.daily-tags{gap:18px}.team-row-right strong{font-size:15px}.money-grid{grid-template-columns:1fr}.preview-ribbon{padding:0 12px}}
/* Owner accounts: mobile financial overview */
.boss-hero{min-height:220px}.boss-hero>div{width:100%;position:relative;z-index:1}.boss-hero-foot{display:flex;gap:32px;flex-wrap:wrap;color:#a47a43;font-size:12px}.boss-hero-foot span{display:flex;align-items:center;gap:12px}.boss-hero-foot strong{font-size:23px;color:#7e5729;letter-spacing:-.5px}.boss-hero-foot b{font-weight:550}.daily-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.daily-money-grid .card{padding:23px}.daily-money-grid span,.daily-money-grid small{display:block;color:#8d9aa9;font-size:12px}.daily-money-grid strong{display:block;font-size:32px;margin:14px 0 11px;letter-spacing:-1px}.daily-money-grid small{font-size:11px;color:#a5aeba}.profit{color:#299d7b!important}.negative{color:#d47064!important}.profit-note{display:flex;gap:7px;align-items:flex-start;color:#9ca7b2;font-size:11px;line-height:1.9;margin:13px 2px}.profit-note .icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}.business-period{padding:24px;margin-bottom:20px}.business-period h2{font-size:17px}.business-period input{font-size:12px;padding:8px 10px;width:145px}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;background:#f5f7f9;border-radius:11px;gap:4px;margin:20px 0 13px}.period-tabs button{padding:10px 8px;border-radius:8px;color:#96a2b0;font-size:12px}.period-tabs button.active{background:#fff;color:#d78b29;box-shadow:0 2px 8px #394a6010;font-weight:600}.period-caption{font-size:11px;color:#a5aebb;margin:12px 0 18px}.period-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.period-metrics span{font-size:11px;color:#99a4b2;display:block}.period-metrics strong{display:block;margin-top:10px;font-size:23px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.trend-card{margin-bottom:20px}.chart-legend{display:flex;gap:13px;font-size:10px;color:#9ca7b4}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:2px;background:#edb36c}.chart-legend span:last-child i{background:#91bdaf}.trend-scroll{margin:0 24px 22px;overflow-x:auto}.trend-bars{display:flex;align-items:end;justify-content:space-around;gap:12px;padding-top:10px}.trend-col{flex:1;text-align:center;min-width:22px}.trend-pair{height:125px;display:flex;align-items:end;justify-content:center;gap:4px;border-bottom:1px solid #e9edf1}.trend-pair i{background:#edb36c;width:14px;max-width:35%;border-radius:4px 4px 0 0}.trend-pair i:last-child{background:#91bdaf}.trend-col>span{display:block;font-size:9px;color:#a1adba;margin-top:10px}.business-counts{margin-bottom:20px}.income-shares{display:flex;justify-content:space-between;gap:10px;padding:17px 24px;border-top:1px solid #eef2f5;color:#9ca7b4;font-size:11px}.income-shares b{color:#697a8c;font-weight:550;margin-left:6px}.expense-category-list{padding:0 24px 20px}.expense-category-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #f1f3f6;font-size:12px;color:#95a1af}.expense-category-list b{font-weight:550;color:#647488}.boss-team-card{margin-top:20px;overflow:hidden}.expense-item{padding:22px}.expense-item h3{font-size:27px;margin:14px 0 9px}.expense-item p{font-size:11px;color:#98a5b4;line-height:1.8;overflow-wrap:anywhere}.expense-item .between{gap:12px}.password-requests{margin-bottom:24px}.password-request-row{padding:18px 24px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:15px}.password-request-row strong{font-size:13px}.password-request-row p{font-size:11px;color:#9ca8b6;margin-top:8px}.mini-actions{display:flex;gap:8px}
@media(max-width:767px){.boss-hero{min-height:205px}.boss-hero .hero-amount{font-size:46px;margin:16px 0}.boss-hero-foot{display:block;font-size:10px}.boss-hero-foot span{gap:10px}.boss-hero-foot strong{font-size:22px}.boss-hero-foot span+span{margin-top:10px;font-size:10px}.daily-money-grid{gap:11px;margin-top:13px}.daily-money-grid .card{padding:17px 13px}.daily-money-grid span{font-size:11px}.daily-money-grid strong{font-size:24px;letter-spacing:-.9px;margin:12px 0 10px;white-space:nowrap}.daily-money-grid small{font-size:9px}.profit-note{font-size:10px;line-height:1.85;margin-top:12px}.business-period{padding:18px;margin-bottom:17px}.business-period h2{font-size:16px}.business-period .between{gap:8px}.business-period input{font-size:11px;width:128px;min-width:0;padding:8px}.period-tabs{margin-top:17px}.period-tabs button{min-height:38px;padding:9px 6px;font-size:11px}.period-caption{font-size:10px;line-height:1.6}.period-metrics{grid-template-columns:1fr 1fr;gap:22px 12px}.period-metrics strong{font-size:23px}.period-metrics span{font-size:10px}.trend-card{margin-bottom:17px}.chart-legend{gap:9px;font-size:9px}.trend-scroll{margin:0 18px 20px}.trend-card .card-head{align-items:start}.business-counts .stat{padding:16px 10px}.business-counts .stat .value{font-size:23px}.business-counts .stat:nth-child(2) .value{font-size:18px;padding-top:4px;letter-spacing:-.7px}.business-counts .stat .unit{font-size:9px}.income-shares{padding:16px 18px;font-size:10px}.expense-category-list{padding:0 18px 18px}.expense-category-list>div{font-size:11px}.boss-team-card{margin-top:18px}.boss-team-card .between>strong{font-size:17px;white-space:nowrap}.expense-item{padding:19px}.expense-item h3{font-size:25px}.expense-item .btn{flex-shrink:0}.password-request-row{padding:17px;flex-wrap:wrap}.password-request-row .mini-actions{width:100%}.password-request-row .mini-actions .btn{flex:1}.password-requests{margin-bottom:20px}}
@media(max-width:359px){.boss-hero .hero-amount{font-size:39px}.daily-money-grid strong{font-size:21px}.period-metrics strong{font-size:20px}.business-counts .stat:nth-child(2) .value{font-size:15px}}

.login-scope{font-size:12px;line-height:1.8;color:#987044;background:#fff8ed;border:1px solid #f6e4c8;border-radius:12px;padding:13px 15px}#real-login select{min-height:50px;font-size:16px}#real-login input{font-size:16px}

#setup-form input,#register-form input,#register-form select{font-size:16px;min-height:48px}

#recovery-key-field[hidden]{display:none!important}#private-key{font:15px/1.7 monospace;word-break:break-all}