:root{--color-bg: #f4f6f4;--color-surface: #ffffff;--color-border: #e0e4df;--color-text: #1a231c;--color-text-muted: #6b756a;--color-primary: #1c3d2e;--color-primary-strong: #12281d;--color-accent: #d97706;--color-danger: #b3261e;--color-danger-bg: #fbeae9;--status-inquiry: #6b756a;--status-confirmed: #2563eb;--status-dispatched: #d97706;--status-delivered: #1c7c3f;--radius: 12px;--shadow: 0 1px 3px rgba(20, 30, 20, .08), 0 1px 2px rgba(20, 30, 20, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:560px;margin:0 auto;background:var(--color-bg)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;gap:8px;padding:16px 20px;background:var(--color-primary);color:#fff}.app-header__mark{font-weight:800;letter-spacing:.06em;font-size:1.1rem}.app-header__title{font-size:.95rem;opacity:.85}.app-content{flex:1;padding-bottom:84px}.page{padding:16px 16px 8px}.page__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.page__header h1{font-size:1.3rem;margin:0}.back-link{display:inline-block;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;margin-bottom:8px}.muted{color:var(--color-text-muted);font-size:.92rem}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;text-decoration:none;color:var(--color-text-muted);font-size:.72rem;border-radius:10px}.tab-bar__icon{font-size:1.15rem;line-height:1}.tab-bar__item--active{color:var(--color-primary);font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow)}.stat-card__value{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.stat-card__label{font-size:.72rem;color:var(--color-text-muted);margin-top:2px}.quick-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.section{margin-bottom:24px}.section--muted{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:14px}.section__title{font-size:1rem;margin:0 0 10px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow)}.list-item__main{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;flex:1;min-width:0}.list-item__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.list-item__title{font-weight:600;font-size:.96rem}.list-item__meta{font-size:.8rem;color:var(--color-text-muted);text-decoration:none}.list-item__meta--overdue{color:var(--color-danger);font-weight:600}.list-item__notes{font-size:.85rem;color:var(--color-text);margin:4px 0 0}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:6px 14px;font-size:.82rem;white-space:nowrap;cursor:pointer}.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn{border:none;border-radius:10px;padding:11px 18px;font-size:.9rem;font-weight:600;cursor:pointer}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-strong)}.btn--secondary{background:#eef1ec;color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.btn--danger{color:var(--color-danger)}.btn--small{padding:7px 12px;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed}.demo-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#fff3d6;color:#8a5a00;border-radius:6px;padding:1px 6px;vertical-align:middle}.status-badge{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:3px 10px;color:#fff;background:var(--status-inquiry);white-space:nowrap}.status-badge--inquiry{background:var(--status-inquiry)}.status-badge--confirmed{background:var(--status-confirmed)}.status-badge--dispatched{background:var(--status-dispatched)}.status-badge--delivered{background:var(--status-delivered)}.form{display:flex;flex-direction:column;gap:12px}.form__field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--color-text-muted)}.form__field input,.form__field select,.form__field textarea{font-family:inherit;font-size:.95rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:9px 10px;background:#fff}.form__error{background:var(--color-danger-bg);color:var(--color-danger);padding:8px 10px;border-radius:8px;font-size:.85rem;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f140f80;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-card{background:var(--color-surface);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.modal-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-card__header h2{margin:0;font-size:1.1rem}.modal-card__close{border:none;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text-muted)}@media (min-width: 560px){.modal-overlay{align-items:center}.modal-card{border-radius:18px}}