:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1a2936;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.layout{min-height:100vh;display:flex}.sidebar{width:242px;background:#fff;border-right:1px solid #e5e9ed;display:flex;flex-direction:column;padding:28px 16px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;padding:0 12px}.logomark{width:39px;height:39px;background:#087c7c;color:#fff;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:800}.logo strong{font-size:23px;letter-spacing:-1px;line-height:1}.logo strong span{color:#0b9691}.logo small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#7f919e}.nav-group{margin-top:64px;display:grid;gap:8px}.nav-label,.eyebrow{font-size:11px;color:#8e9aa5;font-weight:750;letter-spacing:1.4px}.nav-label{margin:0 14px 10px}.nav{width:100%;display:flex;align-items:center;gap:13px;background:transparent;border:0;text-align:left;padding:13px 12px;border-radius:9px;color:#647482;font-weight:650}.nav.active{background:#e9f5f3;color:#087d78}.navcount{margin-left:auto;background:#fff1de;color:#b37720;border-radius:30px;padding:2px 7px}.sidebottom{margin-top:auto;border-top:1px solid #e8eaf0;padding:22px 8px 0;display:flex;align-items:center;gap:8px}.avatar{width:35px;height:35px;border-radius:50%;background:#d6e5e7;display:grid;place-items:center;color:#087b77;font-weight:800}.who{display:grid;font-size:12px;flex:1}.who span{color:#83929c}.iconbtn{border:0;background:transparent;color:#637381;display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:7px}.iconbtn:hover{background:#edf1f3}.main{max-width:1250px;width:100%;margin:0 auto;padding:55px 55px 40px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}h1{font-size:30px;letter-spacing:-1px;margin:6px 0 4px}h2{font-size:20px;margin:0}h3{margin:8px 0}p{color:#70808e;margin:5px 0;line-height:1.6}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#087e78;color:#fff;padding:12px 19px;border:1px solid #087e78;border-radius:9px;font-weight:700}.primary:hover{background:#066c68}.secondary{background:#fff;border:1px solid #d5dee2;color:#425564;padding:11px 16px;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0 38px}.stats>div{background:#fff;border:1px solid #e6ecee;border-radius:12px;padding:20px 22px;display:grid;gap:10px}.stats span{color:#7d8c98;font-size:13px}.stats strong{font-size:30px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px}.toolbar h2{text-transform:capitalize}.toolbar .muted{font-size:12px}.monthbuttons{display:flex;align-items:center;border:1px solid #e1e6e9;border-radius:9px;overflow:hidden;background:#fff}.monthbuttons button{background:none;border:0;min-height:39px;padding:8px 13px;color:#4b6370}.monthbuttons button+button{border-left:1px solid #e1e6e9}.list{background:#fff;border:1px solid #e3e9ec;border-radius:13px;overflow:hidden}.shift{display:flex;gap:24px;align-items:center;padding:19px 22px;border-bottom:1px solid #edf0f2}.shift:last-child{border:0}.shiftdate{min-width:150px;display:grid;gap:6px}.shiftdate span{font-weight:800;text-transform:capitalize}.shiftdate strong{font-size:13px;color:#647483}.shiftbody{display:flex;flex-direction:column;gap:4px;flex:1;font-size:13px}.kind{font-weight:750;color:#344955}.muted{color:#7e8f9b}.assigned{color:#527077}.interest-count{color:#0a7475;font-weight:650}.actions{display:flex;align-items:center;gap:9px}.status{font-size:12px;padding:7px 11px;border-radius:30px;font-weight:750}.available{background:#fff2df;color:#ad721b}.booked{background:#e7f6ef;color:#288363}.smallbtn{background:#fff;border:1px solid #dbe5e7;border-radius:7px;padding:8px 11px;color:#226f71;font-weight:700;font-size:12px}.footnote{display:flex;gap:10px;align-items:center;margin:22px 0;color:#81919a;font-size:12px}.empty{text-align:center;color:#95a2ab;padding:70px 20px}.empty svg{margin:auto}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#e5f4f1,#f5f7fa 58%)}.login-card{background:#fff;width:100%;max-width:420px;padding:34px;border:1px solid #e4e9ea;border-radius:16px;box-shadow:0 18px 60px #193e3d12}.login-card .logo{margin-bottom:40px;padding:0}.login-card h1{font-size:25px}.lockcircle{width:45px;height:45px;border-radius:12px;background:#e9f6f3;color:#16817e;display:grid;place-items:center}.login-card p{margin-bottom:23px}.login-card label,.modal label{display:grid;gap:8px;color:#455965;font-weight:650;font-size:13px;margin-bottom:17px}input,select,textarea{width:100%;padding:12px 13px;border-radius:8px;border:1px solid #d5dfe3;background:#fff;color:#1b2d35}input:focus,select:focus,textarea:focus{outline:2px solid #8fcfca}.full{width:100%}.ghost{background:transparent;border:0;color:#087e78;padding:16px 0}.tiny{font-size:12px}.error{color:#b23e45!important}.success{color:#147a58!important}.banner{border:1px solid #e9d9d9;border-radius:8px;padding:11px 14px;margin:12px 0;background:#fff;display:flex;gap:12px;align-items:center}.banner button{margin-left:auto;background:transparent;border:0;font-size:21px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#112b34a0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{max-width:540px;width:100%;max-height:95vh;overflow:auto;background:#fff;border-radius:15px;padding:28px;box-shadow:0 10px 70px #0002}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modalactions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width:800px){.sidebar{width:78px;padding:20px 10px}.sidebar .logo>div:last-child,.nav-label,.nav{font-size:0}.nav{justify-content:center}.sidebottom .who,.sidebottom .avatar,.navcount{display:none}.main{padding:35px 20px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats>div{padding:13px}.stats strong{font-size:24px}.topline h1{font-size:25px}.shift{gap:12px;flex-wrap:wrap}.shiftdate{min-width:120px}.actions{margin-left:auto}}@media (max-width:500px){.sidebar{width:57px;padding:15px 5px}.main{padding:27px 12px}.topline{align-items:flex-start}.add{padding:11px;font-size:12px}.stats span{font-size:11px}.shiftdate{min-width:100px}.shiftdate span{font-size:13px}.shift{padding:16px 12px}.formgrid{grid-template-columns:1fr}.monthbuttons button{padding:7px}}