.attendance-page .attendance-current{color:var(--blue)}.attendance-hero{overflow:hidden;background:#f7f5ef}.attendance-hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:650px}.attendance-hero-copy{position:relative;z-index:2;padding:65px 0}.attendance-hero h1{font-size:clamp(49px,4.65vw,68px);max-width:680px;margin:24px 0 21px}.attendance-hero-copy>p{max-width:540px;color:#607078;font-size:16px;line-height:1.76;margin-bottom:30px}.attendance-hero-art{height:550px;position:relative;display:grid;place-items:center}.attendance-orbit{position:absolute;width:690px;height:520px;border-radius:50%;background:radial-gradient(circle,#e1ebe0 0,#eaf0e8 45%,transparent 74%)}.attendance-orbit:before,.attendance-orbit:after{content:"";position:absolute;inset:36px;border:1px solid #bbd3c6;border-radius:50%;transform:rotate(-17deg)}.attendance-orbit:after{inset:90px}.calendar-sheet{position:relative;z-index:2;width:550px;padding:0 24px 24px;background:white;border:1px solid #dfe7e4;border-radius:11px;box-shadow:0 33px 60px #375d5325;transform:rotate(-4deg)}.calendar-top{display:flex;justify-content:space-between;align-items:center;height:51px;border-bottom:1px solid #e8eeee;color:#9ba9ab;font-size:8px;letter-spacing:.1em;font-weight:800}.calendar-top span:first-child{color:var(--ink);font:800 13px var(--font-head);letter-spacing:-.04em}.calendar-title{display:flex;justify-content:space-between;align-items:end;padding:27px 0 22px}.calendar-title small{display:block;color:#9baaad;letter-spacing:.13em;font-size:8px;font-weight:800}.calendar-title strong{display:block;font:800 19px var(--font-head);letter-spacing:-.05em;margin-top:4px}.calendar-title>span{color:var(--blue);font-size:9px;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;text-align:center}.calendar-grid>span{color:#a1acb0;font-size:8px;font-weight:800;margin-bottom:3px}.calendar-grid>b{background:#e7f2e8;border-radius:7px;min-height:82px;padding:19px 3px;color:#528369;font-size:10px}.calendar-grid>b small{display:block;font-size:7px;color:#87a595;margin-top:6px}.calendar-grid .calendar-off{background:#f2f4f1;color:#a6b1a8}.calendar-people{display:flex;align-items:center;gap:9px;margin-top:18px;padding:13px;border:1px solid #e8eeee;border-radius:7px}.people-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#deece4;color:#638d72;font-size:9px;font-weight:800}.calendar-people strong{display:block;font-size:10px}.calendar-people small{display:block;font-size:8px;color:#98a8a9;margin-top:2px}.calendar-people>span:last-child{margin-left:auto;font-size:8px;color:var(--blue);font-weight:800}.request-float{position:absolute;z-index:3;bottom:49px;left:-15px;width:295px;display:flex;align-items:center;gap:9px;padding:12px;background:white;border:1px solid #e7eeea;border-radius:8px;box-shadow:0 17px 35px #355d5426;transform:rotate(6deg)}.request-float-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#e8eeff;color:var(--blue);border-radius:6px}.request-float small{display:block;color:#9aa8ab;font-size:7px;letter-spacing:.1em;font-weight:800}.request-float strong{display:block;font-size:10px;margin-top:4px}.request-float div>span{display:block;color:#96a4a8;font-size:8px;margin-top:3px}.request-float b{margin-left:auto;background:#fff4de;color:#ac8950;font-size:7px;padding:5px;border-radius:4px}.station-float{position:absolute;z-index:3;right:1px;top:55px;display:flex;align-items:center;gap:9px;padding:12px 15px;background:white;border:1px solid #e7eeea;border-radius:8px;box-shadow:0 14px 28px #355d5424;transform:rotate(6deg)}.station-float span{color:#70ab77;font-size:25px}.station-float strong{font-size:10px;line-height:1.35}.attendance-hero-caption{position:absolute;right:36px;bottom:20px;color:#8b9c9d;font-size:8px;letter-spacing:.16em;font-weight:800}.attendance-hero-bottom{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #dce1df;color:#809399;font-size:9px;letter-spacing:.18em;font-weight:800}.plan-section{background:#fffefa}.plan-grid{display:grid;grid-template-columns:1fr 44%;gap:75px;align-items:center}.plan-notes{border-top:1px solid #e2e7e3}.plan-notes article{display:grid;grid-template-columns:175px 1fr;gap:7px 18px;padding:22px 0;border-bottom:1px solid #e2e7e3}.plan-notes article>span{grid-row:span 2;color:var(--blue);font-size:9px;letter-spacing:.12em;font-weight:800;padding-top:4px}.plan-notes h3{font-size:17px;letter-spacing:-.04em;margin:0}.plan-notes p{font-size:12px;line-height:1.65;color:#687a7f;margin:0}.shift-form{max-width:435px;width:100%;justify-self:center;padding:24px;background:#f9fcfa;border:1px solid #e5ece8;border-radius:11px;box-shadow:0 20px 35px #38584b1a;transform:rotate(2deg)}.shift-form-top{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e4eae6;color:#95a6a5;font-size:8px;letter-spacing:.13em;font-weight:800}.shift-form h3{font-size:18px;letter-spacing:-.04em;margin:22px 0 5px}.shift-form>p{font-size:10px;color:#92a1a3;margin-bottom:22px}.form-field{margin-bottom:10px}.form-field small{display:block;color:#9dacaa;font-size:7px;letter-spacing:.12em;font-weight:800;margin-bottom:6px}.form-field strong{display:flex;justify-content:space-between;background:white;border:1px solid #e4eae8;border-radius:5px;padding:10px;font-size:10px;font-weight:600}.form-field strong span{color:#9ba7a9}.form-double{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-button{background:var(--blue);color:white;padding:11px;text-align:center;border-radius:5px;font-size:9px;font-weight:800;margin-top:10px}.review-section{background:var(--navy);color:white}.review-grid{display:grid;grid-template-columns:43% 1fr;gap:85px;align-items:center}.review-copy h2{font-size:clamp(43px,4.1vw,58px);line-height:1.17;letter-spacing:-.07em;margin:17px 0 20px}.review-copy h2 em{color:var(--lime)}.review-copy>p{font-size:14px;line-height:1.8;color:#b6c9d0}.review-copy .review-caveat{border-left:2px solid var(--lime);padding-left:14px;font-size:11px;color:#d2dfdf;margin:17px 0 25px}.approval-board{padding:24px;background:#fff;color:var(--ink);border-radius:10px;box-shadow:0 25px 48px #07192340;transform:rotate(-2deg)}.approval-board-top{display:flex;justify-content:space-between;border-bottom:1px solid #e9edee;padding-bottom:15px;color:#97a5aa;font-size:8px;letter-spacing:.08em;font-weight:800}.approval-board-title{display:flex;justify-content:space-between;align-items:end;padding:21px 0 12px}.approval-board-title strong{font:800 18px var(--font-head);letter-spacing:-.05em}.approval-board-title small{color:#9ba8ae;font-size:8px}.approval-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf0f0}.approval-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e0efe3;color:#629272;font-size:9px;font-weight:800}.avatar-blue{background:#e3e9f6;color:#637eac}.avatar-tan{background:#f3e9de;color:#ae876b}.approval-row strong{display:block;font-size:10px}.approval-row small{display:block;color:#9ba9af;font-size:8px;margin-top:3px}.approval-row b{margin-left:auto;padding:6px 8px;border-radius:5px;font-size:8px}.status-pending{background:#fff3dd;color:#ab8850}.status-approved{background:#e6f4e8;color:#66a074}.status-rejected{background:#fbe9e6;color:#c68279}.approval-board-actions{display:flex;justify-content:space-between;align-items:center;padding-top:19px;font-size:9px;color:#8c9ca3}.approval-board-actions strong{color:var(--blue)}.attendance-roles{background:#f7f5ef}.attendance-role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.attendance-role-cards article{min-height:225px;background:white;border:1px solid #e3e9e5;border-radius:10px;padding:28px}.attendance-role-cards article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e8f3e8;color:#6a9f75;font-size:20px;margin-bottom:27px}.attendance-role-cards article:nth-child(2)>span{background:#e9efff;color:var(--blue)}.attendance-role-cards article:nth-child(3)>span{background:#f4eddf;color:#ac8959}.attendance-role-cards h3{font-size:19px;letter-spacing:-.05em;margin-bottom:8px}.attendance-role-cards p{font-size:12px;color:#6c7b80;line-height:1.65}.attendance-related{padding:70px 0;background:#e6f0e8}.attendance-related-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.attendance-related-links a{display:grid;grid-template-columns:1fr 24px;gap:7px;padding:24px 27px;background:white;border-radius:9px;transition:transform .2s}.attendance-related-links a:hover{transform:translateY(-4px)}.attendance-related-links a span{grid-column:span 2;color:#8b9da0;font-size:8px;letter-spacing:.15em;font-weight:800}.attendance-related-links a strong{font:800 18px var(--font-head);letter-spacing:-.04em}.attendance-related-links a b{font-size:19px;color:var(--blue);font-weight:400}
@media(max-width:1100px){.attendance-hero-grid{grid-template-columns:48% 52%}.attendance-hero-art{transform:scale(.8);transform-origin:center}.plan-grid,.review-grid{gap:40px}.plan-notes article{grid-template-columns:130px 1fr}}
@media(max-width:800px){.attendance-hero-grid{display:block;min-height:0}.attendance-hero-copy{padding:65px 0 0}.attendance-hero-art{height:430px;transform:scale(.75);margin:0 -12%}.attendance-hero-bottom{display:none}.plan-grid,.review-grid{grid-template-columns:1fr;gap:45px}.shift-form{justify-self:start}.attendance-role-cards{grid-template-columns:repeat(2,1fr)}.attendance-role-cards article:last-child{grid-column:span 2}.attendance-role-cards article{min-height:190px}}
@media(max-width:580px){.attendance-hero-copy{padding-top:48px}.attendance-hero h1{font-size:clamp(42px,10vw,58px)}.attendance-hero-copy>p{font-size:15px}.attendance-hero-art{width:680px;height:305px;margin-left:calc(50% - 340px);transform:scale(.53);transform-origin:center}.attendance-hero-caption{bottom:3px}.plan-notes article{grid-template-columns:1fr;gap:8px}.plan-notes article>span{grid-row:auto}.shift-form{transform:none}.review-copy h2{font-size:42px}.approval-board{transform:none;padding:20px}.attendance-role-cards,.attendance-related-links{grid-template-columns:1fr}.attendance-role-cards article:last-child{grid-column:auto}.attendance-role-cards article{min-height:0}.attendance-related{padding:55px 0}}
@media(prefers-reduced-motion:reduce){.attendance-related-links a{transition:none}}