:root{color:#12211f;background:#eef4f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f7fbfa,#eef4f3 42%,#e8eff1)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#0f766e;font-size:13px;font-weight:700}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px;line-height:1.15}h2{font-size:26px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #d7e2e0;border-radius:8px;background:#fff}.segmented button{min-width:74px;border:0;border-radius:6px;background:transparent;color:#526764;padding:9px 12px;font-weight:700;cursor:pointer}.segmented .active{background:#0f766e;color:#fff}.panel{border:1px solid #dce7e5;border-radius:8px;background:#ffffffeb;box-shadow:0 10px 28px #1127240f}.form-layout{display:grid;gap:12px;padding-bottom:96px}.status-panel,.identity-panel,.form-layout .panel{padding:14px}.section-title{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#173f3a;font-size:15px;font-weight:800}.identity-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}label{display:grid;gap:6px;color:#51615f;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #d8e4e2;border-radius:8px;background:#fbfefe;color:#12211f;outline:none}input,select{height:42px;padding:0 11px}textarea{min-height:88px;resize:vertical;padding:11px}input:focus,select:focus,textarea:focus{border-color:#0f9f8f;box-shadow:0 0 0 3px #0f9f8f24}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-field{min-width:0}.input-with-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #d8e4e2;border-radius:8px;background:#fbfefe;overflow:hidden}.input-with-unit input{border:0;border-radius:0;box-shadow:none}.input-with-unit em{padding-right:10px;color:#7a8d8a;font-size:12px;font-style:normal}.remark-field{font-size:14px}.store-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.store-chip{display:flex;align-items:center;justify-content:center;gap:4px;min-height:34px;border:1px solid #e2e8e7;border-radius:8px;color:#64748b;background:#f7faf9;font-size:13px;font-weight:700}.store-chip.done{border-color:#0f9f8f40;color:#0f766e;background:#e9fbf8}.dispatch-note{grid-column:1 / -1;margin:2px 0 0;color:#64748b;font-size:13px}.muted{margin:0;color:#64748b}.submit-bar{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:min(1180px,100%);transform:translate(-50%);border-top:1px solid #d7e4e2;background:#fffffff2;padding:12px 18px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.submit-bar p{margin:0;color:#526764;font-size:13px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:0 16px;border:0;font-weight:800;text-decoration:none;cursor:pointer}.primary-button{background:#0f766e;color:#fff;box-shadow:0 12px 24px #0f766e33}.secondary-button{border:1px solid #d6e3e1;background:#fff;color:#173f3a}button:disabled{cursor:not-allowed;opacity:.62}.dashboard-layout{display:grid;gap:14px}.dashboard-controls{display:grid;grid-template-columns:180px 220px auto;align-items:end;gap:10px;padding:14px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;background:linear-gradient(135deg,#0f766e,#135e74);color:#fff;padding:22px}.dashboard-hero p{margin:0 0 4px;color:#ffffffc7;font-weight:800}.status-pill{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.status-pill.good{background:#dcfce729;color:#dcfce7}.status-pill.pending{background:#fef3c729;color:#fef3c7}.status-pill.warn{background:#fee2e22e;color:#fee2e2}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi-card{min-width:0;border:1px solid #dce7e5;border-radius:8px;background:#fff;padding:14px}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:8px;background:#e9fbf8;color:#0f766e}.kpi-icon svg{width:18px}.kpi-card span{display:block;color:#64748b;font-size:12px;font-weight:800}.kpi-card strong{display:block;margin-top:4px;font-size:22px;line-height:1.1}.chart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.chart-panel,.table-panel,.alerts-panel{padding:14px}.table-scroll{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}th{color:#64748b;font-size:12px;text-align:left;background:#f4f8f7}th,td{border-bottom:1px solid #e5eeec;padding:11px 10px}.danger{color:#dc2626;font-weight:900}.alerts-panel p{margin:8px 0;border-left:3px solid #f59e0b;border-radius:6px;background:#fff7ed;color:#7c2d12;padding:10px 12px;font-weight:700}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.error-banner{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;padding:12px 14px;font-weight:800}.empty-state{display:grid;place-items:center;min-height:220px;gap:10px;color:#64748b}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.app-shell{padding:14px}.topbar{align-items:stretch;flex-direction:column}h1{font-size:24px}.identity-panel,.metric-grid,.dashboard-controls,.chart-grid{grid-template-columns:1fr}.store-status-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-bar{grid-template-columns:1fr}.submit-bar .primary-button{width:100%}}@media(max-width:460px){.store-status-grid,.kpi-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}}