:root{--ink:#172023;--muted:#607079;--paper:#f7f9f8;--card:#fff;--line:#dce5e1;--accent:#16766e;--accent-dark:#105b55;--warm:#edb26d;--danger:#b65340}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.site-header{max-width:1200px;min-height:74px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:800;font-size:1.1rem;letter-spacing:.13em;text-decoration:none}.brand span,.eyebrow{color:var(--accent)}.app-header nav{display:flex;gap:22px;align-items:center}.app-header nav a,.back-link{color:var(--ink);font-weight:700;text-decoration:none}.app-header .logout{padding:9px 13px;border:1px solid var(--line);border-radius:7px}.eyebrow{margin:0 0 9px;font-size:.72rem;font-weight:800;letter-spacing:.14em}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:7px;padding:12px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-full{width:100%;margin-top:27px}.app-shell{max-width:1120px;margin:auto;padding:48px 28px 90px}.welcome-panel,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px}.welcome-panel{padding:44px;background:linear-gradient(120deg,#e4f0ed,#f9fbfa);border:1px solid var(--line);border-radius:16px}.welcome-panel p,.page-heading>div>p{margin-bottom:0;color:var(--muted);font-size:1.08rem}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.action-card{display:block;padding:29px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(20,40,37,.09)}.action-card h2{margin:18px 0 6px;font-size:1.75rem}.action-card p{color:var(--muted)}.action-card>span:last-child{color:var(--accent);font-weight:700}.action-icon{display:grid;width:38px;height:38px;place-items:center;background:#dff0ed;border-radius:9px;color:var(--accent);font-weight:800;font-size:1.4rem}.form-page{width:min(100%,760px);margin:auto;padding:32px 28px 80px}.form-card{margin-top:20px;padding:40px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(23,32,35,.05)}.form-card h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:10px}.auth-intro{color:var(--muted)}label{display:block;margin:21px 0 7px;font-weight:700;font-size:.93rem}input,select,textarea{display:block;width:100%;min-height:47px;border:1px solid #b7c6c1;border-radius:7px;padding:10px 12px;background:#fff;font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #b8ddd7;border-color:var(--accent)}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.alert,.success{margin:20px 0;padding:13px 14px;border-left:4px solid}.alert{border-color:var(--danger);background:#fff3ef;color:#6d2c20}.success{border-color:var(--accent);background:#eaf7f4;color:var(--accent-dark)}.success a{color:inherit;font-weight:700}.request-list{display:grid;gap:15px}.request-item,.empty-state{padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px}.request-top{display:flex;justify-content:space-between;gap:20px}.request-top h2{margin:0 0 5px;font-size:1.55rem}.request-top p{margin-bottom:0;color:var(--muted)}.request-ref,.request-meta{font-size:.78rem!important;font-weight:800;letter-spacing:.08em}.request-ref{color:var(--accent)!important}.status{align-self:flex-start;white-space:nowrap;padding:7px 10px;border-radius:99px;font-size:.8rem;font-weight:800}.status-pending_hod,.status-pending_hr,.status-pending_md{background:#fff0db;color:#9b5a12}.status-approved{background:#dcf3e9;color:#166347}.status-rejected{background:#ffebe7;color:#a33c2b}.status-returned{background:#e6effa;color:#315e99}.status-cancelled{background:#eceff0;color:#526166}.reason{margin:18px 0 10px}.request-meta{color:var(--muted);margin-bottom:0}.empty-state{text-align:center;padding:55px}.empty-state h2{font-size:2rem}.empty-state p{color:var(--muted);margin-bottom:22px}@media(max-width:700px){.site-header{padding:15px 18px;min-height:64px}.app-header nav{gap:12px;font-size:.88rem}.app-header nav a:not(.logout){display:none}.app-shell{padding:28px 18px 60px}.welcome-panel,.page-heading{align-items:flex-start;flex-direction:column}.welcome-panel{padding:28px}.action-grid{grid-template-columns:1fr}.form-page{padding:24px 18px 60px}.form-card{padding:26px 20px}.date-grid{grid-template-columns:1fr;gap:0}.request-top{flex-direction:column;gap:10px}.status{align-self:flex-start}}@media(min-width:701px) and (max-width:950px){.app-shell{padding:38px 32px}.welcome-panel{padding:34px}}