:root{color:#18231f;background:#edf2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.landing-page{min-height:100vh;color:#f4f7f5;background:linear-gradient(90deg,rgba(0,217,146,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(0,217,146,.035) 1px,transparent 1px),linear-gradient(135deg,rgba(0,217,146,.09),transparent 42%),#070908;background-size:56px 56px,56px 56px,auto,auto;display:flex;flex-direction:column}.landing-nav{width:min(1120px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand,.landing-nav-actions a,.landing-actions a,.landing-footer a{color:inherit;text-decoration:none}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}.landing-brand-mark{width:34px;height:34px;border:1px solid rgba(0,217,146,.32);border-radius:8px;background:#0d1210;color:#5fe8b7;display:inline-flex;align-items:center;justify-content:center}.landing-nav-actions{display:flex;align-items:center;gap:18px;color:#aab4af;font-size:13px}.landing-nav-actions a:hover,.landing-footer a:hover{color:#fff}.landing-hero{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:72px 0 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);align-items:center;gap:54px}.landing-copy h1{max-width:640px;margin:0;color:#fff;font-size:clamp(44px,6vw,76px);font-weight:650;line-height:1.02;letter-spacing:0}.landing-copy p{max-width:620px;margin:24px 0 0;color:#b7c0bb;font-size:clamp(17px,2vw,21px);line-height:1.62}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.landing-actions a{min-height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700}.landing-primary{color:#05100c;background:#00d992;box-shadow:0 16px 40px #00d9922e}.landing-secondary{color:#e7eeeb;background:#101614;border:1px solid rgba(215,232,224,.13)}.landing-console{border:1px solid rgba(215,232,224,.12);border-radius:8px;background:#090d0cd1;box-shadow:0 24px 90px #00000059;overflow:hidden}.console-top{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(215,232,224,.1);background:#0d1210}.console-top span{width:8px;height:8px;border-radius:999px;background:#2c3632}.console-top span:first-child{background:#00d992}.console-line{padding:22px;display:grid;gap:10px;border-bottom:1px solid rgba(215,232,224,.08)}.console-key,.console-grid span{color:#7f8e87;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.console-line strong{color:#fff;font-size:20px;line-height:1.35}.console-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(215,232,224,.08)}.console-grid div{min-height:90px;padding:18px;border-right:1px solid rgba(215,232,224,.08);border-bottom:1px solid rgba(215,232,224,.08);display:grid;align-content:space-between;gap:12px}.console-grid div:nth-child(2n){border-right:0}.console-grid div:nth-last-child(-n+2){border-bottom:0}.console-grid strong{color:#e8f7f0;font-size:15px;line-height:1.25;word-break:break-word}.console-footer{min-height:54px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#9deccb;font-size:13px}.landing-signal{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:64px 0 76px;border-top:1px solid rgba(215,232,224,.1)}.landing-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr);gap:36px;align-items:end}.landing-section-head h2{margin:0;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:0}.landing-section-head p{margin:0;color:#aab4af;font-size:15px;line-height:1.7}.landing-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.landing-signal-card{min-height:210px;padding:22px;border:1px solid rgba(215,232,224,.1);border-radius:8px;background:#0d1210b8}.landing-signal-card>span{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#05100c;background:#00d992}.landing-signal-card h3{margin:42px 0 10px;color:#fff;font-size:18px;line-height:1.25}.landing-signal-card p{margin:0;color:#aab4af;font-size:14px;line-height:1.65}.landing-footer{width:min(1120px,calc(100% - 40px));min-height:86px;margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(215,232,224,.1);color:#7f8e87;font-size:13px}.landing-footer>div{display:inline-flex;align-items:center;gap:9px}.landing-foot-mark{color:#00d992;display:inline-flex}.app-shell{min-height:100vh;background:linear-gradient(180deg,#1f8a6d14,#edf2ee00 220px),#edf2ee;display:flex;justify-content:center;padding:18px}.phone-surface{width:min(100%,430px);min-height:calc(100vh - 36px);background:#f7f9f6;border:1px solid rgba(34,54,45,.08);border-radius:8px;box-shadow:0 22px 70px #18231f1f;position:relative;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 18px 12px}.caption{margin:0 0 3px;color:#6c7b72;font-size:12px;line-height:1.2}.top-bar h1,.page-title h2,.confirm-head h2{margin:0;letter-spacing:0}.top-bar h1{font-size:26px;line-height:1.1}.sync-pill{max-width:190px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:9px 11px;color:#315247;background:#e4efe9;font-size:12px;line-height:1.1}.sync-pill.failed{color:#8a4a13;background:#fff1d7}.sync-pill.syncing svg{color:#1f8a6d}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.theme-toggle{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(33,58,47,.08);border-radius:8px;background:#eef4ef;color:#355247;display:inline-flex;align-items:center;justify-content:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{height:calc(100vh - 122px);overflow-y:auto;padding:0 16px 126px}.input-card,.confirm-card,.section-block,.item-card,.metric-card,.stats-hero{background:#fff;border:1px solid rgba(33,58,47,.08);border-radius:8px}.input-card{padding:14px;box-shadow:0 10px 28px #213a2f12}.input-card>label{display:block;color:#50645b;font-size:13px;margin-bottom:10px}.input-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px}.input-row input,.form-grid input,.form-grid select,.onboarding input{min-width:0;width:100%;border:1px solid #dce6df;border-radius:8px;background:#fbfcfa;color:#18231f;outline:none}.input-row input{height:44px;padding:0 12px;font-size:15px}.round-button,.icon-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:0}.round-button{width:44px;height:44px;background:#1f8a6d;color:#fff}.round-button.secondary{background:#eef4ef;color:#355247;cursor:pointer}.round-button:disabled{opacity:.55;cursor:not-allowed}.input-card label.round-button{margin-bottom:0}.round-button svg,.icon-button svg,.theme-toggle svg,.primary-button svg,.ghost-button svg,.card-actions button svg,.bottom-tabs svg{display:block;flex:0 0 auto}.file-input{display:none}.image-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-chip{max-width:100%;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;border-radius:8px;background:#eef4ef;color:#355247;font-size:12px}.image-chip button{width:20px;height:20px;border:0;border-radius:8px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center}.icon-button{width:32px;height:32px;background:#eef4ef;color:#50645b}.confirm-card{padding:14px;margin-top:12px}.confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.confirm-head h2{font-size:19px;line-height:1.25}.notice,.note-line{margin:10px 0 0;color:#8a4a13;font-size:13px;line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.form-grid label{color:#5c6d64;font-size:12px;line-height:1.2}.form-grid .checkbox-field{grid-column:1 / -1;min-height:38px;display:flex;align-items:center;gap:8px;color:#355247;background:#f6f8f5;border:1px solid #e4ece6;border-radius:8px;padding:0 10px;font-size:13px}.form-grid .checkbox-field input{width:16px;height:16px;margin:0;padding:0}.form-grid input,.form-grid select{height:40px;margin-top:6px;padding:0 9px;font-size:14px}.confirm-actions,.card-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin:0 0 12px;border-radius:8px;background:#e9f1ec}.segmented-control button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#50645b;font-size:13px}.segmented-control button.active{background:#fff;color:#1f8a6d;font-weight:700;box-shadow:0 5px 16px #213a2f14}.candidate-list{display:grid;gap:12px;margin-top:14px}.candidate-card{padding:12px;border:1px solid #e4ece6;border-radius:8px;background:#fbfcfa}.candidate-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.candidate-head .checkbox-field{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:#355247;font-size:13px}.candidate-head .checkbox-field input{width:16px;height:16px;margin:0}.primary-button,.ghost-button,.card-actions button{min-height:36px;border-radius:8px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;line-height:1;white-space:nowrap}.primary-button{background:#1f8a6d;color:#fff}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button,.card-actions button{background:#eef4ef;color:#355247}.section-block{padding:14px;margin-top:12px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1f8a6d}.section-title h2{margin:0;color:#18231f;font-size:16px;line-height:1.2}.reminder-list{display:grid;gap:8px}.reminder-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2ef;font-size:14px}.reminder-row:last-child{border-bottom:0}.reminder-row strong{color:#c46d1c;font-size:13px;font-weight:700}.metric-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:12px}.metric-card{min-height:88px;padding:13px;display:flex;flex-direction:column;justify-content:space-between}.metric-card:first-child{grid-row:span 2}.metric-card span,.stats-hero span,.stats-hero em,.cost-bar span{color:#6c7b72;font-size:12px}.stats-hero em{display:block;margin-top:6px;font-style:normal}.metric-card strong{font-size:20px;line-height:1.1}.metric-card.teal{background:#eaf5ef}.metric-card.orange{background:#fff3dc}.page-title{padding:4px 2px 12px}.page-title h2{font-size:25px;line-height:1.12}.page-title p{margin:6px 0 0;color:#6c7b72;font-size:13px}.card-list{display:grid;gap:10px}.item-card{padding:14px}.item-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.item-main h3{margin:0;font-size:17px;line-height:1.22}.item-main p,.item-meta,.empty-text{color:#6c7b72;font-size:13px}.item-main p{margin:5px 0 0}.status-chip{display:inline-flex;align-items:center;min-height:26px;border-radius:8px;padding:0 9px;font-size:12px;font-weight:700;white-space:nowrap}.status-chip.teal{color:#176d56;background:#e2f2ea}.status-chip.orange{color:#a35a12;background:#fff1d7}.status-chip.plain{color:#50645b;background:#edf3ee}.item-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.item-meta span{max-width:100%}.item-meta a{color:#1f8a6d;text-decoration:none;font-weight:700}.detail-panel{margin-top:12px;padding-top:12px;border-top:1px solid #eef2ef}.detail-panel .primary-button{min-height:40px;margin-top:18px}.cost-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.cost-row div{background:#f6f8f5;border-radius:8px;padding:10px}.cost-row span{display:block;color:#6c7b72;font-size:12px}.cost-row strong{display:block;margin-top:4px;font-size:15px}.stats-hero{padding:18px;background:#eaf5ef}.stats-hero strong{display:block;margin-top:8px;font-size:34px;line-height:1}.stats-hero p{margin:12px 0 0;color:#50645b;font-size:13px}.cost-bar{margin-top:12px}.cost-bar-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.cost-bar-head strong{font-size:13px}.bar-track{height:9px;border-radius:8px;background:#edf3ee;overflow:hidden}.bar-track div{height:100%;border-radius:inherit;background:#1f8a6d}.driver-list{display:flex;flex-wrap:wrap;gap:8px}.driver-list span{background:#eef4ef;color:#355247;border-radius:8px;padding:9px 11px;font-size:13px}.bottom-tabs{position:absolute;left:12px;right:12px;bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border:1px solid rgba(33,58,47,.08);border-radius:8px;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-tabs button{min-width:0;height:54px;border:0;border-radius:8px;color:#6c7b72;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}.bottom-tabs button.active{color:#1f8a6d;background:#e7f4ec}.onboarding{width:min(100%,390px);align-self:center;background:#fff;border:1px solid rgba(33,58,47,.08);border-radius:8px;padding:24px;box-shadow:0 22px 70px #18231f1f}.onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-mark{width:48px;height:48px;border-radius:8px;background:#1f8a6d;color:#fff;display:flex;align-items:center;justify-content:center}.onboarding h1{margin:18px 0 6px;font-size:28px;line-height:1.15;letter-spacing:0}.onboarding p{margin:0 0 18px;color:#6c7b72;font-size:14px;line-height:1.5}.onboarding .form-error{margin:0 0 12px;color:#b42318}.onboarding input{height:46px;padding:0 12px;font-size:16px;margin-bottom:12px}.onboarding .primary-button{width:100%;height:44px}.icp-footer{color:#7a8a82;font-size:11px;line-height:1.4;text-align:center}.icp-footer a{color:inherit;text-decoration:none}.icp-footer a:hover{color:#1f8a6d}.phone-legal{position:absolute;left:16px;right:16px;bottom:9px;z-index:3}.onboarding-legal{margin-top:16px}.tail-space{margin-bottom:18px}@media(max-width:760px){.landing-nav,.landing-hero,.landing-signal,.landing-footer{width:min(100% - 28px,560px)}.landing-nav{min-height:64px}.landing-nav-actions{gap:12px}.landing-hero{grid-template-columns:1fr;gap:34px;padding:48px 0 44px}.landing-copy h1{font-size:clamp(42px,15vw,66px)}.landing-copy p{font-size:16px}.landing-actions a{flex:1 1 170px}.landing-section-head,.landing-signal-grid{grid-template-columns:1fr}.landing-signal{padding:44px 0 48px}.landing-signal-card{min-height:180px}.landing-footer{min-height:104px;padding:18px 0;flex-direction:column;align-items:flex-start}}@media(max-width:520px){.app-shell{padding:0}.phone-surface{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.content{height:calc(100vh - 104px)}.phone-legal{bottom:8px}}:root[data-theme=dark]{color:#edf5f7;background:#000;color-scheme:dark}:root[data-theme=dark] body{background:#000}:root[data-theme=dark] .app-shell{background:linear-gradient(180deg,rgba(77,214,242,.035),transparent 170px),linear-gradient(90deg,rgba(116,211,235,.02) 1px,transparent 1px),linear-gradient(180deg,rgba(116,211,235,.016) 1px,transparent 1px),#000;background-size:auto,48px 48px,48px 48px,auto}:root[data-theme=dark] .phone-surface{background:linear-gradient(180deg,#05080b,#000);border-color:#97e1f21f;box-shadow:none}:root[data-theme=dark] .caption,:root[data-theme=dark] .input-card label,:root[data-theme=dark] .page-title p,:root[data-theme=dark] .item-main p,:root[data-theme=dark] .item-meta,:root[data-theme=dark] .empty-text,:root[data-theme=dark] .metric-card span,:root[data-theme=dark] .stats-hero span,:root[data-theme=dark] .cost-bar span,:root[data-theme=dark] .cost-row span,:root[data-theme=dark] .onboarding p{color:#98a6ad}:root[data-theme=dark] .icp-footer{color:#7f949d}:root[data-theme=dark] .icp-footer a:hover{color:#b6f3fb}:root[data-theme=dark] .top-bar h1,:root[data-theme=dark] .page-title h2,:root[data-theme=dark] .section-title h2,:root[data-theme=dark] .confirm-head h2,:root[data-theme=dark] .item-main h3,:root[data-theme=dark] .metric-card strong,:root[data-theme=dark] .cost-row strong,:root[data-theme=dark] .stats-hero strong,:root[data-theme=dark] .reminder-row span,:root[data-theme=dark] .onboarding h1{color:#edf5f7}:root[data-theme=dark] .sync-pill{color:#c9f3fb;background:#141f26eb;border:1px solid rgba(151,225,242,.18)}:root[data-theme=dark] .sync-pill.failed{color:#ffd39a;background:#4c2e0e7a;border-color:#ffbf6a29}:root[data-theme=dark] .theme-toggle{color:#c9f3fb;background:#111a20eb;border-color:#97e1f229}:root[data-theme=dark] .input-card,:root[data-theme=dark] .confirm-card,:root[data-theme=dark] .section-block,:root[data-theme=dark] .item-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .stats-hero,:root[data-theme=dark] .onboarding{background:#080c10fa;border-color:#97e1f224;box-shadow:none}:root[data-theme=dark] .input-card{background:linear-gradient(180deg,#0c1217fa,#070b0ffa)}:root[data-theme=dark] .input-row input,:root[data-theme=dark] .form-grid input,:root[data-theme=dark] .form-grid select,:root[data-theme=dark] .onboarding input{background:#030609;border-color:#97e1f23d;color:#edf5f7}:root[data-theme=dark] .input-row input::placeholder{color:#748188}:root[data-theme=dark] .onboarding .form-error{color:#ffb4a8}:root[data-theme=dark] .round-button,:root[data-theme=dark] .primary-button,:root[data-theme=dark] .brand-mark{background:linear-gradient(180deg,#54d9ed,#2495b2);color:#02080b;box-shadow:0 8px 22px #40cde738}:root[data-theme=dark] .round-button.secondary,:root[data-theme=dark] .image-chip,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .card-actions button,:root[data-theme=dark] .driver-list span,:root[data-theme=dark] .segmented-control{background:#111a20eb;color:#cfdee4}:root[data-theme=dark] .segmented-control button{color:#9ba9af}:root[data-theme=dark] .segmented-control button.active{background:#030609f2;color:#78dced;box-shadow:none}:root[data-theme=dark] .form-grid .checkbox-field,:root[data-theme=dark] .candidate-card,:root[data-theme=dark] .cost-row div{background:#04080cf0;border-color:#97e1f21a;color:#d8e6eb}:root[data-theme=dark] .section-title{color:#69e4f4}:root[data-theme=dark] .reminder-row{border-bottom-color:#97e1f21a}:root[data-theme=dark] .detail-panel{border-top-color:#97e1f21a}:root[data-theme=dark] .item-meta a{color:#95e7f3}:root[data-theme=dark] .reminder-row strong,:root[data-theme=dark] .notice,:root[data-theme=dark] .note-line{color:#ffba6a}:root[data-theme=dark] .metric-card.teal,:root[data-theme=dark] .stats-hero{background:linear-gradient(145deg,rgba(56,193,216,.14),transparent 46%),#070c10fa}:root[data-theme=dark] .metric-card.orange{background:linear-gradient(145deg,rgba(255,186,106,.16),transparent 46%),#090c0ffa}:root[data-theme=dark] .status-chip.teal{color:#8ee4f0;background:#1c596957}:root[data-theme=dark] .status-chip.orange{color:#ffd39a;background:#5c390f66}:root[data-theme=dark] .status-chip.plain{color:#c4d2d8;background:#2d373f6b}:root[data-theme=dark] .bar-track{background:#162128d1}:root[data-theme=dark] .bar-track div{background:linear-gradient(90deg,#38c1d8,#86e7f7)}:root[data-theme=dark] .bottom-tabs{background:#05080bf5;border-color:#97e1f224;box-shadow:0 -14px 28px #00000094}:root[data-theme=dark] .bottom-tabs button{color:#9aabb2}:root[data-theme=dark] .bottom-tabs button.active{color:#b6f3fb;background:linear-gradient(180deg,#2cacc738,#124d5e2e),#061116f5}:root[data-theme=dark] .content{scrollbar-color:rgba(96,166,187,.34) transparent}@media(prefers-reduced-motion:reduce){.spin{animation:none}}