:root{--parchment: #F0EAD2;--sage-light: #DDE5B6;--sage: #ADC178;--olive: #7B8F4B;--olive-dark: #6B7E3E;--olive-deep: #4F6E2F;--olive-bottle: #3F5A24;--tan: #A98467;--tan-deep: #8C6750;--bark: #6C584C;--stone: #79675C;--color-bg: var(--parchment);--color-surface: var(--sage-light);--color-surface-alt: #E6EDC4;--color-primary: var(--olive-deep);--color-primary-hover: var(--olive-bottle);--color-accent: var(--olive);--color-accent-dark: var(--olive-dark);--color-secondary: var(--sage);--color-warm-accent: var(--tan);--color-warm-accent-deep: var(--tan-deep);--color-text: var(--bark);--color-text-muted: var(--stone);--color-text-inverse: var(--parchment);--color-border: #B8C89A;--color-border-strong: var(--bark);--color-success: #5C7A3A;--color-success-bg: var(--sage-light);--color-warning: #B45309;--color-warning-hover: #94440A;--color-warning-bg: #FBE4C8;--color-danger: #A8553F;--color-danger-hover: #8C432F;--color-danger-bg: #F4D7CF;--color-info: #3B6FB6;--color-info-bg: #DCE6F4;--font-sans: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: Georgia, "Iowan Old Style", "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--fs-48: 3rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius: var(--radius-md);--shadow-xs: 0 1px 2px rgba(108, 88, 76, .08);--shadow-sm: 0 2px 6px rgba(108, 88, 76, .12);--shadow-md: 0 6px 16px rgba(108, 88, 76, .18);--shadow-lg: 0 12px 32px rgba(108, 88, 76, .22);--shadow-focus: 0 0 0 3px rgba(123, 143, 75, .35);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 1100;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .25s;--ease-standard: cubic-bezier(.2, .7, .3, 1)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box;font-family:var(--font-sans)}body{background-color:var(--color-bg);color:var(--color-text);padding:0;margin:0}h1{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0}h2{color:var(--color-accent);font-size:1.4rem;font-weight:600;margin-bottom:1rem}h3{color:var(--color-text);font-size:1.05rem;font-weight:600;margin:0 0 .5rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-base) var(--ease-standard)}a:hover{color:var(--color-accent-dark);text-decoration:underline}a:visited{color:var(--color-accent)}button{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius);cursor:pointer;color:var(--color-text-inverse);font-family:inherit;font-size:.95rem;font-weight:600;padding:.5rem 1.2rem;margin-right:.5rem;margin-bottom:.5rem;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}button:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}button:disabled{background-color:#c8d4a8;border-color:#c8d4a8;color:#6f6452;cursor:not-allowed}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],select,textarea{box-sizing:border-box;width:100%;padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;color:var(--color-text);background-color:var(--color-surface);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--shadow-focus)}label{font-weight:600;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem;display:block}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus,input[aria-invalid=true]:focus-visible,select[aria-invalid=true]:focus-visible,textarea[aria-invalid=true]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px #a8553f40}.field-error{display:block;margin-top:var(--space-1);font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--color-danger);line-height:var(--lh-normal)}.field-help{display:block;margin-top:var(--space-1);font-size:var(--fs-12);color:var(--color-text-muted);line-height:var(--lh-normal)}hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:var(--fw-semibold);line-height:1.15;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;margin:0;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-alt)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--warning{background:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.btn--warning:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-warning-hover);border-color:var(--color-warning-hover)}.btn--ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-alt)}.btn--outline-primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline-primary:hover:not(:disabled):not([aria-disabled=true]){background:#4f6e2f14}.btn--outline-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn--outline-danger:hover:not(:disabled):not([aria-disabled=true]){background:#a8553f14}.btn--outline-warning{background:transparent;color:var(--color-warning);border-color:var(--color-warning)}.btn--outline-warning:hover:not(:disabled):not([aria-disabled=true]){background:#b4530914}.btn--sm{padding:.32rem .75rem;font-size:.82rem}.btn--lg{padding:.65rem 1.5rem;font-size:1rem}.btn--block{display:flex;width:100%}.btn--loading{cursor:progress}.btn--loading:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite;margin-left:var(--space-2)}@keyframes btn-spin{to{transform:rotate(360deg)}}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:12px;font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;line-height:1.4;white-space:nowrap;background:#6c584c1a;color:var(--color-text);border:1px solid transparent}.pill--sm{padding:1px var(--space-2);font-size:.7rem;letter-spacing:.06em}.pill--neutral{background:#6c584c1a;color:var(--color-text)}.pill--primary{background:#4f6e2f24;color:var(--color-primary)}.pill--success{background:var(--color-success-bg);color:var(--color-success)}.pill--warning{background:var(--color-warning-bg);color:var(--color-warning)}.pill--danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill--info{background:var(--color-info-bg);color:var(--color-info)}.pill--warm{background:#8c675024;color:var(--color-warm-accent-deep)}.pill--solid.pill--neutral{background:var(--color-text);color:var(--color-text-inverse)}.pill--solid.pill--primary{background:var(--color-primary);color:var(--color-text-inverse)}.pill--solid.pill--success{background:var(--color-success);color:var(--color-text-inverse)}.pill--solid.pill--warning{background:var(--color-warning);color:var(--color-text-inverse)}.pill--solid.pill--danger{background:var(--color-danger);color:var(--color-text-inverse)}.pill--solid.pill--info{background:var(--color-info);color:var(--color-text-inverse)}.pill--solid.pill--warm{background:var(--color-warm-accent-deep);color:var(--color-text-inverse)}.stepper{display:flex;align-items:flex-start;list-style:none;margin:0 0 var(--space-4);padding:0;gap:0}.stepper__step{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:0 var(--space-2)}.stepper__step:before,.stepper__step:after{content:"";position:absolute;top:13px;height:2px;background:var(--color-border);transition:background-color var(--duration-base) var(--ease-standard)}.stepper__step:before{left:0;right:50%}.stepper__step:after{left:50%;right:0}.stepper__step:first-child:before,.stepper__step:last-child:after{display:none}.stepper__dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-12);font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.stepper__label{margin-top:var(--space-2);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.3}.stepper__step.is-done .stepper__dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.stepper__step.is-done .stepper__label{color:var(--color-text)}.stepper__step.is-done:before,.stepper__step.is-done:after{background:var(--color-primary)}.stepper__step.is-current .stepper__dot{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px #4f6e2f1f}.stepper__step.is-current .stepper__label{color:var(--color-primary);font-weight:var(--fw-bold)}.stepper__step.is-current:before{background:var(--color-primary)}.stepper--compact{margin-bottom:var(--space-3)}.stepper--compact .stepper__dot{width:22px;height:22px;font-size:.7rem}.stepper--compact .stepper__step:before,.stepper--compact .stepper__step:after{top:10px}.stepper--compact .stepper__label{font-size:.7rem;margin-top:var(--space-1)}@media (max-width: 640px){.stepper__label{font-size:.65rem;letter-spacing:.02em}.stepper__step{padding:0 var(--space-1)}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#6c584c8c;animation:modal-overlay-in var(--duration-base) var(--ease-standard)}.modal{position:relative;z-index:var(--z-modal);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow-y:auto;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:modal-in var(--duration-base) var(--ease-standard)}.modal--sm{max-width:360px}.modal--lg{max-width:640px}.modal--xl{max-width:820px}.modal-overlay--image{background:#000000d9;padding:0;cursor:zoom-out}.modal-overlay--image img{display:block;width:1140px;max-width:95vw;max-height:95vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 8px 32px #000000b3}.modal__title{margin:0 0 var(--space-3);font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-text)}.modal__body{margin:0 0 var(--space-6);font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--color-text)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 640px){.modal{max-width:100%;padding:var(--space-4);border-radius:var(--radius-md)}.modal__actions{flex-direction:column-reverse;align-items:stretch}.modal__actions>*{width:100%}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{animation:none}}.warming-up{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-8);margin:var(--space-12) auto;max-width:480px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-muted);font-size:1.2rem;text-align:center;line-height:var(--lh-normal)}.warming-up-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:warming-up-spin .8s linear infinite;flex-shrink:0}@keyframes warming-up-spin{to{transform:rotate(360deg)}}.detail-section{margin-bottom:1.25rem}.detail-section-title{font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.09em;padding-bottom:var(--space-1);margin-bottom:6px;border-bottom:2px solid var(--color-border);color:var(--color-text)}.detail-item{display:grid;grid-template-columns:168px 1fr;gap:var(--space-1);padding:5px 0;border-bottom:1px solid var(--color-border);font-size:.9rem;line-height:var(--lh-normal)}.detail-label{font-weight:var(--fw-semibold);color:var(--color-text-muted);font-size:var(--fs-14)}.detail-value{color:var(--color-text);word-break:break-word}@media screen and (max-width: 768px){.detail-item{grid-template-columns:1fr}}.order-card{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-6);overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:12px var(--space-4);background:#6c584c;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-2)}.order-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.order-date{color:#f0ead2b3;font-size:.85rem}.detail-edit-input,.detail-edit-select,.detail-edit-textarea{--edit-accent: var(--color-accent);--edit-accent-focus: var(--color-secondary);--edit-focus-bg: rgba(123, 143, 75, .06);width:100%;color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;box-sizing:border-box}.detail-edit-input,.detail-edit-select{background:transparent;border:none;border-bottom:1px solid var(--edit-accent);padding:2px 4px}.detail-edit-select{background:var(--color-surface);cursor:pointer}.detail-edit-input:focus,.detail-edit-select:focus{border-bottom-color:var(--edit-accent-focus)}.detail-edit-input:focus{background:var(--edit-focus-bg)}.detail-edit-textarea{background:transparent;border:1px solid var(--edit-accent);border-radius:3px;padding:4px 6px;resize:vertical;min-height:58px}.detail-edit-textarea:focus{border-color:var(--edit-accent-focus)}.detail-edit-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--edit-accent);margin-top:3px}