@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.template-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;margin:16px 0;overflow:auto}.template-day{min-height:180px;padding:10px;background:#f7faf6;border:1px dashed #cbd9cc;border-radius:8px}.template-day h3{margin:0 0 10px;font-size:12px}.template-shift{display:grid;gap:6px;padding:8px;margin-bottom:8px;background:#fff;border:1px solid #dce6dc;border-radius:6px;box-shadow:0 2px 5px #1f503012}.template-shift input,.template-shift select{padding:6px;font-size:11px}.template-day>button{width:100%;padding:6px;font-size:11px}.template-shift .text-button{justify-content:start;border:0;padding:2px;color:#a45b51;background:none;font-size:10px}:root{font-family:DM Sans,sans-serif;color:#253b34;background:#f6f8f6;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce4df;border-radius:7px;padding:10px 13px;background:#fff;color:inherit}button:hover{background:#edf3ee}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #80b69a;outline-offset:3px}input,select{border:1px solid #d8e0da;background:#fff;padding:10px 12px;border-radius:6px;color:inherit}h1,h2,p{margin:0}h1,h2,.brand{font-family:Manrope,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid #e3e9e3;padding:34px 23px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:28px;font-weight:800;display:flex;align-items:center;text-decoration:none;color:#194d3c;letter-spacing:-1.5px;margin-bottom:46px}.brand-icon{display:grid;place-items:center;margin-right:10px}.brand-dot{color:#a4be69}.home-label{font-size:9px;letter-spacing:1.5px;color:#82928b;font-weight:700;margin-bottom:16px}.home-card{display:flex;gap:11px;align-items:center;margin-bottom:35px}.house-avatar{border:1px solid #e0e7de;border-radius:8px;padding:10px;background:#f5f7f1;font-weight:700}.home-card strong,.profile strong{font-size:12px;display:block}.home-card small,.profile small{display:block;color:#8a9890;font-size:11px;margin-top:5px}nav{display:grid;gap:8px}nav button{border:0;justify-content:start;padding:14px 13px;color:#76847b;font-size:13px}nav button.active{background:#eaf2ec;color:#205d47;font-weight:700}.sidebar-note{margin-top:auto;padding-top:100px;color:#496956;font-size:11px;line-height:1.8}.sidebar-note p{margin:9px 0 25px;color:#8a978e;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6e9961;margin-right:5px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0ed;padding-top:22px}.avatar{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e7eddf;color:#5e7147;font-size:10px;font-weight:700;flex-shrink:0}main{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid #e3e8e2;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;background:#fff;color:#829086}.topbar strong{color:#465b4d;font-weight:500}.slash{padding:0 16px;color:#b4bdb5}.demo-tag{font-size:9px;letter-spacing:1px;color:#778970;padding:7px 9px;border:1px solid #e2e9de;border-radius:4px}.content{padding:40px;max-width:1700px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#728d73;font-weight:700;margin-bottom:12px}h1{font-size:30px;letter-spacing:-1.15px;font-weight:700}.heading p{margin-top:10px;color:#859087;font-size:12px}.primary{background:#215d48;color:#fff;border-color:#215d48;font-weight:600;padding:12px 17px;font-size:12px}.primary:hover{background:#164735}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:30px}.stats article{border:1px solid #e1e7df;background:#fff;border-radius:10px;padding:23px 18px;display:flex;gap:14px}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.green{background:#edf3e8;color:#5c8155}.blue{background:#edf3f5;color:#638b96}.amber{background:#faf2e4;color:#b3904e}.stats article div>span{font-size:11px;color:#819083}.stats strong{display:block;font-family:Manrope,sans-serif;font-size:29px;font-weight:700;margin:9px 0 5px;color:#2d493a}.stats em{font-size:14px;font-style:normal;font-weight:500;color:#8b978d}.stats small{color:#94a091;font-size:10px}.rota-panel,.staff-panel{border:1px solid #e1e7de;border-radius:10px;background:#fff;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:23px 22px;gap:15px}.week-picker{display:flex;align-items:center;gap:9px}.week-picker button{padding:7px;border-color:#e7ebe4}.week-picker h2{font-size:14px;margin:0 5px;white-space:nowrap}.week-picker h2 span{font-weight:400;color:#93a08f;margin-left:3px}.week-picker .today{font-size:10px;padding:7px 10px;margin-left:9px}.toolbar select{font-size:11px;min-width:125px}.legend{padding:0 24px 20px;display:flex;align-items:center;gap:18px;font-size:10px;color:#8d988c}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.assigned{background:#91bba4}.open{background:#d5b672}.legend .hint{margin-left:auto;font-size:9px}.calendar-scroll{overflow:auto}.calendar{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}.day{border-right:1px solid #e8ece5;min-width:0}.day:last-child{border-right:0}.day-heading{border-top:1px solid #e8ece5;border-bottom:1px solid #e8ece5;display:flex;align-items:center;justify-content:center;gap:9px;height:66px;background:#fafbf8;position:relative}.day-heading>span{font-size:10px;color:#899685}.day-heading strong{font-size:18px;font-weight:500;color:#677e63}.day-heading.is-today{background:#edf4ec}.day-heading.is-today strong{background:#285f47;color:#fff;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.day-heading small{position:absolute;bottom:4px;font-size:8px;color:#76936f}.day-shifts{padding:10px 8px;min-height:450px;background:#fdfefb}.shift{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;border-radius:6px;padding:12px 10px;gap:0;margin-bottom:10px;box-shadow:0 1px 2px #2c4a2e03}.shift.filled{background:#edf4ef;border:1px solid #d8e7db;border-left:3px solid #8db89b}.shift.unfilled{background:#fdf8ee;border:1px dashed #e5d4b0;border-left:3px solid #d5b97c}.shift:hover{filter:brightness(.97)}.shift-time{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:500;color:#718472;white-space:nowrap}.shift strong{font-size:11px;font-weight:700;margin:13px 0 5px;line-height:1.5}.shift-role{font-size:9px;color:#758976}.shift-unit{font-size:9px;color:#8b9c87;margin-top:4px}.shift-bottom{border-top:1px solid #dbe5d9;width:100%;margin-top:13px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8a9b85}.unfilled strong{color:#99783b}.unfilled .shift-bottom{border-color:#ebdfc6;color:#b19b70}.no-shifts{text-align:center;color:#a2ac9b;font-size:10px;padding-top:30px}.panel-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e7ece2;padding:15px 21px;font-size:9px;color:#96a28d}.bottom-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#9aa58f;margin-top:27px}.empty{padding:90px 25px;text-align:center;color:#87917f}.section-title{display:flex;justify-content:space-between;padding:24px;align-items:center}.section-title h2{font-size:17px}.section-title span{font-size:11px;color:#81907a}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;color:#899781;background:#f7f9f4;padding:15px 20px}td{padding:17px 20px;border-top:1px solid #eaf0e5;font-size:12px}.person-name{display:flex;align-items:center;gap:12px;font-weight:500}.pill{border-radius:4px;background:#edf4e8;color:#5b8557;font-size:10px;padding:5px 7px}.text-button{border:0;font-size:11px;color:#42724e}.over-hours{color:#a17435}.error{padding:15px;background:#fff0ec;color:#963e2d;border-radius:7px;margin-bottom:20px;font-size:12px}.error button{margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #dbe5d7;border-radius:13px;padding:28px;width:440px;max-width:calc(100vw - 30px);color:#304a38;box-shadow:0 25px 100px #18342230}dialog::backdrop{background:#182e2560;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-heading h2{font-size:19px}.dialog-heading button{border:0;padding:4px}label{display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:8px;margin-bottom:19px}label input,label select{width:100%}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.form-row{display:flex;gap:15px}.form-row label{flex:1}.form-note{font-size:11px;color:#8a9682;line-height:1.7;margin:0 0 22px}.assignment-summary{line-height:1.9;font-size:12px;padding:15px;background:#f2f6ed;border-radius:7px;margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.dialog-actions button{font-size:11px}.danger{color:#a95342;margin-right:auto;border:0;padding-left:0}@media(min-width:1500px){.content{padding:45px 50px}.day-shifts{padding:13px}.shift{padding:15px 12px}.shift strong{font-size:13px}.shift-time,.shift-role,.shift-unit{font-size:11px}}@media(max-width:1100px){.sidebar{width:195px;padding:28px 17px}.content{padding:28px 22px}.stats{gap:10px}.stats article{padding:17px 12px;gap:9px}.stat-icon{width:30px;height:30px}.stats article div>span{font-size:10px}.legend .hint{display:none}h1{font-size:26px}.topbar{padding:0 24px}}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;padding:15px 18px;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8dd}.brand{margin:0;font-size:27px}.home-label,.home-card,.sidebar-note,.profile{display:none}nav{display:flex;gap:3px}nav button{font-size:11px;padding:9px}.topbar{height:49px;padding:0 20px}.demo-tag{display:none}.content{padding:27px 17px}.heading{align-items:start;flex-direction:column;gap:18px}.heading h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:16px}.toolbar{flex-wrap:wrap;padding:17px 12px}.week-picker{gap:3px}.week-picker h2{font-size:12px}.week-picker .today{margin-left:3px}.legend{padding:0 17px 17px}.panel-footer{font-size:8px;padding:13px}.stats small{font-size:9px}}.templates-panel{border:1px solid #dce6d9;border-radius:10px;background:#fff;margin-bottom:22px}.templates-panel>summary{padding:18px 22px;cursor:pointer;font-weight:600}.templates-panel>summary span{font-size:11px;font-weight:400;color:#758571;margin-left:14px}.templates-body{border-top:1px solid #e5ece1;padding:22px}.templates-body>p{font-size:12px;line-height:1.7;margin-bottom:18px}.template-save,.template-rename{display:flex;align-items:end;gap:12px;margin-bottom:18px;flex-wrap:wrap}.template-save label,.template-rename label{margin:0;flex:1;min-width:180px}.template-success{background:#eaf4e6;padding:12px;border-radius:6px;color:#315d33}.template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:15px}.template-card{padding:18px;border:1px solid #e0e8db;border-radius:8px;background:#fafcf8;min-width:0}.template-card>p{font-size:12px;color:#6d8065}.template-preview{margin:15px 0;font-size:12px}.template-preview summary{cursor:pointer}.template-preview ul{list-style:none;padding:0;max-height:260px;overflow:auto}.template-preview li{padding:10px 0;border-bottom:1px solid #e2e9df}.template-preview li span{display:block;margin-top:5px;color:#718169}.template-actions{display:flex;gap:9px;flex-wrap:wrap}.template-actions button{font-size:11px}.template-actions .danger{padding-left:10px}@media(max-width:760px){.templates-panel>summary span{display:block;margin:8px 0 0}.templates-body{padding:15px}.template-list{grid-template-columns:1fr}.template-save .primary{width:100%}}.calendar{grid-template-columns:repeat(7,minmax(172px,1fr));min-width:1204px}.day-heading{height:92px;flex-direction:column;gap:5px;padding:12px 8px}.day-heading>span{font-size:12px;font-weight:600;color:#51664c}.day-heading strong{font-size:20px;font-weight:700;color:#294835}.day-heading.is-today strong{width:auto;height:auto;border-radius:6px;padding:3px 10px}.day-heading small{position:static;font-size:10px;font-weight:600}.day-shifts{padding:10px 8px}.shift{padding:13px 10px}.shift-period{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#476246;margin-bottom:12px}.shift-period.night-period{color:#555b82}.shift-clock{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center;width:100%;font-variant-numeric:tabular-nums}.shift-clock>span:not(.clock-arrow){display:flex;flex-direction:column;gap:4px}.clock-label{font-size:10px;color:#586c56}.shift-clock time{font-size:20px;font-weight:700;letter-spacing:-.5px;color:#243e2b;line-height:1.2}.clock-date{font-size:9px;color:#596c56;white-space:nowrap}.clock-arrow{font-size:14px;color:#798c73}.shift strong{font-size:12px;margin:15px 0 5px}.shift-role,.shift-unit{font-size:11px;color:#526a50}.shift-bottom,.unfilled .shift-bottom{font-size:10px;line-height:1.5;color:#617052}@media(max-width:760px){.calendar{display:flex;flex-direction:column;min-width:0}.day{border-right:0}.day-heading{height:auto;min-height:62px;flex-direction:row;justify-content:flex-start;padding:14px 17px;gap:12px}.day-heading>span{font-size:14px}.day-heading strong{font-size:18px}.day-heading small{margin-left:auto}.day-shifts{min-height:0;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.shift{margin:0;padding:16px}.shift-clock{grid-template-columns:1fr auto 1fr;gap:15px}.shift-clock time{font-size:27px}.clock-date,.clock-label{font-size:11px}.shift strong{font-size:14px}.shift-role,.shift-unit{font-size:12px}.no-shifts{padding:12px;text-align:left}.shift-period{font-size:12px}}.timeline-scroll{overflow:auto;max-height:750px;border-top:1px solid #dce5d9;position:relative}.week-timeline{min-width:1040px}.timeline-axis,.timeline-day{display:grid;grid-template-columns:125px minmax(0,1fr)}.timeline-axis{position:sticky;top:0;z-index:4;background:#f6f9f3;height:48px;border-bottom:1px solid #dce5d9}.timeline-corner{position:sticky;left:0;z-index:5;background:#f6f9f3;padding:17px 12px;font-size:11px;font-weight:600;border-right:1px solid #dce5d9}.timeline-hours{position:relative;margin:0 14px 0 0;font-variant-numeric:tabular-nums}.timeline-hours>span{position:absolute;top:17px;transform:translate(-50%);font-size:11px;font-weight:600;color:#4e6649}.timeline-hours>span:first-child{transform:none}.timeline-hours>span:last-child{transform:translate(-100%)}.timeline-day{border-bottom:1px solid #dde6d8}.timeline-date{position:sticky;left:0;z-index:2;background:#f7faf4;border-right:1px solid #dce5d9;padding:20px 12px;display:flex;flex-direction:column;gap:8px}.timeline-date strong{font-size:13px}.timeline-date>span{font-size:18px;font-weight:600}.timeline-date small{font-size:10px;color:#256644}.timeline-today .timeline-date{background:#e8f2e4}.timeline-tracks{position:relative;margin-right:14px;background:repeating-linear-gradient(to right,#dde5d8 0,#dde5d8 1px,transparent 1px,transparent calc(100% / 12));background-color:#fff}.timeline-shift{position:absolute;height:44px;min-width:0;padding:5px 8px;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;overflow:hidden;text-align:left;box-sizing:border-box}.timeline-assigned{background:#e5f0e7;border:1px solid #bcd5c1;border-left:3px solid #709d7c}.timeline-open{background:#fff4df;border:1px dashed #cfb16e;border-left:3px solid #cfb16e}.timeline-assigned:hover{background:#d5e8da}.timeline-open:hover{background:#faeac9}.timeline-bar-time{font-size:12px;font-weight:700;white-space:nowrap;color:#304d37;font-variant-numeric:tabular-nums}.timeline-bar-person{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#4e644a}.timeline-open .timeline-bar-time{color:#755821}.timeline-empty{font-size:12px;color:#819177;padding:28px 18px}.timeline-shift:focus-visible{z-index:3;outline-offset:-3px}@media(max-width:760px){.timeline-axis,.timeline-day{grid-template-columns:100px minmax(0,1fr)}.timeline-date{padding:16px 10px}.timeline-date strong{font-size:12px}.timeline-corner{font-size:10px;padding:18px 8px}.timeline-scroll{max-height:70vh}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f6f2}.auth-card{width:min(100%,440px);padding:36px;background:#fff;border:1px solid #dfe5df;border-radius:20px;box-shadow:0 12px 40px #173c2510}.auth-card .brand{margin-bottom:30px}.auth-card h1{font-size:30px}.auth-card form{display:grid;gap:18px;margin:24px 0 16px}.auth-card label,.templates-body form label{display:grid;gap:8px}.auth-card input{width:100%;min-height:44px}.auth-card .primary{justify-content:center;min-height:44px}.profile strong{overflow-wrap:anywhere}.mobile-sign-out{display:none}@media(max-width:760px){.mobile-sign-out{display:inline-flex}.auth-card{padding:24px}}