:root{--ink:#17232e;--muted:#75818b;--line:#e8ecee;--paper:#f7f8f6;--white:#fff;--navy:#102b37;--navy-2:#183c49;--lime:#c7e66a;--orange:#ff8d5c;--teal:#4eb7a5;--blue:#4c91da;--red:#e76f61;--shadow:0 12px 40px rgba(24,47,59,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',Manrope,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;flex:0 0 256px;background:var(--navy);color:#dce7e8;padding:24px 16px 16px;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(199,230,106,.12);border-radius:50%;right:-110px;top:190px}.brand-block{display:flex;gap:11px;align-items:center;padding:0 10px 24px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 4px 16px rgba(199,230,106,.22)}.brand-name{font-size:17px;font-weight:800;letter-spacing:.04em;color:#f7fbf3}.brand-sub{font:500 8px 'DM Mono',monospace;letter-spacing:.14em;color:#8ba2a7;margin-top:3px}.store-switcher{height:58px;background:var(--navy-2);border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:24px;position:relative;z-index:1}.store-avatar{width:32px;height:32px;border-radius:8px;background:#e8ba72;color:#5d4325;display:grid;place-items:center;font:700 14px Manrope}.store-copy{display:flex;flex-direction:column;flex:1;min-width:0}.store-copy strong{font-size:12px;color:#f5fbf5}.store-copy span{font-size:10px;color:#8fa8ad;margin-top:2px}.tiny-icon{width:14px;height:14px;color:#98b2b3}.nav-label{font:500 10px 'DM Mono',monospace;color:#789198;letter-spacing:.13em;text-transform:uppercase;padding:0 12px;margin:0 0 8px}.nav-label:not(:first-child){margin-top:25px}.nav-list{position:relative;z-index:1}.nav-item{height:43px;width:100%;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:8px;background:transparent;color:#9fb3b7;font-size:13px;text-align:left;margin-bottom:3px;transition:.2s}.nav-item svg{width:17px;height:17px;stroke-width:1.8}.nav-item:hover{background:rgba(255,255,255,.06);color:#e8f3ef}.nav-item.active{background:var(--lime);color:var(--navy);font-weight:700}.nav-item em{font:500 10px 'DM Mono';font-style:normal;margin-left:auto;background:#eaf5c7;color:#54742e;border-radius:20px;padding:2px 6px}.nav-item.active em{background:rgba(16,43,55,.12);color:var(--navy)}.nav-item em.dot{width:6px;height:6px;border-radius:50%;padding:0;background:var(--orange);margin-right:3px}.sidebar-bottom{margin-top:auto;position:relative;z-index:1}.sync-card{padding:13px 12px;background:rgba(255,255,255,.05);border-radius:9px;margin-bottom:12px}.sync-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c4d6d8}.sync-live{font-size:10px;color:#96c9a1;display:flex;align-items:center;gap:4px}.sync-live i{width:5px;height:5px;background:#80d993;border-radius:50%;display:inline-block}.sync-progress{height:4px;background:rgba(255,255,255,.09);border-radius:10px;margin:11px 0 8px}.sync-progress span{display:block;width:100%;height:100%;background:var(--lime);border-radius:10px}.sync-card small{font-size:10px;color:#789198}.user-card{display:flex;align-items:center;gap:9px;padding:8px}.user-avatar{width:30px;height:30px;background:#d98b76;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.user-card div:nth-child(2){display:flex;flex-direction:column;flex:1}.user-card strong{font-size:11px;color:#e5efee}.user-card span{font-size:10px;color:#7e999f;margin-top:2px}.icon-button{width:30px;height:30px;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;transition:.2s}.icon-button:hover{background:#eef2f0;color:var(--ink)}.user-card .icon-button{color:#8fa7aa}.icon-button svg{width:16px;height:16px}.main-area{flex:1;min-width:0}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{display:flex;align-items:center;gap:10px;font-size:13px}.crumb span{color:var(--muted)}.crumb svg{width:14px;height:14px;color:#b6c0c2}.crumb strong{font-weight:700}.top-actions{display:flex;align-items:center;gap:14px}.today{font-size:11px;color:#69777d;display:flex;gap:7px;align-items:center}.today svg{width:15px;height:15px}.notification{position:relative}.notification b{width:5px;height:5px;background:var(--orange);position:absolute;top:6px;right:6px;border:1px solid #fff;border-radius:50%}.help-button{height:31px;padding:0 11px;background:#f1f4f2;color:#607075;border-radius:6px;font-size:11px;display:flex;gap:6px;align-items:center}.help-button svg{width:14px}.content{padding:31px 38px 42px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:.1em;color:var(--teal);text-transform:uppercase;margin-bottom:8px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.02em;line-height:1.25}.page-head p{margin:8px 0 0;color:var(--muted);font-size:12px}.primary-button{height:38px;padding:0 15px;border-radius:7px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 5px 15px rgba(16,43,55,.15);transition:.2s}.primary-button:hover{background:#214b59;transform:translateY(-1px)}.primary-button svg{width:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px;min-height:130px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-26px;bottom:-50px;width:120px;height:120px;border-radius:50%;border:18px solid rgba(78,183,165,.07)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:11px;color:var(--muted)}.stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.stat-icon svg{width:15px}.stat-icon.green{background:#e8f5e5;color:#52a05c}.stat-icon.orange{background:#fff0e8;color:#ec8b52}.stat-icon.blue{background:#e7f1fb;color:#4c91da}.stat-icon.purple{background:#f0ebf9;color:#8b75ba}.stat-value{font:800 27px Manrope;margin:10px 0 3px;letter-spacing:-.04em}.stat-value small{font:500 12px 'Noto Sans SC';letter-spacing:0;color:#889398;margin-left:3px}.stat-foot{font-size:10px;color:#829095}.trend-up{color:#55a56b;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:18px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-title{font-size:14px;font-weight:800}.panel-caption{font-size:11px;color:var(--muted);margin-top:5px}.ghost-button{height:29px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:6px;color:#637177;font-size:10px;display:inline-flex;align-items:center;gap:5px}.ghost-button:hover{background:#f6f8f7}.ghost-button svg{width:13px}.mini-select{border:1px solid var(--line);border-radius:6px;height:29px;background:#fff;color:#65747a;font-size:10px;padding:0 8px}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:16px;padding:8px 6px 0;border-bottom:1px solid #eef1f0}.bar-group{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-wrap{height:150px;display:flex;gap:5px;align-items:flex-end}.bar{width:12px;border-radius:4px 4px 1px 1px;background:#d9ece4;transition:.3s}.bar.secondary{background:var(--teal)}.bar-group.current .bar.secondary{background:var(--orange)}.bar-label{font:10px 'DM Mono';color:#8b979b}.legend{display:flex;gap:17px;margin-top:13px;color:#7c898e;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px;background:#d9ece4}.legend i.teal{background:var(--teal)}.legend i.orange{background:var(--orange)}.task-list{display:flex;flex-direction:column;gap:11px}.task-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f1}.task-item:last-child{border-bottom:0}.task-check{width:27px;height:27px;display:grid;place-items:center;border-radius:7px}.task-check svg{width:14px}.task-check.green{background:#e8f5e5;color:#52a05c}.task-check.orange{background:#fff0e8;color:#e28b53}.task-check.blue{background:#e8f1fb;color:#4b8ed3}.task-check.gray{background:#f0f2f1;color:#8d999b}.task-copy{flex:1;min-width:0}.task-copy strong{font-size:12px;display:block}.task-copy span{font-size:10px;color:#919da0;display:block;margin-top:3px}.task-status{font-size:10px;padding:4px 7px;border-radius:4px}.task-status.done{color:#579161;background:#edf8ed}.task-status.wait{color:#d07d4d;background:#fff2e9}.task-status.overdue{color:#cf665c;background:#fff0ee}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.attendance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.person{border:1px solid var(--line);border-radius:8px;padding:11px}.person-top{display:flex;align-items:center;gap:8px}.person-face{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.face-a{background:#dd8b75}.face-b{background:#7ba4c7}.face-c{background:#d2a354}.person strong{font-size:11px}.person small{font-size:9px;color:#9aa4a6;display:block;margin-top:2px}.person-time{font:500 11px 'DM Mono';margin-top:11px}.person-time.ok{color:#55a56b}.person-time.pending{color:#d3834e}.amount-list{display:flex;flex-direction:column;gap:12px}.amount-row{display:flex;align-items:center;gap:10px}.amount-name{font-size:11px;width:55px}.amount-track{height:8px;background:#eef2f0;border-radius:10px;flex:1;overflow:hidden}.amount-track span{display:block;height:100%;border-radius:10px;background:var(--teal)}.amount-row:nth-child(2) .amount-track span{background:var(--orange)}.amount-row:nth-child(3) .amount-track span{background:#7aa4ca}.amount-value{font:500 11px 'DM Mono';width:63px;text-align:right}.view{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Forms and report views */
.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.form-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.section-label{font:500 10px 'DM Mono';letter-spacing:.08em;color:#8b979b;text-transform:uppercase;margin:4px 0 14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#4e5c61}.field input,.field textarea,.field select{border:1px solid #dfe6e4;border-radius:7px;background:#fbfcfb;padding:10px 11px;color:var(--ink);font-size:12px;outline:0;transition:.2s}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(78,183,165,.1)}.photo-drop{border:1px dashed #c9d5d1;border-radius:8px;min-height:116px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#859395;background:#fbfdfc;transition:.2s}.photo-drop:hover{border-color:var(--teal);background:#f3faf7}.photo-drop svg{width:21px;color:var(--teal)}.photo-drop span{font-size:11px}.photo-drop small{font-size:9px;color:#a5b0b1}.photo-preview{display:flex;gap:8px;flex-wrap:wrap;padding-top:9px}.photo-preview img{width:67px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:17px;border-top:1px solid #eef1ef}.outline-button{height:37px;padding:0 14px;border:1px solid #dfe6e4;border-radius:7px;background:#fff;color:#647278;font-size:11px}.notice-box{background:#f1f7e5;border:1px solid #dfecc0;border-radius:9px;padding:15px 16px;margin-bottom:15px}.notice-box strong{font-size:12px;display:block}.notice-box p{font-size:10px;color:#738160;line-height:1.6;margin:6px 0 0}.metric-card{background:var(--navy);border-radius:10px;color:#eaf4ee;padding:18px;margin-bottom:14px}.metric-card .metric-label{font-size:10px;color:#9fb5b5}.metric-card .metric-number{font:800 32px Manrope;margin:7px 0}.metric-card .metric-note{font-size:10px;color:#a7c1bb}.records-panel{margin-top:18px}.records-table{width:100%;border-collapse:collapse}.records-table th{text-align:left;font:500 9px 'DM Mono';letter-spacing:.06em;color:#9aa5a6;padding:0 10px 10px;border-bottom:1px solid var(--line)}.records-table td{font-size:11px;padding:12px 10px;border-bottom:1px solid #f0f2f1}.records-table tr:last-child td{border-bottom:0}.status-pill{font-size:9px;padding:4px 7px;border-radius:4px}.status-pill.green{background:#ebf7ec;color:#55955c}.status-pill.orange{background:#fff1e9;color:#ce7f4b}.status-pill.blue{background:#eaf2fb;color:#4b85c3}.checklist{display:flex;flex-direction:column;gap:9px}.check-row{display:flex;align-items:center;gap:9px;font-size:11px}.check-row input{accent-color:var(--teal);width:15px;height:15px}.cash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.cash-box{border:1px solid var(--line);border-radius:8px;padding:12px}.cash-box span{font-size:10px;color:#8d999d}.cash-box strong{display:block;font:700 19px Manrope;margin-top:6px}.delta{font-size:10px;color:#55a56b;margin-top:3px}.sales-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.sales-card{border:1px solid var(--line);border-radius:8px;padding:14px}.sales-card .sales-label{font-size:10px;color:#879398}.sales-card strong{display:block;font:800 24px Manrope;margin:7px 0 3px}.sales-card small{font-size:10px;color:#55a56b}.modal-backdrop{position:fixed;inset:0;background:rgba(12,28,35,.38);display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:12px;width:min(520px,100%);padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:rise .25s ease}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal-head h3{margin:0;font-size:17px}.modal-head p{margin:6px 0 0;font-size:10px;color:var(--muted)}.modal .close{background:#f2f4f3;border-radius:6px;width:28px;height:28px;display:grid;place-items:center;color:#7c898d}.modal .close svg{width:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;background:var(--navy);color:#ecf8ed;border-radius:7px;padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 12px 25px rgba(16,43,55,.22);transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{width:15px;color:var(--lime)}
@media(max-width:1080px){.sidebar{width:220px;flex-basis:220px}.content{padding:26px}.topbar{padding:0 26px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.form-layout{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  body{background:#f5f7f5}
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed;z-index:15;left:0;right:0;bottom:0;width:auto;height:70px;flex-basis:auto;padding:7px 8px 8px;background:rgba(16,43,55,.98);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 25px rgba(16,43,55,.16);overflow:visible}
  .sidebar:after,.brand-block,.store-switcher,.sidebar-bottom,.nav-label{display:none}
  .nav-list{display:flex;align-items:stretch;justify-content:space-between;gap:3px;width:100%;height:100%}
  .nav-item{width:auto;flex:1;height:56px;justify-content:center;align-items:center;flex-direction:column;gap:4px;padding:5px 2px;border-radius:9px;color:#9db1b5;font-size:9px;line-height:1;white-space:nowrap;margin:0}
  .nav-item svg{width:18px;height:18px;stroke-width:1.8}
  .nav-item.active{color:var(--navy);background:var(--lime)}
  .nav-item em{display:none}
  .main-area{padding-bottom:72px}
  .topbar{height:61px;padding:0 16px;position:sticky;top:0;z-index:12;box-shadow:0 1px 0 rgba(23,35,46,.03)}
  .topbar:before{content:'拾味餐饮';font-size:15px;font-weight:900;letter-spacing:.03em;color:var(--navy);margin-right:14px}
  .crumb{gap:6px;font-size:11px;min-width:0}
  .crumb span{display:none}.crumb svg{display:block;width:12px;height:12px}.crumb strong{font-size:11px}
  .top-actions{gap:4px}.today{display:none}.help-button{display:none}.notification{width:33px;height:33px}
  .content{padding:22px 14px 26px;max-width:none}
  .page-head{margin-bottom:19px;align-items:center;gap:12px}.eyebrow{font-size:9px;margin-bottom:6px}.page-head h1{font-size:22px;letter-spacing:-.03em}.page-head p{font-size:11px;line-height:1.55;max-width:245px;margin-top:6px}
  .primary-button{height:38px;padding:0 12px;font-size:11px;white-space:nowrap;border-radius:8px}.primary-button span{display:inline}.page-head .primary-button span{display:none}.page-head .primary-button{width:38px;padding:0;justify-content:center;flex:0 0 38px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}.stat-card{padding:13px 12px;min-height:114px;border-radius:9px}.stat-label{font-size:10px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:14px}.stat-value{font-size:22px;margin-top:10px}.stat-value small{font-size:10px}.stat-foot{font-size:9px;line-height:1.4}
  .dashboard-grid,.lower-grid,.form-layout{grid-template-columns:1fr;gap:14px}.panel{padding:15px;border-radius:9px}.panel-title{font-size:13px}.panel-caption{font-size:10px}.panel-head{margin-bottom:15px}.bar-chart{height:164px;gap:6px}.bar-wrap{height:130px}.bar{width:9px}.legend{margin-top:11px}
  .attendance-strip{gap:7px}.person{padding:10px 8px}.person-top{gap:6px}.person-face{width:25px;height:25px}.person strong{font-size:10px}.person small{font-size:8px}.person-time{font-size:9px;margin-top:9px}
  .task-item{gap:8px;padding:9px 0}.task-copy strong{font-size:11px}.task-copy span{font-size:9px}.task-status{font-size:9px;padding:3px 5px}
  .form-panel{padding:16px;border-radius:9px}.field-grid{grid-template-columns:1fr;gap:0}.field.full{grid-column:auto}.field{margin-bottom:13px}.field input,.field textarea,.field select{min-height:42px;padding:10px;font-size:12px}.field textarea{min-height:86px}.section-label{font-size:9px;margin-top:3px}.photo-drop{min-height:112px}.form-actions{margin-top:14px;padding-top:14px}.form-actions .primary-button,.form-actions .outline-button{height:40px;flex:1;justify-content:center}.cash-summary,.sales-cards{grid-template-columns:repeat(3,1fr);gap:7px}.cash-box,.sales-card{padding:10px 8px;border-radius:8px}.cash-box span,.sales-card .sales-label{font-size:9px}.cash-box strong,.sales-card strong{font-size:17px;margin-top:6px}.cash-box .delta,.sales-card small{font-size:9px;white-space:nowrap}.records-panel{overflow:auto}.records-table{min-width:520px}.modal{padding:18px;border-radius:10px}.modal-head h3{font-size:16px}
}

/* FINAL MOBILE LAYOUT - keep this block last so legacy desktop rules cannot win. */
html,body{width:100%;min-width:320px;margin:0;background:#fff;color:#111827;overflow-x:hidden}
.app-shell{display:block!important;width:100%!important;max-width:430px!important;min-height:100dvh!important;margin:0 auto!important;background:#fff!important;box-shadow:none!important}
.sidebar{display:none!important}
.main-area{width:100%!important;min-width:0!important;padding:0 0 calc(82px + env(safe-area-inset-bottom))!important}
.topbar{display:flex!important;width:100%!important;height:56px!important;align-items:center!important;justify-content:center!important;padding:0 52px!important;background:#fff!important;border-bottom:1px solid #eceff1!important;position:sticky!important;top:0!important;z-index:30!important;box-shadow:none!important}
.topbar:before,.topbar .crumb span,.topbar .crumb>svg,.topbar .today,.topbar .help-button,.topbar .notification{display:none!important}
.topbar .crumb{display:block!important;position:static!important;transform:none!important;flex:0 1 auto!important;min-width:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.topbar .crumb strong{display:block!important;color:#111827!important;font-size:16px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.topbar .mobile-back{display:none!important;position:absolute!important;left:12px!important;top:10px!important;width:36px!important;height:36px!important;padding:0!important;border-radius:9px!important;background:#f4f5f6!important;color:#111827!important;align-items:center!important;justify-content:center!important}
.topbar .mobile-back.show{display:flex!important}
.topbar .mobile-back svg{width:19px!important;height:19px!important}
.top-actions{display:none!important}
.content{width:100%!important;max-width:none!important;padding:14px 14px 28px!important;overflow:hidden!important}
.view{width:100%!important;min-width:0!important}
.mobile-home-title{display:none!important}
.page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 14px!important;padding:2px 0 0!important}
.page-head>div{min-width:0!important;flex:1!important}
.page-head h1{display:none!important}
.page-head .eyebrow{font:500 9px 'DM Mono',monospace!important;color:#7b858c!important;margin:0 0 5px!important;letter-spacing:.08em!important}
.page-head p{margin:0!important;color:#6b7280!important;font-size:11px!important;line-height:1.55!important;max-width:none!important}
.page-head .primary-button{flex:0 0 auto!important;width:38px!important;height:38px!important;padding:0!important;justify-content:center!important;border-radius:9px!important}
.page-head .primary-button span{display:none!important}
.form-layout,.dashboard-grid,.lower-grid{display:block!important;width:100%!important}
.form-panel,.panel{width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:15px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(17,24,39,.035)!important;overflow:hidden!important}
.field-grid{display:block!important;width:100%!important}
.field,.field.full{display:flex!important;width:100%!important;grid-column:auto!important;margin:0 0 14px!important;gap:7px!important}
.field label{font-size:12px!important;color:#24292f!important}
.field input,.field textarea,.field select{display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:11px 12px!important;background:#fff!important;color:#111827!important;border:1px solid #d7dce0!important;border-radius:9px!important;font-size:14px!important}
.field textarea{min-height:96px!important;line-height:1.55!important;resize:vertical!important}
.section-label{margin:4px 0 12px!important;color:#111827!important;font:800 13px 'Noto Sans SC',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.checklist{gap:0!important;margin:0 0 17px!important;border:1px solid #e5e7eb!important;border-radius:9px!important;overflow:hidden!important}
.check-row{min-height:46px!important;padding:10px 12px!important;border-bottom:1px solid #edf0f2!important;font-size:12px!important;line-height:1.45!important;background:#fff!important}
.check-row:last-child{border-bottom:0!important}.check-row input{width:18px!important;height:18px!important;flex:0 0 18px!important}
.photo-drop{width:100%!important;min-height:126px!important;border-radius:10px!important;background:#fafbfb!important;border-color:#cbd3d6!important}
.photo-drop span{font-size:12px!important;color:#344047!important}.photo-drop small{font-size:10px!important}
.photo-preview{gap:8px!important}.photo-preview img{width:76px!important;height:62px!important;border-radius:8px!important}
.form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:15px!important;padding-top:15px!important}
.form-actions .outline-button,.form-actions .primary-button{width:100%!important;height:44px!important;justify-content:center!important;border-radius:9px!important;font-size:13px!important}
.form-actions .primary-button span{display:inline!important}
.notice-box{padding:14px!important;border-radius:10px!important;margin:0 0 16px!important;background:#f7faf8!important}.notice-box strong{font-size:13px!important}.notice-box p{font-size:11px!important;line-height:1.6!important}
.panel-head{margin-bottom:13px!important}.panel-title{font-size:14px!important}.panel-caption{font-size:10px!important}
.task-item{padding:11px 0!important}.task-copy strong{font-size:12px!important}.task-copy span{font-size:10px!important;line-height:1.45!important}
.records-table{min-width:540px!important}.form-panel:has(.records-table){overflow-x:auto!important}.records-table th{font-size:10px!important}.records-table td{font-size:11px!important}
.cash-summary,.sales-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;margin:0 0 14px!important}
.cash-summary>*:last-child,.sales-cards>*:last-child{grid-column:1/-1!important}
.cash-box,.sales-card{min-width:0!important;padding:13px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important}
.cash-box strong,.sales-card strong{font-size:19px!important;white-space:nowrap!important}.cash-box span,.sales-card .sales-label{font-size:10px!important}
.attendance-strip{grid-template-columns:1fr!important}.person{padding:12px!important}
.profile-hero,.profile-store,.settings-list,.about-card{width:100%!important;border-radius:10px!important}
.profile-store{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}.profile-store strong{color:#111827!important}.profile-store span{color:#6b7280!important}
.store-select-card{width:100%!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"avatar copy arrow" "avatar location arrow"!important;gap:2px 10px!important;padding:12px!important}
.store-select-card .store-avatar{grid-area:avatar!important}.store-select-copy{grid-area:copy!important;min-width:0!important}.store-location{grid-area:location!important;justify-content:flex-start!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.store-chevron{grid-area:arrow!important;align-self:center!important}
.mobile-core{width:100%!important;padding:15px!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:11px!important;box-shadow:0 3px 14px rgba(17,24,39,.04)!important}
.mobile-core-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.mobile-core-grid>div{padding:10px!important;background:#fafafa!important;border:1px solid #eceff1!important;border-radius:9px!important}
.mobile-core-grid>div>small{font-size:9px!important}.mobile-core-grid>div>strong{font-size:15px!important}
.mobile-module-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.mobile-module{min-width:0!important;min-height:136px!important;padding:13px!important}
.mobile-bottom-nav{display:flex!important;position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;height:calc(68px + env(safe-area-inset-bottom))!important;padding:7px 28px calc(8px + env(safe-area-inset-bottom))!important;align-items:stretch!important;justify-content:space-around!important;gap:22px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -7px 24px rgba(17,24,39,.08)!important;z-index:100!important}
.mobile-tab{display:flex!important;flex:1 1 0!important;max-width:120px!important;min-width:72px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;color:#737b82!important;border-radius:9px!important;font-size:10px!important}
.mobile-tab svg{width:21px!important;height:21px!important}.mobile-tab.active{background:#f2f4f3!important;color:#111827!important;font-weight:800!important}
@media(max-width:359px){.content{padding-left:10px!important;padding-right:10px!important}.mobile-core-grid,.mobile-module-grid{gap:7px!important}.mobile-module{padding:11px!important}.store-location{font-size:8px!important}}

/* Absolute last overrides for every viewport. */
html,body{background:#fff!important;color:#111827!important;overflow-x:hidden!important}
.app-shell{display:block!important;width:100%!important;max-width:430px!important;margin:0 auto!important;background:#fff!important}
.sidebar{display:none!important}
.main-area{display:block!important;width:100%!important;min-width:0!important;padding-bottom:82px!important}
.topbar{display:flex!important;height:56px!important;justify-content:center!important;align-items:center!important;position:sticky!important;top:0!important;padding:0 50px!important;background:#fff!important;border-bottom:1px solid #eceff1!important;z-index:30!important}
.topbar .crumb{position:static!important;display:block!important;transform:none!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important}
.topbar .crumb strong{display:block!important;color:#111827!important;font-size:16px!important;font-weight:800!important}
.topbar .crumb span,.topbar .crumb>svg,.topbar .top-actions,.topbar:before{display:none!important}
.topbar .mobile-back,.topbar .mobile-back.show{display:none!important}
.content{display:block!important;width:100%!important;max-width:none!important;padding:14px!important;overflow:hidden!important}
.form-layout,.dashboard-grid,.lower-grid{display:block!important;width:100%!important}
.form-panel,.panel{display:block!important;width:100%!important;min-width:0!important;margin:0 0 14px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(17,24,39,.04)!important}
.field-grid{display:block!important}.field,.field.full{display:flex!important;grid-column:auto!important;width:100%!important;margin-bottom:14px!important}.field input,.field textarea,.field select{width:100%!important;min-height:44px!important;background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:9px!important}
.photo-drop{width:100%!important;min-height:124px!important}.form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.records-table{min-width:540px!important}.form-panel:has(.records-table){overflow-x:auto!important}
.mobile-bottom-nav{display:flex!important;position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;height:70px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;z-index:100!important;align-items:stretch!important;justify-content:space-around!important;padding:7px 28px 8px!important;box-shadow:0 -7px 24px rgba(17,24,39,.08)!important}
.mobile-tab{display:flex!important;flex:1 1 0!important;max-width:120px!important;min-width:72px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;background:transparent!important;color:#737b82!important;border-radius:9px!important;font-size:10px!important}
.mobile-tab.active{display:flex!important;background:#f2f4f3!important;color:#111827!important;font-weight:800!important}.mobile-tab svg{display:block!important;width:21px!important;height:21px!important}
.mobile-core{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}.mobile-core-grid{grid-template-columns:1fr 1fr!important}.mobile-module-grid{grid-template-columns:1fr 1fr!important}.mobile-module{min-width:0!important}

/* 手机应用壳：项目按真实手机页面交付，不展示桌面后台结构。 */
html{background:#dfe7e3}
body{background:#dfe7e3;min-width:320px}
.app-shell{display:block;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--paper);box-shadow:0 0 35px rgba(31,55,62,.12)}
.sidebar{display:none}
.main-area{width:100%;padding-bottom:78px}
.topbar{display:none}
.topbar:before{display:none!important}
.topbar .crumb{flex:1;min-width:0}.topbar .crumb span{display:none}.topbar .crumb svg{display:none}.topbar .crumb strong{font-size:15px;font-weight:800}
.top-actions{gap:0}.top-actions .today,.top-actions .help-button{display:none}.top-actions .notification{display:none}
.mobile-back{display:none!important}.mobile-back.show{display:none!important}
.content{padding:18px 15px 28px;max-width:none}
.page-head{margin-bottom:17px;align-items:center}.page-head h1{font-size:22px}.page-head p{font-size:10px}.page-head .primary-button{height:37px;width:auto;padding:0 12px}.page-head .primary-button span{display:inline}
.mobile-bottom-nav{position:fixed;display:flex;z-index:20;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,430px);height:70px;background:rgba(255,255,255,.98);border-top:1px solid #e3eae6;box-shadow:0 -8px 25px rgba(19,47,54,.10);padding:7px 30px 8px;justify-content:space-around;gap:24px}
.mobile-tab{background:transparent;color:#99a5a5;display:flex;flex:1;max-width:110px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:9px;font-size:10px}.mobile-tab svg{width:20px;height:20px;stroke-width:1.8}.mobile-tab.active{color:var(--navy);background:#f1f7e5;font-weight:700}
.mobile-home-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 15px}.mobile-home-title h1{font-size:23px;letter-spacing:-.04em;margin:0}.mobile-home-title .eyebrow{margin:0 0 5px;font-size:9px}.mobile-home-title .notification{display:grid;width:34px;height:34px;background:#fff;border:1px solid var(--line);position:relative}.mobile-home-title .notification svg{width:16px}.mobile-home-title .notification b{width:5px;height:5px;background:var(--orange);border:1px solid #fff;border-radius:50%;position:absolute;right:7px;top:7px}
.store-select-card{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;text-align:left;margin-bottom:14px;box-shadow:0 3px 12px rgba(24,47,59,.04)}.store-select-card .store-avatar{width:35px;height:35px;flex:0 0 35px}.store-select-copy{display:flex;flex-direction:column;min-width:105px}.store-select-copy strong{font-size:12px}.store-select-copy small{font-size:9px;color:#8f9b9d;margin-top:4px}.store-location{display:flex;align-items:center;gap:3px;flex:1;justify-content:flex-end;color:#6e8182;font-size:9px;white-space:nowrap}.store-location svg{width:12px;color:var(--teal)}.store-chevron{width:14px;color:#aebbbb;flex:0 0 auto}
.mobile-core{background:var(--navy);border-radius:12px;color:#edf7f0;padding:16px;margin-bottom:20px}.mobile-core-head{display:flex;align-items:center;justify-content:space-between}.mobile-core-head strong{font-size:13px}.mobile-core-head span{font-size:9px;color:#9eb4b3}.mobile-core-main{display:flex;align-items:center;justify-content:space-between;padding:18px 3px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-core-main small{display:block;font-size:9px;color:#a8bcba}.mobile-core-main strong{display:block;font:800 28px Manrope;letter-spacing:-.05em;margin:5px 0 2px}.mobile-core-main em{font-size:9px;color:var(--lime);font-style:normal}.core-ring{width:64px;height:64px;border-radius:50%;border:5px solid rgba(199,230,106,.3);border-top-color:var(--lime);display:flex;align-items:center;justify-content:center;flex-direction:column}.core-ring span{font:800 17px Manrope}.core-ring span small{display:inline;font:500 9px 'Noto Sans SC';color:#d7e5ce}.core-ring em{font-size:8px;color:#a8bcba;font-style:normal;margin-top:1px}.mobile-core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding-top:14px}.mobile-core-grid>div{min-width:0}.mobile-core-grid .core-icon{width:25px;height:25px}.mobile-core-grid .core-icon svg{width:13px}.mobile-core-grid>div>small{display:block;color:#afc0bf;font-size:8px;margin-top:8px;white-space:nowrap}.mobile-core-grid>div>strong{display:block;font:700 13px Manrope;margin-top:4px;white-space:nowrap}.mobile-core-grid>div>strong em{font:500 8px 'Noto Sans SC';color:#a8bcba;font-style:normal}.mobile-core-grid>div>b{display:block;color:#e3a171;font-size:8px;font-weight:400;margin-top:4px;white-space:nowrap}.mobile-core-grid>div>b.ok{color:#9fd3a5}
.mobile-section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.mobile-section-title strong{font-size:14px}.mobile-section-title span{font-size:9px;color:#909d9e}.mobile-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mobile-module{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;padding:13px;min-height:139px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.mobile-module:active{transform:scale(.98);background:#f8fbf8}.mobile-module .module-icon{width:33px;height:33px;margin-bottom:12px}.mobile-module strong{font-size:11px}.mobile-module small{font-size:9px;color:#919d9e;margin-top:4px}.mobile-module em{font-size:9px;font-style:normal;margin-top:auto;padding-top:9px}.mobile-module em.warning{color:#d07f4e}.mobile-module em.done{color:#55a06a}.mobile-module em.neutral{color:#788b8e}
.profile-hero,.profile-store,.settings-list,.about-card,.form-panel,.panel,.notice-box,.cash-box,.sales-card{box-shadow:0 2px 10px rgba(24,47,59,.03)}
@media(min-width:431px){.app-shell{min-height:100dvh}.mobile-bottom-nav{border-radius:0 0 12px 12px}}

/* 最终手机视觉覆盖：白色画布、黑色文字、标题居中。 */
:root{--paper:#fff;--white:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb}
html,body{background:#fff;color:#111827}
.app-shell{background:#fff}
.topbar{display:flex;height:56px;background:#fff;border-bottom:1px solid #ececec;padding:0 14px;position:sticky;top:0;z-index:14;box-shadow:none;justify-content:center}
.topbar .crumb{position:absolute;left:50%;transform:translateX(-50%);display:block;white-space:nowrap}
.topbar .crumb strong{font-size:16px;color:#111827;font-weight:800}
.topbar .top-actions{position:absolute;right:13px}
.topbar .mobile-back{position:absolute;left:13px;display:none!important;background:transparent;color:#111827}
.topbar .mobile-back.show{display:flex!important}
.topbar .notification{display:none}
.mobile-home-title{display:none}
.page-head{padding-top:13px;margin-bottom:15px}
.page-head h1{display:none}
.page-head p{color:#6b7280}
.page-head .eyebrow{font-size:9px;color:#6b7280}
.mobile-core{background:#fff;color:#111827;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(17,24,39,.05)}
.mobile-core-head strong,.mobile-core-head span,.mobile-core-main small,.mobile-core-main strong,.core-ring span{color:#111827}
.mobile-core-head span,.mobile-core-main small,.core-ring em,.mobile-core-grid>div>small,.mobile-core-grid>div>strong em{color:#6b7280}
.mobile-core-main{border-bottom-color:#ececec}
.mobile-core-main em{color:#16803c}
.core-ring{border-color:#e5e7eb;border-top-color:#16803c}
.mobile-core-grid>div>b{color:#b45309}.mobile-core-grid>div>b.ok{color:#16803c}
.mobile-section-title strong,.mobile-section-title span{color:#111827}.mobile-section-title span{color:#6b7280}
.mobile-module,.store-select-card,.form-panel,.panel,.profile-hero,.profile-store,.settings-list,.about-card{background:#fff;color:#111827;border-color:#e5e7eb;box-shadow:0 3px 14px rgba(17,24,39,.04)}
.store-select-copy strong,.mobile-module strong,.panel-title,.form-panel,.profile-hero h2,.profile-store strong,.settings-row strong{color:#111827}
.store-select-copy small,.mobile-module small,.panel-caption,.settings-row small,.profile-hero p,.profile-store span{color:#6b7280}
.mobile-bottom-nav{background:#fff;border-top-color:#e5e7eb}
.mobile-tab{color:#6b7280}.mobile-tab.active{color:#111827;background:#f1f5f9}
.field label,.records-table td,.records-table strong{color:#111827}
.field input,.field textarea,.field select{background:#fff;color:#111827;border-color:#d1d5db}
.ghost-button,.outline-button{background:#fff;color:#111827;border-color:#d1d5db}
.primary-button{background:#111827;color:#fff}
.toast{background:#111827}

.mobile-back{display:none}
@media(max-width:680px){
  .mobile-back{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#f1f4f2;color:var(--navy);align-items:center;justify-content:center}
  .mobile-back.show{display:flex}
  .mobile-back svg{width:17px}
  .topbar.has-back:before{display:none}
}

/* 首页工作流与移动端双导航 */
.home-hero{background:var(--navy);color:#f2f8f2;border-radius:12px;padding:21px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;overflow:hidden;position:relative}.home-hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(199,230,106,.17);border-radius:50%;right:-72px;top:-110px}.hero-kicker{font:500 9px 'DM Mono';letter-spacing:.14em;color:var(--lime)}.home-hero h2{font-size:20px;margin:8px 0 5px;letter-spacing:-.03em}.home-hero p{font-size:10px;color:#a9bfbe;margin:0}.hero-total{position:relative;z-index:1;text-align:right}.hero-total span{font-size:10px;color:#a9bfbe;display:block}.hero-total strong{display:block;font:800 28px Manrope;margin:5px 0 2px;letter-spacing:-.04em}.hero-total em{font-size:10px;color:var(--lime);font-style:normal}.home-core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}.core-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 15px;min-height:127px}.core-card>span{display:block;color:#68777c;font-size:11px;margin-top:11px}.core-card>strong{display:block;font:800 23px Manrope;letter-spacing:-.04em;margin:5px 0 3px}.core-card>strong span{font:500 11px 'Noto Sans SC';color:#8b979a;letter-spacing:0}.core-card small{font-size:9px;color:#889699;white-space:nowrap}.core-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.core-icon svg{width:15px}.core-icon.green{background:#e8f5e5;color:#52a05c}.core-icon.orange{background:#fff0e8;color:#e28b53}.core-icon.blue{background:#e7f1fb;color:#4c91da}.core-icon.purple{background:#f0ebf9;color:#8b75ba}.positive-text{color:#55a56b!important}.warn-text{color:#cf7d50!important}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 11px}.section-heading>div{display:flex;flex-direction:column;gap:4px}.section-heading strong{font-size:14px}.section-heading span{font-size:10px;color:#8c989a}.section-heading .section-count{font:500 9px 'DM Mono';color:#91a09e}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.module-card{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;padding:14px 13px;min-height:137px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s;position:relative}.module-card:hover{border-color:#b8ccc4;transform:translateY(-2px);box-shadow:var(--shadow)}.module-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.module-icon svg{width:17px}.module-icon.coral{color:#db806a;background:#fff0ec}.module-icon.sky{color:#518fca;background:#eaf3fc}.module-icon.violet{color:#8b76b9;background:#f1edfb}.module-icon.mint{color:#4ba090;background:#e9f6f1}.module-icon.gold{color:#c79342;background:#fff6df}.module-icon.slate{color:#6d8790;background:#edf3f3}.module-card strong{font-size:12px}.module-card small{font-size:9px;color:#919d9e;margin-top:4px}.module-status{font-size:9px;font-style:normal;margin-top:auto;padding-top:10px}.module-status.warning{color:#d07f4e}.module-status.done{color:#55a06a}.module-status.neutral{color:#788b8e}.home-followup{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px}.follow-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f2f1}.follow-row:first-of-type{margin-top:3px}.follow-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.follow-dot.orange{background:var(--orange)}.follow-dot.blue{background:var(--blue)}.follow-row>div{flex:1;min-width:0}.follow-row strong{display:block;font-size:11px}.follow-row small{display:block;color:#8c999b;font-size:9px;margin-top:4px}.text-action{font-size:10px;color:#547d76;background:transparent;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.text-action svg{width:12px}.mobile-bottom-nav{display:none}.profile-hero{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-avatar{width:38px;height:38px;border-radius:50%;background:#d98b76;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.profile-avatar.large{width:51px;height:51px;font-size:18px}.profile-hero h2{margin:0;font-size:17px}.profile-hero p{font-size:10px;color:#899598;margin:4px 0 6px}.profile-online{font-size:9px;color:#55a06a;display:flex;align-items:center;gap:4px}.profile-online i{width:5px;height:5px;background:#6dc17a;border-radius:50%}.profile-edit{margin-left:auto}.profile-store{background:var(--navy-2);color:#f2f8f3;border-radius:10px;padding:13px;display:flex;align-items:center;gap:10px}.profile-store .store-avatar{width:32px;height:32px}.profile-store div:nth-child(2){display:flex;flex-direction:column;flex:1}.profile-store strong{font-size:12px}.profile-store span{font-size:9px;color:#98afb1;margin-top:3px}.profile-store>svg{width:16px;color:#a7c0bb}.profile-section-title{font-size:11px;font-weight:800;margin:21px 0 9px}.settings-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings-row{background:#fff;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 14px;border-bottom:1px solid #f0f2f1}.settings-row:last-child{border-bottom:0}.settings-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.settings-icon svg{width:15px}.settings-icon.teal{color:#4d9e90;background:#e8f6f1}.settings-icon.orange{color:#d48851;background:#fff0e7}.settings-icon.blue{color:#4b8dca;background:#e8f1fb}.settings-row div{flex:1}.settings-row strong{display:block;font-size:11px}.settings-row small{display:block;font-size:9px;color:#909c9e;margin-top:4px}.settings-row>svg{width:14px;color:#b3bdbc}.about-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:space-between}.about-card strong{display:block;font-size:11px}.about-card small{display:block;font-size:9px;color:#909c9e;margin-top:4px}.logout-button{height:42px;width:100%;border-radius:8px;background:#fff0ed;color:#cd715f;font-size:11px;margin-top:16px}

@media(max-width:680px){
  .sidebar{display:none}
  .mobile-bottom-nav{position:fixed;display:flex;z-index:20;left:0;right:0;bottom:0;height:67px;background:rgba(255,255,255,.97);border-top:1px solid #e3eae6;box-shadow:0 -8px 25px rgba(19,47,54,.10);padding:7px 30px 8px;justify-content:space-around;gap:22px}
  .mobile-tab{background:transparent;color:#99a5a5;display:flex;flex:1;max-width:110px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:9px;font-size:10px}
  .mobile-tab svg{width:20px;height:20px;stroke-width:1.8}.mobile-tab.active{color:var(--navy);background:#f1f7e5;font-weight:700}
  .main-area{padding-bottom:73px}.home-hero{padding:17px 15px;border-radius:10px;align-items:flex-start;display:block}.home-hero h2{font-size:19px}.home-hero p{font-size:9px;max-width:220px}.hero-total{text-align:left;margin-top:14px}.hero-total strong{font-size:27px}.home-core-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:21px}.core-card{min-height:126px;padding:12px}.core-card>span{font-size:10px;margin-top:10px}.core-card>strong{font-size:21px}.core-card small{font-size:8px}.section-heading{margin-bottom:9px}.section-heading strong{font-size:13px}.module-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.module-card{min-height:139px;padding:12px;border-radius:9px}.module-icon{width:31px;height:31px;margin-bottom:12px}.module-card strong{font-size:11px}.module-card small{font-size:8px}.module-status{font-size:8px;padding-top:9px}.home-followup{padding:14px;border-radius:9px}.follow-row{padding:11px 0}.follow-row strong{font-size:10px}.follow-row small{font-size:8px}.text-action{font-size:9px}.profile-hero{padding:15px}.profile-store{padding:12px}.profile-section-title{margin-top:19px}
}