:root{--brand-yellow:#ffdf00;--brand-black:#171717;--ink:#252720;--muted:#6b7063;--line:#e4e7de;--surface:#f3f5ee}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.portal-shell{max-width:760px;margin:auto;padding:0 24px 30px}.portal-header{display:flex;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid #d6dccd;font-weight:650;font-size:18px}.studio-number{font:700 28px/1 Arial,sans-serif;letter-spacing:-2px;background:var(--brand-black);color:var(--brand-yellow);padding:12px 9px;border-radius:8px}.portal-header small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:6px;color:var(--muted)}.portal-header form{margin-left:auto}.text-button{background:none;border:0;font:500 13px/1.5 inherit;cursor:pointer;color:var(--muted);padding:10px}.portal-greeting{padding:35px 0 20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(30px,6vw,43px);letter-spacing:-1.7px;line-height:1.12;margin:12px 0 14px}h2{font-size:19px;letter-spacing:-.5px;margin:12px 0}h3{font-size:17px;letter-spacing:-.3px;margin:0 0 7px}p{font-size:14px;line-height:1.65;color:var(--muted)}.portal-card{padding:27px 29px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:18px 0;box-shadow:0 4px 14px #31392504}.clock-card{background:var(--brand-black);color:#fff;border-color:var(--brand-black)}.clock-card p{color:#b5b9ae}.clock-status{display:flex;align-items:center;gap:9px;font-size:12px;color:#d4d8cd}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8a9180}.status-dot.active{background:var(--brand-yellow)}.portal-clock-form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.portal-clock-form label{font-size:12px;display:flex;flex-direction:column;gap:7px;color:#d2d7c9}.portal-clock-form select{width:100%;font:14px/1.5 Inter,Arial,sans-serif;padding:11px;border:1px solid #5a6052;border-radius:8px;background:#2d3029;color:#fff;min-height:44px}.clock-actions{display:flex;gap:10px}.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--brand-yellow);border-radius:9px;background:var(--brand-yellow);color:var(--brand-black);padding:12px 22px;font:650 13px/1.4 Inter,Arial,sans-serif;cursor:pointer;flex:1;text-decoration:none}.portal-button:hover{background:#edcf00}.portal-button.secondary{background:#fff;border-color:#cdd3c5;color:var(--ink)}.clock-card .portal-button.secondary{background:#2d3029;color:#fff;border-color:#646b58}.portal-button.small{min-height:40px;padding:9px 13px;font-size:12px}.portal-button:disabled{opacity:.5;cursor:not-allowed}.portal-button:focus-visible,.text-button:focus-visible,select:focus-visible{outline:3px solid #8e7c00;outline-offset:4px}.clock-card .portal-button:focus-visible{outline-color:#fff}.portal-note{font-size:12px}.portal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-section-heading span{font-size:11px;color:var(--muted)}.portal-shift{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.shift-date{font-size:12px;font-weight:650;width:100px}.shift-details{flex:1;min-width:145px}.shift-details p{margin:0}.shift-details small{font-size:11px;color:var(--muted)}.acknowledged{font-size:11px;color:#2d6042}.portal-empty{text-align:center;padding:24px 8px}.portal-empty h3{font-size:16px}.clock-event{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-top:1px solid var(--line)}.clock-event time{color:var(--muted);font-size:11px}.portal-footer{text-align:center;font-size:11px;color:var(--muted);line-height:1.8;padding:20px 0}.portal-error,.portal-success{padding:15px 18px;border-radius:9px;background:#ffeae6;color:#8d251b;font-size:13px;line-height:1.6}.portal-success{background:#e3f2e8;color:#275c3c}.welcome{margin-top:45px;padding:40px}.welcome .portal-button{width:100%;margin-top:14px}@media(max-width:520px){.portal-shell{padding:0 16px 20px}.portal-card{padding:22px 20px}.portal-header{padding:20px 0}.portal-greeting{padding:25px 0 8px}.portal-shift{gap:12px}.shift-date,.portal-shift form,.portal-shift .portal-button{width:100%}.clock-event{flex-direction:column;gap:5px}.welcome{padding:25px}.portal-section-heading{align-items:flex-start}}.portal-account-nav{margin-left:auto;display:flex;align-items:center;gap:2px}.portal-account-nav .text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;font:500 13px/1.5 Inter,Arial,sans-serif;text-decoration:none;white-space:nowrap}.portal-account-nav a:hover{text-decoration:underline}@media(max-width:380px){.portal-header{gap:9px}.portal-account-nav{flex-direction:column;gap:0}.portal-account-nav .text-button{padding:4px 8px}}