:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#292d32;background:#f1f2f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f1f2f3}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 max(22px,calc((100vw - 820px)/2));display:flex;align-items:center;justify-content:space-between;background:#f7f8f9;border-bottom:1px solid #e8e9ea}.top-brand{font-weight:800;letter-spacing:4px;font-size:20px}.top-user{border:0;background:#e8eaec;border-radius:50%;width:38px;height:38px;font-size:19px;color:#555}.view{display:none;max-width:860px;margin:0 auto}.view.active{display:block}.hero{padding:38px 24px 32px;background:linear-gradient(145deg,#e5e7e9,#d3d6d9)}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:3px;color:#7b8187}.hero h1{font-size:36px;letter-spacing:7px;margin:12px 0 4px}.hero p{margin:0;color:#747a80;font-size:14px}.searchbox,.table-search{display:flex;align-items:center;background:white;border:1px solid #eff0f1;border-radius:12px;height:52px;padding:0 14px;margin-top:25px;box-shadow:0 6px 20px #2221}.searchbox>span,.table-search>span{font-size:26px;color:#969ca2;margin-right:10px}.searchbox input,.table-search input{border:0;outline:0;flex:1;min-width:0;color:#30343a;font-size:14px}.searchbox button{border:0;border-left:1px solid #eee;background:none;color:#4777d5;padding-left:15px;font-size:13px}.content{padding:18px 20px;max-width:700px;margin:auto}.card{background:#fff;border:1px solid #edeef0;border-radius:17px;box-shadow:0 8px 25px #1111}.summary{padding:19px 20px;display:flex;justify-content:space-between;align-items:center}.summary small{font-size:12px;color:#9a9fa4}.summary h2{font-size:20px;margin:6px 0}.summary p{font-size:12px;color:#92979d;margin:0}.count{display:flex;flex-direction:column;align-items:center;color:#4d76ce}.count b{font-size:30px}.count span{color:#9a9fa4;font-size:11px}.feature{height:172px;margin-top:16px;padding:20px 22px;color:#fff;background:linear-gradient(120deg,#42474d,#777d83);position:relative;overflow:hidden}.feature .eyebrow{color:#c5c9cd}.feature h2{font-size:21px;margin:19px 0 6px}.feature p{font-size:12px;color:#d1d4d7;margin:0}.feature-orb{position:absolute;right:-7px;bottom:-56px;font-size:120px;font-weight:900;color:#ffffff12;letter-spacing:-9px}.primary{border:0;width:100%;height:55px;border-radius:12px;color:#fff;background:linear-gradient(100deg,#3976ed,#5898f1);font-weight:650;font-size:16px;box-shadow:0 8px 18px #3976ed35}.content>.primary{margin-top:17px}.primary span{font-size:19px;margin-left:6px}.shortcut{border:0;width:100%;display:flex;align-items:center;text-align:left;padding:15px;margin-top:13px}.shortcut-icon{width:43px;height:43px;border-radius:12px;background:#edf2fc;color:#4e79d0;display:grid;place-items:center;font-size:21px;margin-right:13px}.shortcut-text{display:flex;flex:1;flex-direction:column;gap:4px}.shortcut-text b{font-size:14px}.shortcut-text small{font-size:11px;color:#999ea3}.arrow{font-size:25px;color:#a4a8ad}.footnote{text-align:center;color:#adb1b5;font-size:11px;margin:27px 0}.footnote i{font-style:normal;margin:0 5px}.bottom-nav{position:fixed;z-index:3;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e7e8ea;display:flex;justify-content:center}.nav-item{width:min(50%,430px);border:0;background:none;color:#999da2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav-item span{font-size:25px;line-height:27px}.nav-item small{font-size:11px}.nav-item.selected{color:#3976ed;font-weight:650}.report-head{display:flex;align-items:center;gap:12px;padding:22px 18px}.back{border:0;background:none;font-size:34px;color:#656b71;padding:0 5px}.report-head h1{font-size:25px;margin:0}.report-head small{color:#999;font-size:11px}.add-btn{margin-left:auto;border:0;color:#fff;background:#3976ed;border-radius:9px;padding:10px 13px;font-size:12px}.add-btn span{font-size:16px}.table-search{margin:0 16px 14px;height:43px;box-shadow:none}.table-search>span{font-size:22px}.table-wrap{margin:0 12px;background:#fff;border-radius:14px;overflow:auto;box-shadow:0 6px 22px #1111;min-height:290px}table{border-collapse:collapse;min-width:580px;width:100%;text-align:left}thead{background:#e8eaec;color:#545a60}th,td{padding:15px 12px;border-bottom:1px solid #eff0f1;font-size:12px;white-space:nowrap}th{font-size:12px;font-weight:700}td.price{color:#456ab1}.status{border:0;background:#fff2dc;color:#ad792d;border-radius:30px;padding:5px 9px;font-size:11px}.status.doing{background:#eaf1ff;color:#4979ce}.status.done{background:#e7f5eb;color:#46885e}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2a6ab}.empty>div{font-size:45px;color:#c8cbd0}.empty b{margin-top:6px;font-size:14px;color:#777}.empty span{font-size:11px;margin-top:6px}.empty button{border:0;background:#eff3fc;color:#4b75c5;padding:9px 15px;border-radius:20px;margin-top:14px;font-size:12px}.table-hint{font-size:11px;color:#969ba0;padding:0 18px}.report-head,.table-search,.table-wrap,.table-hint{max-width:840px;margin-left:auto;margin-right:auto}.mine-hero{display:flex;align-items:center;padding:34px 24px 28px;max-width:700px;margin:auto}.user-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(140deg,#d9dcdf,#aeb3b8);display:grid;place-items:center;color:#fff;font-size:26px;font-weight:700;margin-right:16px}.mine-hero h1{font-size:21px;margin:0}.mine-hero p{font-size:12px;color:#999;margin:7px 0 0}.login-card{max-width:650px;margin:0 18px;padding:24px;background:#fff;border-radius:17px;box-shadow:0 8px 25px #1111}.login-card h2{font-size:18px;margin:0 0 12px}.field{display:flex;align-items:center;min-height:60px;border-bottom:1px solid #eff0f1}.field>span{width:68px;color:#666;font-size:13px}.field input,.field select{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:#333}.login-button{margin-top:22px;height:48px;font-size:14px}.local-note{display:block;text-align:center;color:#a5a9ad;font-size:10px;margin-top:14px}.hidden{display:none!important}.account-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee;font-size:13px}.account-row span{color:#777}.logout{margin-top:18px;border:0;border-radius:10px;background:#f0f1f2;height:44px;width:100%;color:#555}.version{text-align:center;color:#8c9197;font-size:12px;margin-top:45px}.version small{display:block;color:#b0b4b8;font-size:10px;margin-top:5px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#0008;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;border-radius:20px;width:min(100%,450px);padding:22px;box-shadow:0 20px 80px #0003}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:9px}.modal-head h2{font-size:20px;margin:0}.modal-head p{font-size:12px;color:#999;margin:5px 0 0}.close{border:0;background:#f1f2f3;border-radius:50%;font-size:22px;width:32px;height:32px;color:#777}.modal .field{min-height:54px}.modal .field>span{width:62px}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions button{flex:1;height:46px;border:0;border-radius:10px;font-size:13px}.cancel{background:#f1f2f3;color:#555}.save{background:#3976ed;color:#fff}.toast{position:fixed;z-index:20;bottom:95px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:8px;color:#fff;background:#333d;font-size:12px}@media(min-width:700px){.hero{padding-left:max(40px,calc((100vw - 780px)/2));padding-right:max(40px,calc((100vw - 780px)/2))}.content{padding-top:25px}.login-card{margin:0 auto}.table-wrap{margin-left:auto;margin-right:auto}.report-head{padding-top:28px}}.text-link{display:block;border:0;background:none;color:#4777d5;margin:14px auto 0;font-size:12px}.setup-copy{color:#81878d;font-size:12px;line-height:1.7;margin:5px 0 12px}.admin-card{max-width:820px;margin:18px 14px;background:#fff;border-radius:17px;padding:20px;box-shadow:0 8px 25px #1111}.admin-title{display:flex;align-items:center;justify-content:space-between}.admin-title h2{font-size:20px;margin:8px 0 4px}.admin-title p{font-size:12px;color:#92979d;margin:0}.admin-badge{font-size:9px;letter-spacing:2px;border-radius:20px;padding:5px 9px;background:#eaf0ff;color:#4777d5}.refresh{border:1px solid #e4e7ec;border-radius:8px;padding:8px 12px;color:#5574b8;background:#fff;font-size:12px}.admin-stats{margin:18px 0;padding:14px;border-radius:12px;background:#f5f6f7;display:flex;align-items:baseline;gap:9px}.admin-stats b{font-size:26px;color:#416dc8}.admin-stats span{font-size:12px;color:#90959a}.admin-table-wrap{overflow:auto;border:1px solid #eee;border-radius:11px}.admin-table-wrap table{min-width:640px}.admin-table-wrap .empty{min-height:170px}.admin-card>.logout{margin-top:17px}@media(min-width:700px){.admin-card{margin:18px auto}}.text-link{display:block;border:0;background:none;color:#4777d5;margin:14px auto 0;font-size:12px}.setup-copy{color:#81878d;font-size:12px;line-height:1.7;margin:5px 0 12px}.admin-card{max-width:820px;margin:18px 14px;background:#fff;border-radius:17px;padding:20px;box-shadow:0 8px 25px #1111}.admin-title{display:flex;align-items:center;justify-content:space-between}.admin-title h2{font-size:20px;margin:8px 0 4px}.admin-title p{font-size:12px;color:#92979d;margin:0}.admin-badge{font-size:9px;letter-spacing:2px;border-radius:20px;padding:5px 9px;background:#eaf0ff;color:#4777d5}.refresh{border:1px solid #e4e7ec;border-radius:8px;padding:8px 12px;color:#5574b8;background:#fff;font-size:12px}.admin-stats{margin:18px 0;padding:14px;border-radius:12px;background:#f5f6f7;display:flex;align-items:baseline;gap:9px}.admin-stats b{font-size:26px;color:#416dc8}.admin-stats span{font-size:12px;color:#90959a}.admin-table-wrap{overflow:auto;border:1px solid #eee;border-radius:11px}.admin-table-wrap table{min-width:640px}.admin-table-wrap .empty{min-height:170px}.admin-card>.logout{margin-top:17px}@media(min-width:700px){.admin-card{margin:18px auto}}.admin-account-tools{margin:20px 0;padding:16px;border:1px solid #e8ebf0;border-radius:13px;background:linear-gradient(135deg,#f7f8fa,#fff)}.admin-account-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.admin-account-title h3{font-size:15px;margin:0 0 5px}.admin-account-title p{font-size:11px;color:#92979d;margin:0}.admin-account-tools .field>span{width:48px}.admin-account-tools .primary{height:48px;margin-top:14px;font-size:14px}