:root{--cream: #ece4d2;--cream-50: #f5f0e4;--cream-100: #efe8d9;--paper: #fbf9f3;--espresso: #2b2722;--espresso-soft: #4a443c;--muted: #8a8275;--line: #e0d8c6;--line-strong: #d2c8b2;--caramel: #b07d4f;--caramel-dark: #95673f;--sage: #6e8b6b;--sage-soft: #e6ede3;--terracotta: #a9603f;--gold: #c2974e;--ok: #5b7d57;--ok-bg: #e7eee2;--warn: #b5832f;--warn-bg: #f4ead0;--danger: #a9503f;--danger-bg: #f3e0d9;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(43, 39, 34, .05), 0 8px 24px rgba(43, 39, 34, .06);--shadow-lg: 0 12px 40px rgba(43, 39, 34, .18);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--cream);color:var(--espresso);-webkit-font-smoothing:antialiased;font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.boot-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 34px;max-width:440px;text-align:center}.boot-card h2{margin:0 0 8px;font-size:18px}.boot-card p{margin:6px 0;font-size:13.5px}.boot-card code{background:var(--cream-100);padding:1px 6px;border-radius:5px;font-size:12.5px}.boot-card .btn{margin-top:16px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--cream)}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:36px 34px;width:100%;max-width:380px;display:flex;flex-direction:column}.app{display:flex;min-height:100%}.sidebar{width:240px;flex-shrink:0;background:var(--espresso);color:var(--cream);display:flex;flex-direction:column;padding:26px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:baseline;gap:2px;padding:0 10px 4px;font-size:27px;font-weight:800;letter-spacing:-.04em;color:var(--cream)}.brand .dot{color:var(--caramel)}.brand-sub{padding:0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c9384;margin-bottom:30px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:#cfc7b5;padding:11px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-align:left;transition:background .15s,color .15s}.nav button:hover{background:#ffffff0f;color:var(--cream)}.nav button.active{background:var(--cream);color:var(--espresso);font-weight:600}.nav .ico{width:18px;height:18px;flex-shrink:0}.sidebar-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8c8474}.sidebar-foot .reset{margin-top:10px;background:transparent;border:1px solid rgba(255,255,255,.16);color:#cfc7b5;border-radius:8px;padding:7px 10px;width:100%;font-size:12px}.sidebar-foot .reset:hover{border-color:#fff6;color:var(--cream)}.switch-view{display:flex;align-items:center;gap:9px;width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--cream);border-radius:9px;padding:9px 11px;font-size:13px;font-weight:600}.switch-view:hover{background:#ffffff1f}.signed-in{margin-top:12px;font-size:12px;color:#8c8474;display:flex;flex-direction:column;gap:4px}.signed-in strong{color:#cfc7b5;font-weight:600}.link-btn{align-self:flex-start;background:transparent;border:none;color:#b9b0a0;padding:2px 0;font-size:12px;text-decoration:underline;cursor:pointer}.link-btn:hover{color:var(--cream)}.staff-shell{min-height:100%;background:var(--cream)}.staff-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:15px 28px;background:var(--paper);border-bottom:1px solid var(--line)}.staff-main{max-width:920px;margin:0 auto;padding:28px 22px 60px}.next-shift{background:var(--espresso);color:var(--cream);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}.next-shift .ns-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#b3aa98;font-weight:600}.next-shift .ns-day{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:6px}.next-shift .ns-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:#d8d0bf}.next-shift .ns-time{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--cream)}.next-shift .ns-note{background:#ffffff1f;padding:2px 10px;border-radius:999px;font-size:12.5px}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:start}@media (max-width: 820px){.staff-grid{grid-template-columns:1fr}}.main{flex:1;min-width:0;padding:30px 38px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.page-head h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.page-head p{margin:5px 0 0;color:var(--muted);font-size:13.5px}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--paper);color:var(--espresso);padding:9px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--cream-50)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.btn.primary:hover{background:#3a3530}.btn.accent{background:var(--caramel);border-color:var(--caramel);color:#fff}.btn.accent:hover{background:var(--caramel-dark)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--cream-100)}.btn.sm{padding:6px 10px;font-size:12.5px}.btn.danger{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg)}.btn.danger:hover{background:#ecd2c9}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.grid{display:grid;gap:18px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow)}.stat .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.stat .value{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:6px}.stat .value small{font-size:15px;font-weight:600;color:var(--muted)}.stat .sub{font-size:12.5px;color:var(--muted);margin-top:4px}.stat .accent-bar{height:3px;width:34px;border-radius:3px;background:var(--caramel);margin-bottom:14px}.section-title{font-size:15px;font-weight:700;margin:0 0 4px}.section-sub{font-size:12.5px;color:var(--muted);margin:0 0 14px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.avatar.sm{width:26px;height:26px;font-size:11px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--cream-100);color:var(--espresso-soft)}.chip.role{background:var(--sage-soft);color:#3f5a3d}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em}.badge.pending{background:var(--warn-bg);color:var(--warn)}.badge.approved{background:var(--ok-bg);color:var(--ok)}.badge.declined{background:var(--danger-bg);color:var(--danger)}.badge .d{width:6px;height:6px;border-radius:50%;background:currentColor}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .name{font-weight:600}.row .meta{font-size:12.5px;color:var(--muted)}.rota-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.rota-toolbar .week-label{font-weight:700;font-size:15px;min-width:210px}.rota-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.rota{display:grid;grid-template-columns:168px repeat(7,minmax(140px,1fr));min-width:1100px}.rota .head{position:sticky;top:0;background:var(--cream-50);border-bottom:1px solid var(--line-strong);padding:11px 12px;font-size:12.5px;font-weight:700;z-index:1}.rota .head .dow{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rota .head.today{background:var(--espresso);color:var(--cream)}.rota .head.today .dow{color:#b9b0a0}.rota .corner{position:sticky;left:0;background:var(--cream-50);border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line);z-index:2}.rota .staff-cell{position:sticky;left:0;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:9px;z-index:1}.rota .staff-cell .who{min-width:0}.rota .staff-cell .who .nm{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rota .staff-cell .who .hrs{font-size:11.5px;color:var(--muted)}.rota .cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:7px;min-height:64px;display:flex;flex-direction:column;gap:5px;position:relative}.rota .cell.today{background:#fcf6ea}.rota .cell:hover .add-shift{opacity:1}.add-shift{opacity:0;border:1px dashed var(--line-strong);background:transparent;border-radius:7px;color:var(--muted);font-size:12px;padding:5px;transition:opacity .12s;margin-top:auto}.add-shift:hover{border-color:var(--caramel);color:var(--caramel)}.shift{border-radius:8px;padding:6px 8px;font-size:12px;border-left:3px solid var(--caramel);background:var(--cream-50);cursor:pointer;transition:transform .05s,box-shadow .12s}.shift:hover{box-shadow:var(--shadow)}.shift .time{font-weight:700;letter-spacing:-.01em}.shift .tag{font-size:10.5px;color:var(--muted);display:block}.shift.leave{border-left-color:var(--sage);background:var(--sage-soft);color:#3f5a3d;cursor:default}.shift{position:relative}.shift.changed{box-shadow:inset 0 0 0 1.5px var(--gold)}.shift .change-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.shift.clash{border-left-color:var(--danger);background:var(--danger-bg)}.shift.clash .warn{color:var(--danger);font-weight:700}.notice{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:600}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.danger{background:var(--danger-bg);color:var(--danger)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.bar{height:8px;border-radius:999px;background:var(--cream-100);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--caramel)}.bar.high>span{background:var(--terracotta)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b27226b;display:flex;align-items:flex-start;justify-content:center;padding:64px 16px;z-index:50;overflow-y:auto}.modal{background:var(--paper);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:17px;font-weight:700}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:15px}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;align-items:center}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--espresso-soft)}.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius-sm);padding:9px 11px;color:var(--espresso);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--caramel);box-shadow:0 0 0 3px #b07d4f26}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.icon-btn{border:none;background:transparent;color:var(--muted);padding:6px;border-radius:7px;display:inline-flex}.icon-btn:hover{background:var(--cream-100);color:var(--espresso)}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:13.5px}.tabs{display:inline-flex;background:var(--cream-100);border-radius:10px;padding:3px;gap:2px}.tabs button{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-weight:600;font-size:13px;color:var(--espresso-soft)}.tabs button.active{background:var(--paper);color:var(--espresso);box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start}@media (max-width: 980px){.split{grid-template-columns:1fr}}.flex{display:flex;align-items:center}.gap8{gap:8px}.gap12{gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.mt0{margin-top:0}.muted{color:var(--muted)}.right{margin-left:auto}.mobile-topbar,.mobile-nav{display:none}.staff-brand{position:absolute;left:50%;transform:translate(-50%);font-size:22px;color:var(--espresso)}@media (max-width: 760px){html,body{overflow-x:hidden}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;padding:0 16px;background:var(--paper);border-bottom:1px solid var(--line);z-index:40}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--espresso);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;color:#a49b8a;padding:9px 2px 8px;font-size:10px;font-weight:600;letter-spacing:.01em}.mobile-nav button.active{color:var(--cream)}.main{padding:72px 15px 88px;max-width:100%}.page-head{margin-bottom:18px;gap:12px}.page-head h1{font-size:21px}.page-head .flex{flex-wrap:wrap}input,select,textarea{font-size:16px!important}.overlay{padding:12px;align-items:flex-start}.modal{max-width:100%}.stat .value{font-size:26px}.list .row{flex-wrap:wrap}.row .grow{min-width:55%}.staff-topbar{padding:12px 16px;flex-wrap:wrap;gap:10px;justify-content:center}.staff-brand{position:static;transform:none}.staff-main{padding:20px 15px 60px}.next-shift{padding:20px}.next-shift .ns-day{font-size:24px}.rota{grid-template-columns:108px repeat(7,minmax(92px,1fr));min-width:740px}.rota .staff-cell{padding:8px;gap:6px}.rota .staff-cell .who .nm{font-size:12px}.rota-toolbar .week-label{min-width:0}}