.wf-app{--purple:#7926e8;--wf-ink:#191b21;--wf-muted:#68777b;min-height:100vh;background:#fff;color:var(--wf-ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:100px;font-size:15px}.wf-app *{box-sizing:border-box}.wf-header{height:100px;border-bottom:1px solid #f0f0f3;padding:0 max(30px,calc((100% - 1120px) / 2));display:flex;align-items:center;justify-content:space-between;gap:20px}.wf-venue-menu{position:relative;min-width:0}.wf-venue-dropdown{position:absolute;top:calc(100% + 16px);left:0;z-index:100;width:250px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:8px;border:1px solid #eae5f0;border-radius:14px;background:#fff;box-shadow:0 12px 36px #23133124}.wf-venue-dropdown>a,.wf-venue-dropdown>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--wf-ink);text-align:left;text-decoration:none;font:inherit;font-size:14px}.wf-venue-dropdown>a:hover,.wf-venue-dropdown>button:hover{background:#f6f0ff;color:var(--purple)}.wf-venue-dropdown>:focus-visible,.wf-venue:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.wf-venue-dropdown>a[aria-disabled=true],.wf-venue-dropdown>button:disabled{opacity:.45;cursor:not-allowed}.wf-venue-menu-divider{height:1px;background:#eeeaf2;margin:6px 4px}.wf-venue-dropdown>.wf-venue-logout{color:#b83849}.wf-venue[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.wf-venue{background:transparent;display:flex;align-items:center;gap:13px;text-align:left;color:inherit}.wf-venue strong{display:block;font-size:20px;font-weight:650}.wf-venue small{display:block;letter-spacing:1.8px;font-size:8px;color:#8d969b;margin-top:5px}.wf-header-right{display:flex;gap:26px;align-items:center}.wf-handover-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#59696c}.wf-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#415e62;color:white;font-size:18px;flex-shrink:0}.wf-preview{background:#faf7ff;border-bottom:1px solid #f0e9fc;padding:9px 28px;justify-content:center;gap:24px}.wf-preview,.wf-preview label{color:#736b80;display:flex;align-items:center;font-size:10px}.wf-preview label{gap:8px}.wf-preview select{font-size:10px;padding:5px 8px;margin:0;max-width:180px;width:auto;min-height:28px}.wf-main{max-width:1180px;padding:38px 30px 0;margin:0 auto}.wf-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.wf-title h1{font-family:Arial,Helvetica,sans-serif;font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-1.1px;margin:10px 0}.wf-title p{font-size:12px;line-height:1.7;color:var(--wf-muted)}.wf-title p span{margin:0 6px}.wf-title .wf-kicker{font-size:9px;letter-spacing:2px;color:#9a8da9;font-weight:700}.wf-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:38px}.wf-quick{background:#f6f5f8;border-radius:15px;display:flex;align-items:center;gap:13px;padding:24px 17px;text-align:left;color:inherit;min-height:108px;transition:background .15s}.wf-quick:hover{background:#efebf7}.wf-quick>span{flex:1}.wf-quick strong{display:block;font-size:15px;font-weight:600;line-height:1.25}.wf-quick small{display:block;color:var(--purple);font-size:11px;margin-top:8px;line-height:1.5}.wf-quick-arrow{display:none}.wf-home-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:45px}.wf-section{margin-bottom:30px}.wf-section-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.wf-list-toolbar h2,.wf-section h2{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:650;letter-spacing:-.3px;margin:0}.wf-section-heading h2{display:flex;align-items:center;gap:10px}.wf-section-link{background:transparent;color:inherit;text-align:left;padding:0}.wf-section-link>svg{color:var(--purple)}.wf-pill{display:inline-block;border-radius:30px;background:#f2f2f5;color:#758083;padding:7px 11px;font-size:10px;white-space:nowrap;font-weight:400}.wf-pill.amber,.wf-pill.pending,.wf-pill.submitted{background:#fff4e7;color:#a66a27}.wf-pill.approved{background:#e9f4ee;color:#39725d}.wf-pill.cancelled,.wf-pill.rejected{background:#f9eeee;color:#a35a59}.wf-empty-shift{border-radius:15px;background:#f6f5f8;min-height:135px;display:flex;align-items:center;gap:18px;padding:27px;color:#5e7377}.wf-empty-shift strong{font-size:18px;color:#303439;font-weight:500}.wf-empty-shift p{font-size:12px;line-height:1.7;margin-top:9px}.wf-empty-compact{border-radius:14px;background:#f6f5f8;padding:35px;text-align:center;color:#6c7c80;font-size:13px}.wf-empty-compact button{display:flex;margin:17px auto 0;gap:6px;align-items:center;color:var(--purple);font-size:11px;background:transparent}.wf-count{display:inline-grid;place-items:center;background:#f4f3f6;border-radius:22px;font-size:12px;min-width:29px;height:29px;padding:0 9px;margin-left:5px}.wf-muted{font-size:11px;color:#829195;line-height:1.5}.wf-task-card{background:#f6f5f8;border-radius:15px;display:flex;align-items:center;width:100%;padding:25px 22px;text-align:left;gap:16px;margin-bottom:12px;color:inherit}.wf-task-card>div{flex:1}.wf-task-card strong{font-size:18px;letter-spacing:-.2px;font-weight:600}.wf-task-card p{font-size:12px;color:#6e8286;margin-top:6px}.wf-task-card>svg:last-child{color:#9b8ab1}.wf-handover-card{border:1px solid #e9e1f3;border-radius:15px;padding:24px;background:#fff;margin-top:25px}.wf-mic-badge{display:grid;place-items:center;width:38px;height:38px;background:#f3eafd;color:var(--purple);border-radius:11px;margin-bottom:17px}.wf-handover-card h3{font-size:15px;font-weight:550}.wf-handover-card p{font-size:12px;color:#839093;line-height:1.7;margin:9px 0 15px}.wf-handover-card a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--purple);margin-right:20px;padding:5px 0}.wf-button,.wf-danger,.wf-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:550;background:var(--purple);color:white;border:1px solid transparent}.wf-button:hover{background:#6620c6}.wf-secondary{background:white;color:#555764;border-color:#dedde5}.wf-danger{background:#b04444}.wf-icon-button{display:grid;place-items:center;width:40px;height:40px;background:transparent;color:#667279;border-radius:8px}.wf-icon-button:hover{background:#f5f2f8}.wf-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #eeeaf2;height:80px;display:flex;align-items:stretch;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.wf-bottom-nav button{max-width:170px;flex:1;background:transparent;color:#657a7e;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;position:relative}.wf-bottom-nav button.active{color:var(--purple)}.wf-bottom-nav button.active:before{content:"";position:absolute;top:0;height:3px;left:20%;right:20%;background:var(--purple);border-radius:0 0 3px 3px}.wf-bottom-nav .active svg{fill:#f4eaff}.wf-tabs{display:flex;gap:25px;border-bottom:1px solid #e9e7ed;margin-bottom:24px;overflow-x:auto}.wf-tabs button{background:transparent;color:#859195;padding:14px 0;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent}.wf-tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple)}.wf-tabs span{font-size:10px;background:#f3f1f6;border-radius:10px;padding:2px 6px;margin-left:4px}.wf-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 20px}.wf-list-toolbar select{width:auto;max-width:190px;margin:0;font-size:12px;border-color:#e3dfe9;color:#66747a;padding:9px 12px}.wf-shift-card{display:flex;align-items:flex-start;gap:19px;padding:22px 20px;border:1px solid #eeebf2;border-radius:14px;margin-bottom:12px;background:#fff}.wf-shift-date{border-radius:10px;min-width:52px;padding:9px 8px;background:#f5effe;text-align:center;color:#7644b4}.wf-shift-date strong{font-size:23px;font-weight:500;display:block}.wf-shift-date span{font-size:10px;text-transform:uppercase;display:block;margin-top:3px}.wf-shift-content{flex:1;min-width:0}.wf-record-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.wf-shift-content strong{font-size:14px;font-weight:600}.wf-shift-content p{font-size:12px;color:#62757a;line-height:1.7;margin-top:7px}.wf-shift-content small{font-size:11px;color:#89989a;display:block;margin-top:6px}.wf-shift-content span:not(.wf-pill){margin:0 4px}.wf-shift-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px}.wf-shift-actions button,.wf-text-button{color:var(--purple);background:transparent;font-size:11px;min-height:30px;padding:0}.wf-shift-card.cancelled{opacity:.65}.wf-empty{background:#f8f7fa;padding:55px 25px;text-align:center;border-radius:15px;color:#a08db2;margin:20px 0}.wf-empty>svg{margin:0 auto 17px}.wf-empty h3{font-size:17px;font-weight:500;color:#4c4658}.wf-empty p{font-size:13px;line-height:1.7;color:#859095;max-width:370px;margin:11px auto 0}.wf-record{padding:24px;background:#faf9fc;border:1px solid #f0edf4;border-radius:15px;margin:15px 0}.wf-person{display:flex;align-items:center;gap:10px;font-size:13px}.wf-person strong{font-weight:550}.wf-small-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8eded;color:#587176;font-size:10px}.wf-record h3{font-size:16px;font-weight:550;margin:19px 0 7px}.wf-record p{font-size:13px;color:#667a7e;line-height:1.65}.wf-record .wf-record-note,.wf-record-note{white-space:pre-wrap;font-size:12px;margin-top:13px;color:#718286}.wf-decision-note{border-left:2px solid #c9a5ee;padding-left:12px;margin:13px 0}.wf-record-actions{display:flex;gap:10px;margin-top:20px}.wf-sheet-body{display:flex;justify-content:space-between;gap:20px;align-items:center}.wf-hours{text-align:right;display:flex;flex-direction:column;gap:5px}.wf-hours strong{font-size:28px;font-weight:500;color:#754da7}.wf-hours span{font-size:10px;color:#859397}.wf-data-note,.wf-footnote{font-size:10px;color:#9b9da7;line-height:1.6;margin:30px 0 15px}.wf-data-note{text-align:center}.wf-venue-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#f7f6f9;border-radius:15px;padding:25px;margin-bottom:38px}.wf-venue-details>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#697d81;line-height:1.6}.wf-staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wf-staff-card{border:1px solid #ece9f1;border-radius:13px;padding:22px;display:flex;gap:15px;align-items:flex-start}.wf-staff-card>div{flex:1;min-width:0}.wf-staff-card h3{font-size:14px;font-weight:550}.wf-staff-card p{font-size:12px;color:#76898c;margin-top:7px;overflow-wrap:anywhere}.wf-staff-card small{font-size:10px;color:#a08fb2;display:block;margin-top:10px}.wf-signout{margin-top:30px}.wf-error,.wf-notice{border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.6;margin-bottom:20px}.wf-notice{background:#edf7f0;color:#487360;display:flex;align-items:center;justify-content:space-between;gap:15px}.wf-notice button{background:transparent;color:inherit}.wf-error{background:#fff0ed;color:#a4473c}.wf-modal{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:555px;max-height:90dvh;overflow-y:auto;background:white;border:0;border-radius:20px;padding:28px;color:#26222c;font-family:Arial,Helvetica,sans-serif}.wf-modal::backdrop{background:#24202f75;backdrop-filter:blur(3px)}.wf-modal:not([open]){display:none}.wf-modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.wf-modal h2{font-size:24px;font-weight:600;letter-spacing:-.5px}.wf-modal fieldset{border:0;margin:0;padding:0;min-width:0}.wf-modal label{display:block;color:#5d566a;font-size:12px;font-weight:500;margin:15px 0}.wf-modal input:not([type=checkbox]),.wf-modal select,.wf-modal textarea{display:block;width:100%;padding:11px 12px;min-height:44px;background:white;border:1px solid #dfd9e6;border-radius:8px;color:#37303e;margin-top:8px;font-size:14px;line-height:1.5}.wf-modal textarea{resize:vertical}.wf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wf-form-row>label{min-width:0}.wf-modal input[type=datetime-local]{font-size:12px;min-width:0}.wf-form-hint{font-size:11px;line-height:1.7;color:#8b8096;margin:14px 0}.wf-form-footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px}.wf-hours-preview{display:flex;align-items:center;gap:8px;background:#f7f1ff;color:#8052ad;padding:12px;border-radius:8px;font-size:12px}.wf-modal .wf-checkbox{display:flex;align-items:center;gap:9px;line-height:1.5}.wf-checkbox input{accent-color:#7926e8;width:17px;height:17px}.wf-cancel-shift{border-top:1px solid #eee8f3;margin-top:25px;padding-top:17px;font-size:12px;line-height:1.7}.wf-cancel-shift .wf-danger{margin:12px 15px 0 0}.wf-review-summary{background:#f7f4fb;border-radius:10px;padding:18px;font-size:15px}.wf-review-summary p{color:#847391;font-size:12px;line-height:1.7;margin-top:8px}.wf-app a:focus-visible,.wf-app button:focus-visible,.wf-app input:focus-visible,.wf-app select:focus-visible,.wf-modal button:focus-visible,.wf-modal input:focus-visible,.wf-modal select:focus-visible,.wf-modal textarea:focus-visible{outline:3px solid #c9a4f8;outline-offset:3px}@media (max-width:900px){.wf-quick-grid{grid-template-columns:repeat(2,1fr)}.wf-home-columns{gap:25px}.wf-preview{justify-content:space-between}.wf-title h1{font-size:30px}}@media (max-width:650px){.wf-app{padding-bottom:85px}.wf-header{height:91px;padding:0 21px;border-bottom:0}.wf-venue{gap:9px}.wf-venue strong{font-size:19px}.wf-venue small{font-size:7px;letter-spacing:1.2px}.wf-header-right{gap:12px}.wf-handover-link span{display:none}.wf-handover-link{padding:9px;background:#f5f1fa;border-radius:50%;color:#8655bd}.wf-avatar{width:38px;height:38px;font-size:16px}.wf-preview{padding:9px 20px;align-items:flex-start;gap:7px;flex-direction:column}.wf-preview,.wf-preview label{font-size:9px}.wf-preview select{font-size:9px;padding:4px 7px;min-height:25px}.wf-main{padding:22px 20px 0}.wf-title{margin-bottom:24px;align-items:flex-start;gap:15px;flex-direction:column}.wf-title h1{font-size:27px;letter-spacing:-.8px}.wf-title .wf-kicker{font-size:8px}.wf-title p{font-size:11px}.wf-quick-grid{gap:10px;margin-bottom:29px}.wf-quick{padding:20px 14px;gap:10px;border-radius:14px;min-height:94px}.wf-quick>svg{width:24px;height:24px}.wf-quick strong{font-size:14px;line-height:1.35}.wf-quick small{font-size:11px;margin-top:6px}.wf-home-columns{display:block}.wf-section{margin-bottom:28px}.wf-list-toolbar h2,.wf-section h2{font-size:19px}.wf-section-heading{margin-bottom:16px}.wf-section-heading .wf-muted{font-size:10px}.wf-pill{font-size:9px;padding:6px 8px}.wf-empty-shift{padding:23px 19px;min-height:107px}.wf-empty-shift strong{font-size:17px}.wf-empty-shift p{font-size:11px}.wf-empty-shift>svg{display:none}.wf-empty-compact{padding:28px 20px}.wf-todo{border-top:7px solid #f7f6f9;padding-top:27px;margin-top:30px}.wf-task-card{padding:23px 19px}.wf-task-card strong{font-size:18px}.wf-task-card p{font-size:12px}.wf-bottom-nav{height:76px}.wf-bottom-nav button{flex-direction:column;gap:5px;font-size:10px}.wf-bottom-nav button.active:before{display:none}.wf-bottom-nav svg{width:25px;height:25px}.wf-list-toolbar{align-items:center}.wf-list-toolbar h2{font-size:17px}.wf-list-toolbar select{font-size:11px;max-width:135px}.wf-button,.wf-secondary{font-size:11px;padding:11px 13px}.wf-shift-card{padding:18px 15px;gap:12px}.wf-shift-date{min-width:43px;padding:8px 6px}.wf-shift-date strong{font-size:20px}.wf-shift-content p{font-size:11px}.wf-shift-content small{font-size:10px}.wf-tabs{gap:22px}.wf-tabs button{font-size:11px}.wf-record{padding:18px}.wf-person{font-size:12px}.wf-hours strong{font-size:24px}.wf-venue-details{padding:22px;gap:21px;margin-bottom:28px}.wf-staff-grid,.wf-venue-details{grid-template-columns:1fr}.wf-staff-card{padding:18px}.wf-modal{padding:22px;max-height:92dvh}.wf-modal h2{font-size:22px}.wf-form-row{grid-template-columns:1fr;gap:0}.wf-form-row>label{margin:10px 0}.wf-modal input[type=datetime-local]{font-size:14px}}.dev-venue-form{margin:24px 0;padding:24px;background:white;border:1px solid #e1e5e4;border-radius:20px;max-width:680px}.dev-venue-form fieldset{border:0;padding:0;margin:0;min-width:0}.dev-venue-form label{display:grid;gap:8px;margin:16px 0;font-weight:600}.dev-venue-form input{width:100%;min-width:0;padding:12px;border:1px solid #bac7c4;border-radius:10px;font:inherit}.dev-venue-form p{margin:12px 0;line-height:1.5}.dev-venue-form [role=alert]{color:#a52222}.dev-venue-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:18px}.dev-delete{color:#a52222;border:1px solid #e6c7c7;border-radius:10px;padding:9px 12px;cursor:pointer}.wf-permissions{margin:0 0 24px;padding:20px;border:1px solid #e7e4ec;border-radius:16px;background:#faf9fc}.wf-permissions summary{cursor:pointer;font-weight:650}.wf-permissions p{max-width:78ch;line-height:1.6;margin:16px 0;color:#5b5866}.wf-permissions-table{overflow-x:auto}.wf-permissions table{width:100%;min-width:420px;border-collapse:collapse;font-size:14px}.wf-permissions td,.wf-permissions th{padding:10px 12px;border-bottom:1px solid #e7e4ec;text-align:center}.wf-permissions td:first-child,.wf-permissions th:first-child{text-align:left;width:60%}.wf-access-role{display:grid;gap:6px;font-size:13px;margin-top:12px}.wf-access-role select{max-width:100%;min-height:40px;border:1px solid #d8d4e0;border-radius:8px;background:white;padding:8px}