@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";
:root{--bg-main:#f3efe4;--bg-soft:#fffdf8;--ink:#1d1f23;--ink-muted:#5f626b;--accent:#c2410c;--accent-2:#0f766e;--line:#e7dfd0;--card-shadow:0 12px 32px #3a2f1b1a}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top right, #c2410c2e, transparent 42%), radial-gradient(circle at top left, #0f766e1f, transparent 35%), var(--bg-main);margin:0;font-family:Manrope,sans-serif}.page{gap:1rem;width:min(1280px,94vw);margin:2.5rem auto 3rem;display:grid}.hero{color:#fff;box-shadow:var(--card-shadow);background:linear-gradient(120deg,#2b2d30 0%,#42321e 100%);border-radius:24px;padding:2rem}.hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-session{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.hero-title-block{gap:.45rem;display:grid}.branch-hero-picker{color:#ffffffd9;gap:.2rem;font-size:.85rem;display:grid}.branch-hero-picker select{background:#fffffff0;min-width:240px}.hero-menu{position:relative}.hero-menu summary{cursor:pointer;color:#fff;background:#ffffff29;border:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:42px;min-height:42px;font-size:1.2rem;list-style:none;transition:transform .15s,background .15s;display:inline-flex}.hero-menu[open] summary,.hero-menu summary:hover{background:#ffffff47;transform:rotate(20deg)}.hero-menu summary::-webkit-details-marker{display:none}.hero-menu-list{border:1px solid var(--line);width:250px;box-shadow:var(--card-shadow);z-index:4;background:#fffdf8;border-radius:12px;gap:.45rem;margin-top:.45rem;padding:.55rem;display:grid;position:absolute;right:0}.hero-menu-session{color:var(--ink-muted);padding:.2rem .15rem;font-size:.8rem}.hero-menu-list button{text-align:left;width:100%}.menu-btn{border:1px solid #dad2c4;border-radius:10px;min-height:40px;padding:.55rem .7rem;font-weight:700;transition:filter .15s,border-color .15s}.menu-btn-settings{color:#fff;background:linear-gradient(130deg,#f59f0a,#ea7a0a);border-color:#d9700a}.menu-btn-settings:hover{filter:brightness(1.05)}.menu-btn-logout{color:#b42318;background:#fff;border-color:#e7b0ab}.menu-btn-logout:hover{background:#fff4f3;border-color:#cf6c62}.hero h1{margin:.4rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.7rem)}.hero p{color:#ffffffdb;max-width:68ch;margin:0}.toast{color:#fff;z-index:30;background:#111827;border-radius:12px;max-width:min(460px,85vw);padding:.75rem .95rem;font-weight:700;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 14px 30px #11182759}.tabs{gap:.6rem;display:flex}.tab{color:#2b2d30;background:#ece5d8}.tab.active{background:var(--accent-2);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12rem;color:#fcd8b4;margin:0;font-size:.85rem}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card{background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;padding:1rem}.card h2{margin-top:0;margin-bottom:.8rem}.auth-card{max-width:460px;margin:3.5rem auto}.auth-form{gap:.6rem;display:grid}.auth-brand{justify-items:center;gap:.25rem;margin-bottom:.7rem;display:grid}.auth-brand-copy{color:#64748b;margin:0;font-size:.83rem}.auth-brand-copy strong{color:#0f172a}.auth-error{color:#b42318;margin:.65rem 0 0;font-weight:700}.week-toolbar{justify-content:space-between;align-items:end;gap:1rem;display:flex}.week-label{text-transform:uppercase;letter-spacing:.08rem;color:var(--ink-muted);margin:0;font-size:.78rem}.week-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.week-calendar-help{color:var(--ink-muted);margin:0;font-size:.88rem}.week-calendar{position:relative}.week-calendar-toggle{color:#0f172a;background:#fff;border-color:#d8dce3;min-width:172px;font-weight:700}.week-calendar-popover{z-index:30;background:#fff;border:1px solid #d8dce3;border-radius:14px;width:min(330px,100vw - 2.5rem);padding:.65rem;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 12px 30px #0f172a29}.week-calendar-header{grid-template-columns:36px 1fr 36px;align-items:center;gap:.35rem;margin-bottom:.5rem;display:grid}.week-calendar-header strong{text-align:center;text-transform:capitalize;color:#0f172a}.week-calendar-header button{color:#0f172a;background:#f8fafc;border-radius:10px;min-height:34px;padding:0;font-size:1rem;font-weight:800;line-height:1}.week-calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;margin-bottom:.3rem;display:grid}.week-calendar-weekdays span{text-align:center;color:#64748b;font-size:.72rem;font-weight:700}.week-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;display:grid}.week-calendar-day{color:#9a3412;background:#fff7ed;border:1px solid #e2e8f0;border-radius:9px;min-height:34px;padding:0;font-size:.8rem;font-weight:700}.week-calendar-day.created{color:#166534;background:#dcfce7;border-color:#86efac}.week-calendar-day.outside-month{opacity:.48}.week-calendar-day.current{box-shadow:inset 0 0 0 2px #334155}.week-calendar-day.selected{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:inset 0 0 0 2px #0f172a}.week-calendar-day.selected.created{color:#fff;background:#0f172a;border-color:#0f172a}.week-calendar-legend{color:#475569;align-items:center;gap:.7rem;margin-top:.55rem;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:.25rem;display:inline-flex}.legend-dot{border:1px solid #0000;border-radius:999px;width:9px;height:9px}.legend-dot.created{background:#22c55e}.legend-dot.missing{background:#fb923c}.legend-dot.selected{background:#0f172a}.branch-settings-card{margin-top:0}.modal-backdrop{z-index:50;background:#0f172a6b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.branch-settings-modal{width:min(680px,94vw);max-height:85vh;overflow:auto}.week-create-modal{width:min(560px,94vw)}.week-create-modal-copy{color:#475569;margin:.45rem 0}.week-create-modal-actions{justify-content:flex-end;gap:.45rem;margin-top:.8rem;display:flex}.week-create-modal-actions button:first-child{color:#475569;background:#fff}.branch-settings-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.branch-settings-header h2{margin:0}.close-modal-btn{color:#a5332a;background:#fff;border:1px solid #e8b8b2;border-radius:999px;justify-content:center;align-items:center;width:38px;min-height:38px;padding:0;font-size:1.1rem;font-weight:800;display:inline-flex}.close-modal-btn span{transform:translateY(-1px)}.close-modal-btn:hover{background:#fff2f1;border-color:#d06f66}.branch-list{gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.branch-item-main{flex:1;min-width:0}.branch-item-main .chip{justify-content:flex-start;width:100%}.session-pill{color:#4b5563;background:#ede8dc;border:1px solid #d4cbb9;border-radius:999px;padding:.3rem .65rem;font-size:.82rem}.week-actions select{min-width:180px}.week-actions input[type=date]{min-height:38px;font:inherit;background:#fff;border:1px solid #d8dce3;border-radius:10px;padding:.4rem .65rem}.row-form,.shift-form{gap:.5rem;display:grid}.row-form{grid-template-columns:1fr auto}.employee-form{grid-template-columns:1fr auto auto}.row-form input,.shift-form input,.auth-form input,.employee-edit-input,select,button{min-height:38px;font:inherit;border:1px solid #d8dce3;border-radius:10px}input,select{background:#fff;padding:.4rem .65rem}.shift-form label{color:var(--ink-muted);gap:.25rem;font-size:.88rem;display:grid}.shift-name-input{font-weight:700}.shift-time-field input{background:#fff;border-color:#d7cfbf}.shift-form button[type=submit]{margin-top:.2rem}button{background:var(--accent);color:#fff;cursor:pointer;padding:.45rem .7rem;font-weight:700}button:hover{filter:brightness(1.05)}.chips{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.chip{color:#2b2d30;background:#efe8db}.chip.active{background:var(--accent-2);color:#fff}.simple-list,.shift-list{gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.shift-list li{grid-template-columns:1fr auto auto auto;align-items:center;gap:.45rem;font-size:.9rem;display:grid}.shift-row{background:#fffcf7;border:1px solid #e9e1d3;border-radius:12px;padding:.45rem .55rem}.shift-main{gap:.1rem;display:grid}.shift-range{color:var(--ink-muted);font-size:.88rem}.shift-hours-pill{color:#3f3a32;background:#ece6da;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:.2rem .5rem;font-size:.82rem;font-weight:800;display:inline-flex}.list-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.list-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.icon-btn{border-radius:10px;justify-content:center;align-items:center;width:36px;min-height:36px;padding:0;font-size:1rem;display:inline-flex}.employee-edit-input{flex:1;min-width:170px}.employee-edit-fields{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.employee-color-input{border-radius:10px;width:44px;min-width:44px;min-height:38px;padding:.2rem}.employee-label{border-left:6px solid #0000;padding-left:.55rem;font-weight:700}.danger-btn{color:#fff;background:#b42318;border-color:#8f2b22}.danger-btn:hover{filter:brightness(1.08)}.logout-btn{margin-top:0}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.schedule-card{overflow:hidden}.employee-calendar-card{gap:.8rem;display:grid}.calendar-subtitle{color:var(--ink-muted);margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.55rem;font-size:.9rem}th{color:var(--ink-muted);font-weight:700}td select{width:100%}.employee-calendar-table{min-width:980px}.employee-calendar-table .time-col{background:#f6f0e5;width:84px;font-weight:700}.employee-calendar-table td{text-transform:uppercase;font-weight:700}.employee-calendar-cell{text-align:center;vertical-align:middle;font-weight:800}.employee-calendar-cell.occupied{color:#111}.brand-signoff{background:#ffffffa6;border:1px solid #d9dfe7;border-radius:999px;justify-self:end;align-items:center;gap:.55rem;margin-top:.2rem;padding:.45rem .75rem;display:inline-flex;box-shadow:0 8px 20px #1f293714}.brand-logo{border-radius:14px}.brand-copy{gap:0;line-height:1.05;display:grid}.brand-copy span{letter-spacing:.06rem;text-transform:uppercase;color:#64748b;font-size:.72rem}.brand-copy strong{color:#0f172a;font-size:.95rem}@media (max-width:1060px){.week-toolbar{flex-direction:column;align-items:stretch}.week-calendar-popover{left:auto;right:0}.hero-menu{justify-content:flex-end;width:100%;display:flex}.hero-menu-list{width:min(280px,100vw - 2.5rem)}.branch-hero-picker select{width:100%;min-width:0}.panel-grid{grid-template-columns:1fr}.brand-signoff{justify-content:center;justify-self:stretch}}