:root{font-family:"Segoe UI",Arial,sans-serif;color:#17202a;background:#eef3f7}body{margin:0}main{max-width:620px;margin:24px auto;padding:24px;background:white;border-radius:18px;box-shadow:0 8px 30px #0002}h1,h2{text-align:center}.display main{max-width:820px;text-align:center}.display #qr{width:min(58vh,560px);height:min(58vh,560px);object-fit:contain}.display #clock{font-size:46px;font-weight:700;margin:12px}label{display:block;margin:14px 0;font-weight:600}input,select,textarea{box-sizing:border-box;width:100%;padding:12px;margin-top:6px;font:inherit;border:1px solid #aab7c4;border-radius:9px}textarea{min-height:90px}button{width:100%;padding:14px;margin:7px 0;border:0;border-radius:10px;background:#1769aa;color:white;font-size:18px;font-weight:700}button:hover{background:#0f558d}button:disabled{background:#8eaabd;cursor:wait}details{margin-top:22px;padding:14px;border:1px solid #d6dde4;border-radius:10px}.required-request{margin:18px 0;padding:16px;border:2px solid #d64040;border-radius:12px;background:#fff0f0;color:#8b1a1a}.required-request strong{display:block;font-size:19px}.required-request p{margin:8px 0 12px}.required-request.resolved{border-color:#5d9b69;background:#edf8ef;color:#176d2a}.required-request.resolved button{display:none}.required-request button{background:#b72727}.required-request button:hover{background:#901d1d}.request-list{display:grid;gap:12px}.request-history{margin-top:18px}.request-history>summary{cursor:pointer;font-size:20px;font-weight:700}.request-history>.request-list{margin-top:14px}.request-card{margin:0;padding:0;overflow:hidden;background:#fff;border-color:#cbd6df;box-shadow:0 2px 8px #1b365208}.request-card summary{position:relative;padding:15px 42px 15px 15px;cursor:pointer;list-style:none}.request-card summary::-webkit-details-marker{display:none}.request-card summary::after{content:"›";position:absolute;right:17px;top:50%;font-size:28px;line-height:1;transform:translateY(-50%);transition:transform .15s ease}.request-card[open] summary::after{transform:translateY(-50%) rotate(90deg)}.request-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.request-card-heading strong{font-size:18px}.request-card-period{display:block;margin-top:7px;color:#536270}.request-status{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#e9eef2;color:#43515c;font-size:13px;font-weight:700}.request-status-submitted{background:#fff2cc;color:#7a5700}.request-status-approved{background:#dff3e4;color:#176d2a}.request-status-rejected{background:#fbe2e2;color:#9b2020}.request-status-accounted{background:#e0edf8;color:#175d93}.request-card-body{padding:14px 15px 16px;border-top:1px solid #e2e8ed;background:#f8fafb}.request-detail-row{display:grid;grid-template-columns:minmax(95px,140px) 1fr;gap:10px;padding:6px 0}.request-detail-label{color:#657480;font-weight:600}.request-document-button{margin-top:14px;font-size:15px}.empty-state{color:#657480}.secondary-button{margin-top:24px;background:#5f6f7d}.secondary-button:hover{background:#485661}.bad{color:#a61b1b;font-weight:700}.ok{color:#176d2a;font-weight:700}.toast{position:fixed;z-index:1000;top:max(12px,env(safe-area-inset-top));left:50%;width:min(560px,calc(100% - 32px));box-sizing:border-box;transform:translateX(-50%);padding:15px 18px;border-radius:12px;color:#fff;font-weight:700;box-shadow:0 8px 28px #0005}.toast-bad{background:#b3261e}.toast-ok{background:#18733c}@media(max-width:520px){main{margin:0 auto;border-radius:0}.request-card-heading{display:grid}.request-status{justify-self:start}.request-detail-row{grid-template-columns:1fr;gap:2px}}

.request-choice-help{font-size:18px;line-height:1.45;padding:14px 16px;margin:12px 0 18px;border-radius:12px;background:#eef6fc;color:#17324d}.request-choice-help strong{display:inline;font-size:18px}

#earlyLeaveNotice{border-color:#7db8e6;background:#eaf5ff;color:#174e78}#earlyLeaveNotice button{background:#1769aa}#earlyLeaveNotice button:hover{background:#0f558d}