:root{color-scheme:light;font-family:Microsoft YaHei,PingFang SC,Segoe UI,system-ui,sans-serif;background:#eef1ef;color:#1e2824;--surface: #fbfcfb;--surface-muted: #f3f5f3;--border: #d7ded9;--border-strong: #b8c4bd;--text-muted: #65726b;--ink: #1e2824;--nav: #18211d;--teal: #0f766e;--teal-soft: #dcefed;--amber: #9a5b00;--amber-soft: #f5e7c7;--red: #b42318;--red-soft: #f4d6d3;--green: #237443;--green-soft: #dcebdd;--blue: #2b5c7d;--blue-soft: #dbe8ef;--shadow: 0 18px 42px rgba(30, 40, 36, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(24,33,29,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(24,33,29,.03) 1px,transparent 1px),#eef1ef;background-size:28px 28px}button,input,select{font:inherit}button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);border-radius:6px;padding:0 12px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:#829088;background:#f7f9f7}button:disabled{cursor:not-allowed;opacity:.48}input:disabled,select:disabled{cursor:not-allowed;opacity:.58}input,select{min-width:0;height:34px;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(15,118,110,.25);border-color:var(--teal)}input[type=file]{height:auto;min-height:34px;padding:5px 8px}table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:middle}th{background:var(--surface-muted);color:#3b4741;font-size:12px;font-weight:700}td{background:var(--surface)}.app-shell{display:grid;min-height:100vh;grid-template-columns:236px minmax(0,1fr)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,420px);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.login-brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:18px;background:var(--nav);color:#f3f6f4}.login-form{display:grid;gap:14px;padding:20px}.login-form h1{margin:0;font-size:22px;letter-spacing:0}.login-submit{width:100%}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #29342f;background:var(--nav);color:#f3f6f4;padding:18px 14px}.brand-block{display:flex;align-items:center;gap:11px;padding:4px 4px 20px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#203029;color:#bfe4dc;font-size:13px;font-weight:800}.brand-name{font-size:16px;font-weight:800}.brand-subtitle{color:#9faaa5;font-size:12px;margin-top:3px}.nav-list{display:grid;gap:5px}.nav-link{display:flex;min-height:38px;align-items:center;gap:10px;border:1px solid transparent;border-radius:6px;padding:0 10px;color:#d7dfdb;font-size:14px;text-decoration:none}.nav-link:hover,.nav-link--active{border-color:#bfe4dc2e;background:#ffffff14;color:#fff}.workspace{display:grid;align-content:start;gap:14px;min-width:0;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1,.panel h2{margin:0;color:var(--ink);letter-spacing:0}.topbar h1{font-size:22px}.panel h2{font-size:17px}.eyebrow{margin:0 0 4px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:0}.topbar-actions,.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-actions{justify-content:flex-end}.topbar-session{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar-session input{width:132px}.topbar-session-message{max-width:220px;overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.toolbar-search{display:inline-flex;min-height:34px;min-width:min(100%,240px);align-items:center;gap:7px;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#fff;color:var(--text-muted)}.toolbar-search input,.toolbar-search textarea{width:180px;border:0;padding:0}.toolbar-search input{height:32px}.toolbar-search textarea{min-height:32px;max-height:72px;padding:7px 0;resize:vertical;background:transparent;color:var(--ink);font-family:inherit;line-height:18px}.toolbar-search input:focus,.toolbar-search textarea:focus{outline:0}.toolbar-search:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px #3a6f5f2e}.icon-button{border-color:#829088;background:#1f2b26;color:#fff}.icon-button:hover:not(:disabled){background:#2c3a34}.sync-status{min-height:34px;display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#ffffffad;color:var(--text-muted);font-size:12px}.session-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fbfcfbdb;box-shadow:var(--shadow)}.session-title{display:flex;align-items:center;gap:7px;color:#314039;font-size:13px;font-weight:800;white-space:nowrap}.login-status{min-height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}.login-status--authenticated{border-color:#b7d6c2;background:#e8f5ed;color:#277547}.login-status--checking{border-color:#c8d5db;background:#edf5f7;color:#427282}.login-status--invalid{border-color:#f2c9c4;background:#fff0ee;color:#b43b31}.login-status--anonymous{background:#f5f7f4;color:var(--text-muted)}.token-input{grid-column:span 2;min-width:0}.button-subtle{color:var(--text-muted)}.session-message{grid-column:span 2;min-width:0;overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.page-stack{display:grid;gap:14px}.panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px}.compact-form{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(150px,1.1fr) minmax(150px,1.2fr) auto minmax(150px,.8fr);align-items:end;gap:10px;border-bottom:1px solid var(--border);padding:12px 14px}.field{display:grid;gap:5px;color:#3b4741;font-size:12px;font-weight:800}.field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-status{min-height:34px;display:flex;align-items:center;color:var(--text-muted);font-size:12px;line-height:1.35}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:1px;background:var(--border)}.store-dashboard-list,.store-order-groups{display:grid;gap:12px;padding:12px}.store-dashboard-section,.store-order-section{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.store-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:12px;background:#f7f9f7}.store-section-heading h3{margin:0;color:var(--ink);font-size:15px;letter-spacing:0}.stat-card{min-height:112px;background:var(--surface);padding:11px 14px}.stat-card__topline{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted)}.stat-card__icon{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:var(--surface-muted);color:var(--ink)}.stat-card__value{margin-top:10px;color:var(--ink);font-size:27px;font-weight:800;line-height:1}.stat-card__label{margin-top:7px;font-size:13px;font-weight:800}.stat-card__details{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:7px;color:var(--text-muted);font-size:12px;line-height:1.35}.stat-card__action{width:28px;min-height:28px;border:0;padding:0;background:transparent;color:inherit}.stat-card__action:hover:not(:disabled){background:var(--surface-muted)}.stat-card--warning .stat-card__icon{background:var(--amber-soft);color:var(--amber)}.stat-card--danger .stat-card__icon{background:var(--red-soft);color:var(--red)}.stat-card--info .stat-card__icon{background:var(--blue-soft);color:var(--blue)}.stat-card--success .stat-card__icon{background:var(--green-soft);color:var(--green)}.table-wrap{overflow-x:auto}.dashboard-detail{border-top:1px solid var(--border);background:#f7f9f7}.dashboard-detail__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;padding:12px 14px}.settings-grid--single{grid-template-columns:1fr}.settings-card{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) auto;align-items:end;gap:10px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:12px;background:#f7f9f7}.settings-card__title{grid-column:1 / -1;display:flex;align-items:center;gap:7px;color:#314039;font-size:13px;font-weight:800}.settings-card .form-status{grid-column:1 / -1}.dashboard-detail__heading h4{margin:0;font-size:15px}.error-cell{max-width:520px;color:#9a3a31;font-size:12px;line-height:1.45;white-space:normal}.status-badge{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 9px;font-size:12px;font-weight:800;white-space:nowrap}.status-badge--neutral{background:#e8ece9;color:#526058}.status-badge--success{background:var(--green-soft);color:var(--green)}.status-badge--warning{background:var(--amber-soft);color:var(--amber)}.status-badge--danger{background:var(--red-soft);color:var(--red)}.status-badge--info{background:var(--blue-soft);color:var(--blue)}.empty-state{display:flex;align-items:center;gap:7px;min-height:58px;color:var(--text-muted);font-size:13px}.name-cell{display:flex;align-items:center;gap:8px}.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.button-compact{min-height:28px;padding:0 9px;font-size:12px}.muted-line{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.negative-money{color:var(--danger)}.inventory-quantity--low{color:var(--red);font-weight:800}.safety-stock-control{display:grid;grid-template-columns:68px auto;align-items:center;gap:6px}.safety-stock-control input{width:68px}.safety-stock-control button{min-height:30px;padding:0 8px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border)}.template-block{min-height:118px;background:var(--surface);padding:14px}.template-block__title{display:flex;align-items:center;gap:8px;font-weight:800}.template-block__columns{margin-top:12px;color:var(--text-muted);font-size:12px;line-height:1.55}.cost-list{display:grid}.cost-row{display:grid;grid-template-columns:minmax(150px,1fr) 130px 100px auto;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:11px 14px;font-size:13px}.cost-row:last-child{border-bottom:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.brand-block{justify-content:center;padding-bottom:16px}.brand-block>div:last-child,.nav-link span{display:none}.nav-link{justify-content:center}.session-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.session-title,.login-status,.session-message{grid-column:1 / -1}.settings-grid,.stat-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:10px}.brand-block{justify-content:flex-start;padding:0 2px 10px}.brand-block>div:last-child,.nav-link span{display:block}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{justify-content:flex-start}.workspace{padding:12px}.topbar,.panel-heading,.store-section-heading{align-items:stretch;flex-direction:column}.session-strip,.settings-grid,.settings-card,.stat-grid,.template-grid,.compact-form,.cost-row{grid-template-columns:1fr}.session-message{grid-column:auto;white-space:normal}.token-input{grid-column:auto}}