:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;color:#17221f;background:#f5f5f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #77b5a4;outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.eyebrow,.side-label{color:#687a74;font-size:11px;font-weight:700;letter-spacing:.1em}
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 18px 20px;background:#fff;border-right:1px solid #e7e9e8}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 44px}.brand-mark{width:38px;height:38px;object-fit:contain;border-radius:11px}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.025em}.brand small{margin-top:3px;color:#89918f;font-size:11px}.side-label{padding:0 14px;margin-bottom:12px}.sidebar nav{display:grid;gap:3px}.nav{width:100%;display:flex;align-items:center;gap:13px;border:0;border-radius:11px;background:transparent;color:#596963;padding:13px 14px;text-align:left;font-weight:600;transition:background .16s,color .16s}.nav:hover{color:#183c34;background:#f1f6f3}.nav.active{color:#17614d;background:#e9f3ed}.nav-icon{width:20px;display:inline-grid;place-items:center;font-size:18px;line-height:1}.sidebar-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 0;border-top:1px solid #eceeed;color:#6f7975;font-size:11px}.user-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:#1f6854;background:#e8f3eb;font-weight:700}#user-badge{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot button{margin-left:auto;padding:6px;border:0;background:transparent;color:#687773;white-space:nowrap}.sidebar-foot button:hover{color:#154c3f}
.main{min-width:0;padding:46px clamp(26px,5vw,76px) 80px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:1280px;margin:0 auto 34px}.topbar h1{margin:9px 0 0;font-size:clamp(36px,4vw,50px);font-weight:730;letter-spacing:-.045em;line-height:1.16}.topbar #today{color:#8b9691;font-size:12px;white-space:nowrap;padding-bottom:6px}#content{max-width:1280px;margin:0 auto}.page-card,.metric{background:#fff;border:1px solid #e8ebe9;border-radius:20px;box-shadow:0 2px 5px #18251c07,0 18px 45px #18251c05}.page-card{padding:clamp(24px,3vw,38px)}.intro{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px}.intro h2{margin:8px 0 10px;font-size:clamp(24px,2.3vw,31px);font-weight:690;letter-spacing:-.035em}.intro p{max-width:640px;margin:0;color:#77817d;font-size:13px;line-height:1.7}
.button{min-height:42px;border:1px solid transparent;border-radius:11px;padding:10px 18px;font-weight:650;white-space:nowrap;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button.primary{background:#17634f;color:#fff}.button.primary:hover{background:#104b3b}.button.secondary{background:#f0f5f1;color:#1a6550}.button.secondary:hover{background:#e2eee5}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.text-button{border:0;border-radius:8px;padding:7px 8px;background:transparent;color:#17634f;font-size:12px;font-weight:650}.text-button:hover{background:#edf5ef}
.overview-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:end;gap:28px;min-height:260px;padding:clamp(30px,4vw,54px);margin-bottom:20px;background:#fff;border:1px solid #e8ebe9;border-radius:24px;box-shadow:0 16px 44px #18251c06}.overview-hero:after{content:"";position:absolute;width:330px;height:330px;right:-120px;top:-145px;border:55px solid #e9f2eb;border-radius:50%;pointer-events:none}.overview-hero>*{position:relative;z-index:1}.overview-hero h2{max-width:740px;margin:12px 0 13px;font-size:clamp(33px,3.6vw,48px);line-height:1.17;font-weight:730;letter-spacing:-.045em}.overview-hero p{max-width:550px;margin:0;color:#6f7c75;line-height:1.7}.overview-hero .button{flex:none}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{min-height:164px;padding:24px 26px}.metric span{display:block;color:#75817a;font-size:12px;font-weight:600}.metric strong{display:block;overflow-wrap:anywhere;margin:16px 0 9px;color:#192a22;font-size:clamp(26px,2.6vw,39px);line-height:1.1;letter-spacing:-.045em;font-weight:720}.metric.alert strong{color:#b46a22}.metric small{color:#909a93;font-size:11px}.overview-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 4px;color:#78847c;font-size:12px}.overview-foot strong{color:#263b30;font-size:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.two-services{margin:22px 0}.service-card{padding:24px;border:1px solid #e6ebe8;border-radius:17px;background:#fbfcfb}.service-card h3{margin:0 0 22px;font-size:22px;letter-spacing:-.025em}.service-card small{margin-left:7px;color:#a2aba4;font-size:11px;font-weight:500;letter-spacing:.05em}.service-card label+label{margin-top:17px}label{display:grid;gap:9px;color:#495c50;font-size:12px;font-weight:650}input,textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce3de;border-radius:10px;background:#fff;color:#17241e;outline:none;transition:border-color .16s,box-shadow .16s}input:hover,textarea:hover{border-color:#b8ccc0}input:focus,textarea:focus{border-color:#4a937a;box-shadow:0 0 0 4px #d9ede0}input::placeholder{color:#a7b0aa}.form-actions{display:flex;align-items:center;gap:16px;margin-top:22px}.hint{color:#89938d;font-size:12px;line-height:1.6}
.table-wrap{overflow-x:auto;border:1px solid #edf0ee;border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 17px;border-bottom:1px solid #e7ebe8;background:#fafbfa;color:#85918a;font-size:11px;font-weight:650;white-space:nowrap}td{padding:18px 17px;border-bottom:1px solid #eff1ef;color:#43574a;font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfb}td strong{color:#203a2b;font-weight:650}td small{display:block;max-width:290px;overflow-wrap:anywhere;margin-top:5px;color:#929d95;font-size:11px}.tag{display:inline-block;padding:5px 10px;border-radius:99px;background:#e9f4ed;color:#27704d;font-size:11px;font-weight:650;white-space:nowrap}.tag.inactive,.tag.pending{background:#fff2df;color:#a9671e}.tag.rejected{background:#fbece9;color:#aa5a4d}.empty{padding:48px 20px;color:#89968d;text-align:center;line-height:1.6}.version{display:inline-block;padding:9px 12px;border-radius:10px;background:#f1f3f2;color:#65746b;font:12px ui-monospace,"SFMono-Regular",Consolas,monospace;white-space:nowrap}.section-heading{margin:36px 0 14px}.section-heading h3{margin:0;font-size:16px}.list{display:grid;gap:9px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid #e9eeea;border-radius:11px;color:#425d4b}.list-item small{color:#8c9b90}.notice{display:none}.notice.visible{display:block;max-width:1280px;margin:0 auto 18px;padding:13px 17px;border-radius:11px;background:#e9f4eb;color:#246847}.notice.error{background:#fbece9;color:#a94c43}
.login-screen{display:grid;place-items:center;min-height:100vh;padding:40px;background:#f5f5f7}.login-layout{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;gap:clamp(44px,7vw,110px)}.login-story{padding:34px 0}.login-logo{width:116px;height:116px;display:block;margin-bottom:44px;border-radius:28px;object-fit:contain;background:#fff;box-shadow:0 18px 42px #243e2920}.login-story h1{margin:15px 0 20px;font-size:clamp(48px,5vw,72px);font-weight:750;line-height:1.15;letter-spacing:-.065em}.login-story p{color:#737e77;font-size:16px;line-height:1.7}.login-card{display:grid;gap:18px;padding:clamp(30px,3vw,46px);border:1px solid #e9ece9;border-radius:23px;background:#fff;box-shadow:0 25px 65px #18251c12}.login-card h2{margin:-6px 0 -7px;font-size:31px;letter-spacing:-.04em}.login-card p{margin:0 0 4px;color:#7b8780;font-size:13px}.login-card .button{width:100%;margin-top:6px}#login-error{min-height:16px;color:#b64e43}
dialog{width:min(510px,calc(100vw - 32px));padding:28px;border:1px solid #e4eae5;border-radius:20px;background:#fff;color:#21382a;box-shadow:0 26px 80px #1f322d36}dialog::backdrop{background:#17282080;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog-head h2{margin:0;font-size:23px;letter-spacing:-.03em}.dialog-head button{border:0;background:transparent;color:#79847d;font-size:28px}dialog p{margin:18px 0;color:#7a877e;font-size:12px;line-height:1.7}dialog code{display:block;overflow-wrap:anywhere;margin-bottom:18px;padding:16px;border-radius:10px;background:#f3f6f3;font-size:12px}dialog .button{width:100%}
@media(max-width:980px){.shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:26px 10px 16px}.brand{padding:0 6px 34px}.brand div,.side-label,.nav>span:last-child,.sidebar-foot{display:none}.nav{justify-content:center;padding:14px}.main{padding:32px 26px 60px}}@media(max-width:680px){.login-screen{padding:22px}.login-layout{display:block}.login-story{padding:0 4px 22px}.login-logo{width:66px;height:66px;margin-bottom:23px;border-radius:16px}.login-story h1{font-size:35px;margin:8px 0}.login-story p{margin:0;font-size:12px}.login-card{padding:26px}.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px 14px}.brand{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav{width:auto;flex:none;padding:10px 12px}.nav>span:last-child{display:inline;font-size:12px}.nav-icon{font-size:15px}.main{padding:25px 16px 45px}.topbar{align-items:start}.topbar h1{font-size:33px}.topbar #today{font-size:10px}.overview-hero{display:block;min-height:0}.overview-hero .button{margin-top:22px}.metric-grid,.form-grid{grid-template-columns:1fr}.intro,.form-actions,.overview-foot{display:block}.form-actions .hint{display:block;margin-top:10px}.version{margin-top:16px}#store-form{display:block}#store-form .form-actions{margin:12px 0 22px}.table-wrap table{min-width:680px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.new-service{border-style:dashed;background:#fff}.new-service-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.new-service-head h3{margin-bottom:18px}.new-service-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.new-service-fields label{min-width:0}.price-status-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-panel{color:#748077;font-size:12px}.status-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.status-summary strong{color:#276a4f;font-size:12px}.status-panel td{font-size:12px}@media(max-width:680px){.new-service-fields,.status-summary{display:block}.new-service-fields label+label{margin-top:15px}.status-summary strong{display:block;margin-top:6px}}
.status-panel table{min-width:850px}.status-panel td{vertical-align:top}.status-panel td small{line-height:1.5}.status-panel .sync-error{color:#aa5a4d}

/* Shared visual direction with the store desktop: silver surfaces and icon navigation. */
:root{color:#292b31;background:#f3f4f6;--ink:#292b31;--muted:#8e909a;--accent:#ff8a43}body{background:radial-gradient(ellipse at 65% 0%,#fff9,transparent 65%),#f3f4f6}*{scrollbar-width:thin;scrollbar-color:#d5d4dd transparent}.eyebrow{color:#9696a1;font-size:10px;font-weight:500;letter-spacing:2px}
.shell{display:block}.workspace-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;min-height:88px;padding:12px 30px;border-radius:0 0 24px 24px;background:#ffffffed;backdrop-filter:blur(20px);box-shadow:0 6px 24px #25273404}.workspace-header .brand{flex:none;padding:0;gap:10px}.brand strong{font-size:14px;letter-spacing:1px}.brand small{font-size:9px;color:#999aa3}.brand-mark{width:38px;height:38px;border-radius:10px}.workspace-header nav{display:flex;gap:9px;align-items:center}.workspace-header .nav{flex:none;width:auto;min-width:59px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:0 5px;background:transparent;border-radius:12px;color:#9698a1;text-align:center;font-weight:400}.workspace-header .nav-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f6f6f8;color:#505159;box-shadow:inset 0 1px 1px #fff;transition:background .16s,color .16s}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.workspace-header .nav>span:last-child{font-size:10px;line-height:1.2;white-space:nowrap}.workspace-header .nav:hover{color:#555761}.workspace-header .nav:hover .nav-icon{background:#eaeaf0;color:#292b31}.workspace-header .nav.active{background:transparent;color:#32333a}.workspace-header .nav.active .nav-icon{background:#17181c;color:#fff;box-shadow:0 4px 10px #17181c1c}.workspace-header .nav.active>span:last-child{font-weight:600}
.account-tools{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0;color:#83858e;font-size:10px}.user-avatar{width:31px;height:31px;background:#eeedf5;color:#857790}.account-tools button{flex:none;border:0;border-radius:11px;padding:10px 13px;color:#777884;background:#f4f4f7;white-space:nowrap}.account-tools button:hover{background:#eae8f0;color:#534e60}#user-badge{max-width:180px}
.main{padding:34px 36px 60px;max-width:1600px;margin:auto}.topbar,#content{max-width:none}.topbar{margin-bottom:30px;align-items:center}.topbar h1{font-size:28px;font-weight:600;letter-spacing:-1px}.topbar #today{font-size:11px;color:#9597a1}.page-card,.metric{border:0;border-radius:24px;box-shadow:0 8px 32px #272b3a05,inset 0 1px 0 #fff;background:#ffffffd9}.page-card{padding:30px}.intro h2{font-size:25px;font-weight:600;letter-spacing:-.5px}.intro p{font-size:12px;color:#90929b;line-height:1.8}.intro{margin-bottom:28px}
.button{border:0;border-radius:12px;font-size:12px;font-weight:600;min-height:40px;padding:12px 18px}.button.primary{background:#ff8a43;color:#342519;box-shadow:0 4px 12px #ff8a4314}.button.primary:hover{background:#ff9c60}.button.secondary{background:#eeedf5;color:#605871}.button.secondary:hover{background:#e4e1ed}.button:hover{transform:none}.button:active{transform:scale(.98)}.text-button{color:#7a6c89;font-weight:500}.text-button:hover{background:#eeedf5}.button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9c8eb1;outline-offset:3px}
.overview-hero{min-height:230px;border:0;border-radius:26px;padding:38px;margin-bottom:22px;background:linear-gradient(120deg,#fff,#f0eff6);box-shadow:0 8px 32px #272b3a04}.overview-hero:after{display:none}.overview-hero h2{font-size:38px;font-weight:600;letter-spacing:-1px;line-height:1.3}.overview-hero p{font-size:12px;color:#92929e}.metric-grid{gap:18px}.metric{min-height:177px;padding:26px;background:#ffffffcf}.metric:nth-child(2){background:#fff0e5}.metric:nth-child(3){background:#eeedf5}.metric span{color:#878590;font-weight:500;font-size:11px}.metric strong{font-size:38px;color:#393640;font-weight:500;margin:22px 0 12px;letter-spacing:-1px}.metric.alert strong{color:#9e6847}.metric small{color:#96929d}.overview-foot{color:#92929b;padding:24px 4px;font-size:11px}.overview-foot strong{color:#615d69;font-weight:500;font-size:13px}
label{font-size:12px;font-weight:500;color:#7c7d88}input,textarea{border:0;border-radius:12px;background:#f4f4f7;color:#34353f;min-height:45px;padding:12px 13px;box-shadow:inset 0 1px 2px #22252e03}input:hover,textarea:hover{background:#f0eff5}input:focus,textarea:focus{background:#f8f7fb;box-shadow:0 0 0 2px #b0a4c1;outline:none}input::placeholder,textarea::placeholder{color:#a4a5ae}.hint{font-size:11px;color:#96949e}.service-card,.new-service{border:0;background:#f6f6f9;border-radius:19px;padding:25px}.service-card h3{font-size:21px;font-weight:600;color:#55515f}.service-card small{color:#a09aa8}.service-card input{background:#fff}.service-card input:focus{background:#fff}.new-service{background:#f1eef6}.new-service-fields{gap:16px}.form-actions{flex-wrap:wrap}
.table-wrap{border:0;border-radius:14px}th{border:0;background:#f5f5f8;color:#93939e;font-weight:500;padding:15px 17px}td{border-color:#f1f1f5;color:#666772;font-size:12px;padding:20px 17px}td strong{color:#494954;font-weight:600}td small{color:#9999a3}tbody tr:hover{background:#faf9fc}.tag{background:#edf2ef;color:#688472;font-weight:500}.tag.inactive,.tag.pending{background:#fff0e1;color:#a27c50}.tag.rejected{background:#fae9e7;color:#b36259}.empty{background:#f7f7fa;border-radius:16px;color:#96949f;margin-top:12px;padding:55px 20px}.version{background:#f0eef6;color:#8b7f9d;font-size:10px;white-space:normal;overflow-wrap:anywhere}.list-item{border:0;background:#f7f7fa;color:#716b7c;border-radius:14px;padding:19px}.list-item small{color:#96929e}.section-heading h3{font-weight:600;color:#625b6e}.notice.visible{background:#edf4ef;color:#63846e;max-width:none}.notice.error{background:#f9ebe8;color:#b06457}.status-panel{color:#92929b}.status-summary strong{color:#82708c;font-weight:500}.status-panel .sync-error{color:#b86a5f}
.login-screen{background:radial-gradient(ellipse at 50% 30%,#fff,#f1f2f5 65%,#e8e9ef);padding:50px 30px}.login-layout{width:min(1000px,100%);gap:90px;grid-template-columns:minmax(0,1fr) 380px}.login-story h1{font-size:54px;font-weight:600;letter-spacing:-2px;color:#393640;line-height:1.3}.login-story p{font-size:14px;color:#92909c}.login-logo{width:80px;height:80px;border-radius:21px;box-shadow:0 12px 35px #37374508;margin-bottom:35px}.login-card{border:0;border-radius:26px;background:#ffffffc9;backdrop-filter:blur(24px);box-shadow:inset 0 1px 1px #fff,0 24px 70px #37374512;padding:36px;gap:22px}.login-card h2{font-size:28px;font-weight:600;letter-spacing:1px;color:#393640}.login-card p{font-size:12px;color:#92909c}.login-card input{background:#f1f1f6}.login-card .button{height:46px}#login-error{color:#b56557;font-size:11px;line-height:1.7}
dialog{border:0;border-radius:24px;box-shadow:0 24px 80px #22253025;color:#34333e}dialog::backdrop{background:#34364555;backdrop-filter:blur(7px)}.dialog-head h2{font-weight:600}dialog p{color:#92909b}dialog code{background:#f3f1f7;color:#71667f}.dialog-head button{color:#9a95a3}
@media(max-width:1100px){.workspace-header{gap:18px;padding:12px 22px}.workspace-header nav{gap:5px}.workspace-header .brand div{display:none}.account-tools{gap:8px}#user-badge{max-width:120px}.main{padding:28px}.login-layout{gap:45px}.login-story h1{font-size:44px}}
@media(max-width:800px){.workspace-header{flex-wrap:wrap;gap:15px;padding:15px 20px}.workspace-header nav{order:3;width:100%;justify-content:space-between;gap:0}.workspace-header .nav{min-width:0;padding:0 3px}.workspace-header .nav>span:last-child{font-size:9px}.workspace-header .brand div{display:block}.account-tools{margin-left:auto}.main{padding:26px 20px}.overview-hero{padding:28px;gap:20px}.overview-hero h2{font-size:30px}.login-layout{grid-template-columns:1fr;max-width:380px;gap:24px}.login-story{padding:0;text-align:center}.login-logo{margin:0 auto 20px;width:64px;height:64px}.login-story h1{font-size:32px;margin:12px 0}.login-story h1 br{display:none}.login-story p{font-size:12px;margin:0}.metric-grid{gap:12px}.metric{padding:22px 18px}.metric strong{font-size:30px}}
@media(max-width:680px){.topbar{align-items:center}.topbar h1{font-size:27px}.topbar #today{max-width:115px;white-space:normal;line-height:1.7}.page-card{padding:23px}.metric-grid,.form-grid{grid-template-columns:1fr}.overview-hero{display:block}.overview-hero .button{margin-top:20px}.overview-foot>.inline-actions{margin-top:15px}.intro p{font-size:12px}.intro>.button{margin-top:18px}.version{display:block;max-width:100%}.login-card{padding:30px}.account-tools #user-badge{max-width:110px}.new-service-fields{display:grid;grid-template-columns:1fr}.new-service-fields label+label{margin:0}}
@media(max-width:680px){.workspace-header .brand{display:flex}.workspace-header .brand div{display:none}}