:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#142033;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{border:0;cursor:pointer;text-decoration:none}.app-shell{min-height:100vh;display:grid;place-items:start center;padding:18px}.phone-frame{width:min(100%,390px);min-height:844px;overflow:hidden;position:relative;background:#f7f9fc;box-shadow:0 18px 42px #1020332e}.login-screen{min-height:844px;display:flex;flex-direction:column;gap:22px;padding:28px 18px;color:#fff;background:linear-gradient(135deg,#061b35fa,#094069f5),#082746}.login-brand{display:flex;gap:14px;align-items:flex-start}.login-brand>span{width:52px;height:52px;display:grid;place-items:center;color:#ff8617;border-radius:8px;background:#ffffff1a}.login-brand p,.login-brand em{margin:0;color:#ffffffb8;font-size:13px;font-style:normal}.login-brand h1{margin:12px 0 6px;font-size:30px;line-height:1.15;letter-spacing:0}.login-card{margin-top:16px;padding:18px;color:#142033;background:#fff;border-radius:8px;box-shadow:0 14px 28px #05182e38}.login-card h2{margin:0 0 6px;font-size:22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:16px;border:1px solid #e4ebf3;border-radius:8px;background:#edf2f7}.auth-tabs button{height:36px;color:#68758a;border-radius:6px;background:transparent;font-weight:800}.auth-tabs button.active{color:#142033;background:#fff;box-shadow:0 4px 10px #15223814}.login-card p{margin:0 0 16px;color:#758294;font-size:13px}.role-grid{display:grid;gap:10px;margin-bottom:16px}.role-grid button{display:grid;gap:4px;padding:13px;text-align:left;color:#152238;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc}.role-grid button.active{border-color:#ff8617;background:#fff3e8}.role-grid span{color:#758294;font-size:12px}.register-fields{display:grid;gap:12px;margin-top:12px}.hero{padding:22px 18px 24px;color:#fff;background:linear-gradient(135deg,#061b35fa,#0a3a65f5),#082746}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.date,.subtitle{margin:0;color:#ffffffb8;font-size:13px;line-height:1.45}.hero h1{margin:14px 0 6px;font-size:26px;line-height:1.18;font-weight:800;letter-spacing:0}.logout-button,.primary-icon{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:8px;background:#ffffff1f}.user-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:#ffffffd6;font-size:13px}.user-line b{margin-left:auto;padding:4px 8px;color:#ff8617;border-radius:6px;background:#ff86171f}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}.metric{min-width:0;padding:0 10px;border-right:1px solid rgba(255,255,255,.22)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0;padding-right:0}.metric span,.metric small{display:block;color:#ffffffbf;font-size:12px}.metric strong{display:block;margin:8px 0 2px;color:#ff8617;font-size:34px;line-height:1;font-weight:800}.metric em{margin-left:4px;color:#ffffffe0;font-size:14px;font-style:normal}.metric .delta-good{color:#39c86a}.content-area{padding:18px 14px 102px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title.compact{margin-bottom:16px}.section-title h2{margin:0;display:flex;align-items:center;gap:7px;color:#152238;font-size:21px;line-height:1.2}.section-title h2 span{color:#8a95a3;font-weight:600}.section-title p{margin:5px 0 0;color:#758294;font-size:13px}.ghost-button,.primary-button,.quick-actions button,.quick-actions a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;color:#163052;border:1px solid #dfe6ef;border-radius:8px;background:#fff;font-weight:700;font-size:13px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;margin-bottom:14px;border:1px solid #e4ebf3;border-radius:8px;background:#edf2f7}.segmented button{height:34px;color:#68758a;border-radius:6px;background:transparent;font-weight:700}.segmented button.active{color:#142033;background:#fff;box-shadow:0 4px 10px #15223814}.task-list{display:grid;gap:10px}.task-card{display:grid;gap:12px;padding:13px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.task-card.done{opacity:.72}.task-main{display:grid;grid-template-columns:34px 1fr;gap:10px;min-width:0}.shop-icon{width:34px;height:34px;display:grid;place-items:center;color:#ff8617;border-radius:8px;background:#fff1e4}.task-main strong{display:block;color:#152238;font-size:15px}.task-main p,.task-main small{margin:4px 0 0;color:#758294;font-size:12px;line-height:1.35}.task-controls{display:grid;grid-template-columns:1fr 42px 86px;gap:8px}.task-controls button,.task-controls select{min-width:0;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#163052;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;font-size:13px;font-weight:700}.task-controls button:last-child{color:#fff;border-color:#ff8617;background:#ff8617}.task-controls button:disabled{color:#7a8799;border-color:#dfe6ef;background:#edf2f7}.form-view,.merchant-view,.admin-view,.map-page,.profile-view{display:grid;gap:14px}label{display:grid;gap:7px;color:#3a4658;font-size:13px;font-weight:700}input,select{min-width:0;height:44px;padding:0 12px;color:#152238;border:1px solid #dce5ef;border-radius:8px;outline:0;background:#fff}input:focus,select:focus{border-color:#ff8617;box-shadow:0 0 0 3px #ff86171f}.two-cols,.phone-line{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gps-panel{display:grid;gap:5px;padding:10px 12px;color:#3d4b5f;border:1px solid #dfe8f2;border-radius:8px;background:#f4f8fc}.gps-panel p{display:flex;align-items:center;gap:6px;margin:0;color:#163052;font-size:12px;font-weight:800;line-height:1.45}.gps-panel span{color:#758294;font-size:11px;line-height:1.4}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-picker{position:relative;min-height:128px;display:grid;place-items:center;gap:8px;color:#ff8617;border:1px dashed #ffb36f;border-radius:8px;background:#fff7ef;font-weight:800;text-align:center;overflow:hidden;cursor:pointer}.photo-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-picker strong,.photo-picker span{position:relative;z-index:1}.photo-picker span{max-width:130px;overflow:hidden;color:#8a5b29;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.photo-picker img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.photo-picker.has-file{color:#fff;border-color:#ff861799;background:#8a95a3}.photo-picker.has-file:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0513232e,#0513239e)}.photo-picker.has-file span{color:#ffffffd6}fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:12px;border:1px solid #dfe6ef;border-radius:8px;background:#fff}legend{padding:0 5px;color:#647386;font-size:13px;font-weight:700}fieldset button,.seat-options button{min-height:38px;color:#163052;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;font-weight:700}fieldset button.active,.seat-options button.active{color:#fff;border-color:#ff8617;background:#ff8617}.submit-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;color:#fff;border-radius:8px;background:#ff8617;font-weight:800}.wechat-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;color:#fff;border-radius:8px;background:#15b65c;font-weight:800}.login-note{display:block;margin-top:10px;color:#758294;font-size:12px;line-height:1.45}.map-preview{position:relative;overflow:hidden;min-height:172px;margin-top:14px;border-radius:8px;background:#dbe6ef}.map-preview.large{min-height:248px;margin-top:0}.map-preview img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover}.map-pins{position:absolute;top:0;right:0;bottom:0;left:0}.pin{position:absolute;width:16px;height:16px;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000040}.pin.shop{background:#ff8617}.pin.driver-free{background:#2489ff}.pin.driver-busy{background:#2bbf6a}.legend{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;padding:8px;color:#152238;border-radius:8px;background:#ffffffe0;font-size:11px;font-weight:700}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:50%}.legend .shop{background:#ff8617}.legend .free{background:#2489ff}.legend .busy{background:#2bbf6a}.map-list,.profile-grid,.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-list p,.profile-grid span,.report-grid span{min-height:54px;display:flex;align-items:center;gap:8px;margin:0;padding:12px;color:#3e4d61;border:1px solid #e3eaf2;border-radius:8px;background:#fff;font-size:13px;font-weight:700}.reservation-list{display:grid;gap:9px}.reservation-list article{display:grid;grid-template-columns:54px 1fr 64px;gap:10px;align-items:center;padding:12px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.reservation-list strong{color:#ff8617}.reservation-list b,.reservation-list span{display:block}.reservation-list b{color:#152238;font-size:14px}.reservation-list span{margin-top:3px;color:#758294;font-size:12px}.reservation-list button{min-height:30px;color:#163052;border-radius:6px;background:#eef4fb;font-size:12px;font-weight:700}.seat-panel{display:grid;gap:12px;padding:13px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.phone-line button{min-height:44px;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#163052;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;font-weight:700}.seat-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seat-options span{display:block;margin-top:3px;font-size:11px;opacity:.82}.sms-preview{display:flex;gap:8px;margin:0;padding:10px;color:#3d4b5f;border-radius:8px;background:#f4f7fb;font-size:12px;line-height:1.55}.inline-form{display:grid;grid-template-columns:1fr 88px 82px;gap:8px}.inline-form button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;border-radius:8px;background:#ff8617;font-weight:800}.inline-form select{min-width:0}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu-grid article,.seat-cards article,.shop-admin-list article{min-width:0;padding:12px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.dish-thumb{height:68px;display:grid;place-items:center;margin-bottom:10px;color:#ff8617;border-radius:8px;background:#fff1e4}.menu-grid strong,.seat-cards strong,.shop-admin-list strong{display:block;color:#152238;font-size:14px}.menu-grid span,.seat-cards span,.shop-admin-list span,.shop-admin-list em{display:block;margin-top:4px;color:#758294;font-size:12px;font-style:normal;line-height:1.35}.menu-grid b{display:block;margin:8px 0;color:#ff8617}.menu-grid article>div:last-child{display:grid;grid-template-columns:1fr 36px;gap:6px}.menu-grid button{min-height:32px;color:#163052;border-radius:6px;background:#eef4fb;font-weight:700}.seat-cards,.shop-admin-list{display:grid;gap:10px}.seat-cards article,.shop-admin-list article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.seat-cards span,.shop-admin-list span{grid-column:1 / -1}.green-text{color:#2bbf6a}.orange-text{color:#ff8617}.admin-table{overflow:hidden;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.admin-table .table-head,.admin-table article{display:grid;grid-template-columns:1.2fr .7fr .8fr .6fr;align-items:center;gap:8px;padding:11px 12px;font-size:13px}.admin-table .table-head{color:#758294;background:#f3f7fb;font-weight:800}.admin-table article+article{border-top:1px solid #edf2f7}.admin-table strong,.admin-table b{color:#152238}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.avatar{width:54px;height:54px;display:grid;place-items:center;color:#fff;border-radius:8px;background:#0b3a65;font-size:22px;font-weight:800}.profile-card h2{margin:0 0 4px;color:#152238;font-size:18px}.profile-card p{margin:0;color:#758294;font-size:12px}.profile-grid b,.report-grid b{margin-left:auto;color:#ff8617;font-size:22px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px 10px;border-top:1px solid #e1e8f0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{min-width:0;display:grid;place-items:center;gap:3px;min-height:54px;color:#7a8799;border-radius:8px;background:transparent;font-size:12px;font-weight:700}.bottom-nav button.active{color:#ff8617;background:#fff1e4}.toast{position:absolute;left:18px;right:18px;bottom:82px;z-index:5;padding:12px 14px;color:#fff;border-radius:8px;background:#0c1d30eb;box-shadow:0 10px 24px #0713223d;font-size:13px;text-align:center}@media(max-width:430px){.app-shell{padding:0}.phone-frame{width:100%;min-height:100vh;box-shadow:none}.login-screen{min-height:100vh}}