:root{--color-primary: #f6821f;--color-primary-hover: #e66f0a;--color-bg: #ffffff;--color-text: #1d1d1d;--color-border: #e5e5e5;--color-muted: #6b7280;--color-surface: #f9fafb;--color-success: #16a34a;--color-error: #dc2626;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:100}.header-inner{max-width:960px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-title{font-size:1.125rem;font-weight:700;color:var(--color-text);text-decoration:none}.site-title:hover{text-decoration:none}.site-title span{color:var(--color-primary)}.site-nav{display:flex;gap:1.25rem}.site-nav a{font-size:.9rem;font-weight:500;color:var(--color-muted)}.site-nav a:hover,.site-nav a.active{color:var(--color-primary);text-decoration:none}.main-content{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-heading{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.page-subheading{margin:0 0 2rem;color:var(--color-muted);font-size:.95rem}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card+.card{margin-top:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.form-group .hint{font-size:.8rem;color:var(--color-muted);margin-top:.25rem}.form-group .warning{font-size:.85rem;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:.75rem 1rem;margin-top:.5rem}input[type=text],input[type=number],input[type=date],input[type=password],select,textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f6821f26}textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.radio-group input[type=radio]{accent-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:2rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:#f6821f0a}.upload-zone input{display:none}.upload-zone .upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-zone p{margin:0;color:var(--color-muted);font-size:.9rem}.upload-info{margin-top:.75rem;font-size:.85rem;color:var(--color-muted)}.progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin-top:.75rem}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .2s;width:0%}.alert{padding:.875rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--color-success)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-error)}.alert-info{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-month-label{font-size:1.25rem;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-muted);padding:.5rem 0}.calendar-day{min-height:88px;border:1px solid var(--color-border);border-radius:var(--radius);padding:.375rem;font-size:.8rem;background:var(--color-bg)}.calendar-day.other-month{opacity:.4;background:var(--color-surface)}.calendar-day.today{border-color:var(--color-primary)}.calendar-day.clickable{cursor:pointer;transition:background .15s,border-color .15s}.calendar-day.clickable:hover{background:#f6821f0f;border-color:var(--color-primary)}.calendar-day.selected{background:#f6821f1a;border-color:var(--color-primary);box-shadow:inset 0 0 0 2px #f6821f40}.calendar-day.disabled{opacity:.55;cursor:not-allowed}.legend-dot.available{background:#22c55e73}.section-heading{margin:0 0 1rem;font-size:1.125rem;font-weight:700}.form-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600}.selected-date-display{margin:0 0 1.25rem;padding:.75rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius);font-weight:600;color:#c2410c}.modal-lg{max-width:640px}#user-list-section{margin-top:1.5rem}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.admin-sidebar-header{padding:0 .5rem}.admin-sidebar-label{margin:.75rem 0 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.admin-menu{display:flex;flex-direction:column;gap:.25rem;flex:1}.admin-menu-item{display:block;width:100%;text-align:left;padding:.625rem .75rem;border:none;border-radius:var(--radius);background:transparent;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--color-text);cursor:pointer;text-decoration:none}.admin-menu-item:hover,.admin-menu-item.active{background:#f6821f1f;color:var(--color-primary);text-decoration:none}.admin-logout{margin-top:auto}.admin-main{flex:1;padding:2rem 1.5rem;overflow-x:auto}.admin-panel.hidden{display:none}.calendar-day-number{font-weight:600;font-size:.85rem;margin-bottom:.25rem}.calendar-slots{display:flex;flex-direction:column;gap:2px;margin-top:2px}.calendar-slot{display:block;width:100%;text-align:left;font-size:.65rem;padding:.125rem .3rem;border-radius:4px;border:none;font-family:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f6821f1f;color:#c2410c}.calendar-slot:hover{filter:brightness(.95)}.calendar-slot.small{background:#3b82f626;color:#1d4ed8}.calendar-slot.medium{background:#f6821f26;color:#c2410c}.calendar-slot.large{background:#dc262626;color:#b91c1c}.calendar-slot-title{background:#e5e7eb!important;color:#4b5563!important}.calendar-slot-title:hover{background:#d1d5db!important;color:#374151!important}.calendar-slot-title .calendar-slot-staff{display:block;font-size:.55rem;color:#6b7280;margin-top:1px;line-height:1.2}.calendar-title-display{color:#6b7280;font-weight:500}.cancel-verify-form{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.contact-notice{margin:0 0 1rem;font-size:.875rem;color:var(--color-muted)}.contact-notice a{color:var(--color-primary);font-weight:500}.contact-notice-modal{width:100%;margin:0 0 .75rem;text-align:left}#detail-modal-footer{flex-wrap:wrap}.admin-calendar-slot{background:#f6821f1f!important;color:#9a3412!important;font-size:.6rem!important}.calendar-day.full{cursor:not-allowed}.calendar-day.no-staff{cursor:not-allowed;background:#fafafa}.calendar-day.no-staff .calendar-day-number{color:#9ca3af}#calendar-section .calendar-day.shift-covered{border:2px solid #86efac}#calendar-section .calendar-day.shift-empty{border:2px solid #f87171}#calendar-section .calendar-day.shift-covered.today,#calendar-section .calendar-day.shift-empty.today{box-shadow:inset 0 0 0 1px var(--color-primary)}#calendar-section .calendar-day.shift-covered.selected,#calendar-section .calendar-day.shift-empty.selected{box-shadow:inset 0 0 0 2px #f6821f59}.shift-member-toolbar{display:flex;flex-wrap:wrap;gap:.75rem}.shift-member-card{border:1px solid var(--color-border);border-radius:8px;padding:.6rem .75rem;background:#fff;min-width:160px;display:flex;flex-direction:column;gap:.5rem}.shift-member-card-active{border-color:var(--color-primary);box-shadow:0 0 0 2px #f6821f33}.shift-member-select{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--color-text);width:100%;text-align:left}.shift-color-wrap{position:relative;align-self:flex-start}.shift-color-card{width:36px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 1px 2px #00000014}.shift-color-card:hover{filter:brightness(.97)}.shift-color-card[aria-expanded=true]{box-shadow:0 0 0 2px var(--color-primary)}.shift-color-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;display:grid;grid-template-columns:repeat(4,28px);gap:6px;padding:8px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001f}.shift-color-menu-item{width:28px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0}.shift-color-menu-item:hover{filter:brightness(.95)}.shift-color-menu-item.is-current{box-shadow:0 0 0 2px var(--color-text)}.shift-day-editable{cursor:crosshair;-webkit-user-select:none;user-select:none}.shift-day-painting{outline:2px dashed var(--color-primary);outline-offset:-2px}.shift-day-chips{display:flex;flex-direction:column;gap:2px;margin-top:2px}.shift-day-chip{display:block;font-size:.55rem;line-height:1.2;padding:1px 3px;border-radius:3px;border:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-calendar-grid .calendar-day{min-height:72px}.calendar-day.full:hover{background:#fef2f2;border-color:#fecaca}.radio-group label.disabled{opacity:.45;cursor:not-allowed}.page-toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:300;background:#1d1d1d;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.9rem;box-shadow:0 8px 24px #0000002e;max-width:90vw;text-align:center}.user-list-row:hover td{background:#f6821f0f}.combobox-wrap{position:relative}.combobox-list{position:absolute;z-index:50;left:0;right:0;top:calc(100% - .25rem);margin:0;padding:.25rem 0;list-style:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:200px;overflow-y:auto}.combobox-list button{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;font-family:inherit;font-size:.9rem;cursor:pointer}.combobox-list button:hover{background:#f6821f1a;color:var(--color-primary)}.admin-calendar-note{margin-top:1rem;margin-bottom:0}.calendar-legend{display:flex;gap:1.5rem;margin-top:1.5rem;font-size:.85rem;color:var(--color-muted)}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-dot.small{background:#3b82f680}.legend-dot.medium{background:#f6821f80}.legend-dot.large{background:#dc262680}.legend-dot.shift-covered{background:#86efac}.legend-dot.shift-empty{background:#f87171}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-surface);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted)}tr:hover td{background:var(--color-surface)}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-applied{background:#fef3c7;color:#92400e}.status-accepted{background:#dbeafe;color:#1d4ed8}.status-pending{background:#fef3c7;color:#92400e}.status-printing{background:#dbeafe;color:#1e40af}.status-delivered{background:#dcfce7;color:#166534}.status-cancelled{background:#f3f4f6;color:#6b7280}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--color-bg);border-radius:var(--radius);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.125rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-muted);line-height:1}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;gap:.75rem;justify-content:flex-end}.detail-grid{display:grid;gap:.75rem}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:.5rem;font-size:.9rem}.detail-label{color:var(--color-muted);font-weight:500}.login-form{max-width:400px;margin:4rem auto}.hidden{display:none!important}@media(max-width:640px){.form-row{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.calendar-day{min-height:60px;font-size:.7rem}.detail-row{grid-template-columns:1fr}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}}