.shell{min-height:100%;display:flex;flex-direction:column}.shell-header{background:var(--magenta);color:var(--white)}.shell-header-inner{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-md)}.shell-brand{display:flex;flex-direction:column}.shell-role{font-size:13px;opacity:.9}.shell-account{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.shell-account-name{font-size:13px}.shell-signout{font-size:13px;min-height:40px;padding:8px 14px}.shell-nav{display:flex;gap:var(--space-xs);max-width:1200px;margin:0 auto;padding:0 var(--space-md);overflow-x:auto}.shell-tab{display:inline-block;padding:10px 14px;color:var(--white);text-decoration:none;border-bottom:3px solid transparent;font-weight:700;font-size:14px;white-space:nowrap}.shell-tab-active{border-bottom-color:var(--white)}.shell-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-lg) var(--space-md)}.login-layout{display:flex;flex-direction:column;min-height:100%;background:var(--white)}.login-header{background:var(--magenta);color:var(--white);padding:var(--space-md);text-align:center}.login-wordmark{font-size:26px}.login-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-lg) var(--space-md)}.login-card{width:100%;max-width:440px}.login-intro{margin:0 0 var(--space-xl);text-align:center;font-size:14px}.login-title{margin:0 0 var(--space-lg);text-align:center;font-size:28px;font-weight:700}.login-password-label{margin-top:var(--space-sm)}.login-password-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.login-password-row .field{flex:1 1 220px}.login-eye{flex:0 0 auto;font-weight:400;font-size:13px}.login-field-error{margin:6px 0 0;color:var(--error);font-size:13px}.login-form-error{margin-top:var(--space-md)}.login-submit{margin-top:var(--space-lg);min-height:52px;font-size:16px}.page-heading{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.page-title{font-size:22px;font-weight:700}.section-title{font-size:16px;font-weight:700;margin:var(--space-lg) 0 var(--space-xs)}.read-only-note{margin:0 0 var(--space-md);font-size:14px}.feedback-slot{margin-bottom:var(--space-md)}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.order-card-head{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;justify-content:space-between}.order-id{font-weight:700;font-size:16px;color:var(--ink)}.order-meta{margin:2px 0 0;font-size:13px}.order-lines{list-style:none;margin:var(--space-sm) 0 0;padding:var(--space-sm) 0 0;border-top:1px solid var(--border)}.order-lines li{padding:2px 0}.order-pending{margin:var(--space-xs) 0 0;color:var(--warning);font-size:13px}.order-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.dialog-backdrop{position:fixed;inset:0;background:#11111173;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:10}.dialog{width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.dialog-title{font-size:18px;font-weight:700}.dialog-note{margin:var(--space-xs) 0 var(--space-sm);font-size:13px}.dialog-lines{list-style:none;margin:0;padding:0}.dialog-lines li{padding:4px 0}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-end;margin-top:var(--space-md)}.dispatch-form{max-width:560px}.dispatch-code-label{margin-top:var(--space-sm)}.dispatch-hint{margin:var(--space-xs) 0 var(--space-md);font-size:13px}.detail-block{margin-bottom:var(--space-md)}.detail-total{margin:var(--space-sm) 0 0;font-weight:700}.history-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}.history-table th,.history-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.slot-card{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;justify-content:space-between}.slot-range{font-weight:700}.slot-full{color:var(--error);font-weight:700}.staff-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.staff-table th,.staff-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.staff-table th{color:var(--muted);font-weight:600;font-size:.85rem}.staff-inactive{opacity:.55}.staff-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.staff-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;align-items:end}.staff-form-footer{display:flex;gap:8px;margin-top:12px}.staff-temporal{font-family:ui-monospace,monospace;font-weight:700}:root{--magenta: #d51f8c;--magenta-deep: #b01571;--ink: #111111;--muted: #6b6b6b;--surface: #f8f8f8;--border: #d9d9d9;--error: #c62828;--success: #237a4b;--warning: #8a5a00;--white: #ffffff;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-card: 16px;--radius-field: 14px;--radius-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.2}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{font:inherit}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wordmark{font-size:20px;letter-spacing:-.4px;white-space:nowrap}.wordmark strong{font-weight:700}.wordmark span{font-weight:300}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-md)}.field{display:block;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-field);background:var(--white);color:var(--ink)}.field:focus{border-color:var(--magenta);outline-offset:1px}.field-label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.btn{min-height:44px;padding:10px 18px;border-radius:var(--radius-field);border:1px solid transparent;font-weight:700}.btn-primary{background:var(--magenta);color:var(--white)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--magenta-deep)}.btn-secondary{background:var(--white);color:var(--ink);border-color:var(--border)}.btn-danger{background:var(--white);color:var(--error);border-color:var(--error)}.btn-block{display:block;width:100%}.status-chip{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid currentColor;font-size:12px;font-weight:700;white-space:nowrap}.banner{display:flex;gap:var(--space-xs);align-items:flex-start;padding:var(--space-sm);border-radius:var(--radius-field);border:1px solid currentColor;background:var(--white)}.banner-error{color:var(--error)}.banner-success{color:var(--success)}.muted{color:var(--muted)}.scroll-x{overflow-x:auto}