:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.page-frame{width:min(100%,1040px)}.eyebrow{color:#59665e;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1.05}.page-content{color:#35413a;margin-top:18px;font-size:1.05rem}.action-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{color:#fff;background:#17201b;border:1px solid #17201b;border-radius:8px;align-items:center;min-height:44px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:#17201b;background:0 0}.button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.panel,.form-stack{border:1px solid #d8ded6;border-radius:8px;margin-top:18px;padding:16px}.form-stack{gap:14px;display:grid}label{gap:6px;font-weight:700;display:grid}input,select{color:#17201b;font:inherit;border:1px solid #c9d1ca;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.segmented-control{background:#e9eee8;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.segmented-control button{color:#35413a;font:inherit;background:0 0;border:0;border-radius:6px;min-height:40px;font-weight:700}.segmented-control .selected{color:#17201b;background:#fff}.notice,.success,.error{border-radius:8px;margin-top:16px;padding:12px}.notice{color:#5d4b11;background:#fff6d8}.success{color:#1f5c35;background:#e5f4ea}.error{color:#8a271c;background:#f9e4e1}.split-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toast-banner{color:#fff;text-align:center;z-index:20;background:#17201b;border-radius:8px;max-width:min(92vw,520px);padding:12px 16px;font-weight:700;animation:4.2s forwards toast-fade;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #17201b2e}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,-8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.helper-text{color:#59665e;margin-bottom:0;font-size:.95rem}.helper-text a{font-weight:700}.invite-panel{background:#eef2ed}.invite-panel.inline{border:1px solid #d8ded6;border-radius:8px;margin:12px 0;padding:12px}.invite-panel h2,.invite-panel h3,.invite-panel p{margin-top:0}.invite-panel h3{margin-bottom:4px;font-size:1.08rem}.button.compact{min-height:40px;padding:8px 12px}.action-row.tight{margin-top:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}h2{margin:0 0 8px;font-size:1.35rem}.table-wrap{margin-top:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid #d8ded6;padding:10px 8px}th{color:#59665e;text-transform:uppercase;font-size:.85rem}.schedule-section{gap:16px;display:grid}.schedule-toolbar{background:#eef2ed;border:1px solid #d8ded6;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.schedule-toolbar h2,.schedule-toolbar p{text-align:center;margin:0}.schedule-grid{grid-template-columns:repeat(7,minmax(132px,1fr));gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.day-column{background:#fff;border:1px solid #d8ded6;border-radius:8px;min-height:140px;padding:10px}.day-column h3,.day-column p{margin:0}.day-column>p{color:#59665e;margin-bottom:10px;font-size:.9rem}.shift-card{background:#f6f7f4;border:1px solid #d8ded6;border-radius:8px;gap:8px;margin-top:8px;padding:10px;display:grid}.shift-card p{color:#35413a;margin-top:3px;font-size:.92rem}.shift-note{border-top:1px solid #d8ded6;padding-top:6px}.shift-actions{gap:10px;display:flex}.text-button{color:#17201b;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.text-button.danger{color:#8a271c}@media (width<=560px){.app-shell{place-items:start;padding:28px 18px}.button{justify-content:center;width:100%}.split-row{flex-direction:column;align-items:stretch}.form-grid,.schedule-toolbar{grid-template-columns:1fr}.schedule-toolbar h2,.schedule-toolbar p{text-align:left}}