@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#eef2f6;--bg-accent:#f6f8fb;--text:#182532;--muted:#5f7287;--line:#d4deea;--card:#fff;--soft-card:#f5f8fb;--deep:#243951;--deep-strong:#182a3e;--shadow:0 24px 64px #17273824;--alert:#c64747;--font-display:"Sora", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 18% 8%, #aed1ff6b, transparent 34%), radial-gradient(circle at 90% 14%, #b7e4ff57, transparent 32%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 42%, #ecf2f8 100%);line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}p{margin:0}code{border:1px solid var(--line);background:#f6f9fc;border-radius:8px;margin-inline:.2rem;padding:.12rem .42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86em}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--deep);background:#f8fcffe0;border:1px solid #24395126;border-radius:999px;align-items:center;gap:.55rem;padding:.42rem .84rem;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:#5e9ce6;border-radius:999px;width:.46rem;height:.46rem;box-shadow:0 0 16px #5e9ce666}.button{cursor:pointer;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;gap:.3rem;min-height:2.85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--deep) 0%, #315985 100%);color:#fff}.button.primary:hover{background:linear-gradient(135deg, var(--deep-strong) 0%, #2a4f77 100%)}.button.ghost{color:var(--deep);background:#ffffff73;border-color:#2439514d}.button.ghost:hover{border-color:#2439517a}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bench-login-page{background:#e5e7eb;justify-content:center;align-items:center;min-height:100vh;padding:16px 0;display:flex}.bench-login-shell{background:#f8fafc;border-radius:24px;width:94%;height:92vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000014,0 60px 120px #0000001f}.bench-login-hero{text-align:center;color:#0f2746;background:radial-gradient(circle at 0 0,#4f73961f,#0000 36%),linear-gradient(#fff 0%,#f7fafc 58%,#eef3f8 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 90px 100px;display:flex;position:relative}.bench-login-hero-top{flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex}.bench-login-hero-copy h1{color:#162b4d;margin:0;font-size:38px;font-weight:700;line-height:1.05}.bench-login-hero-art{justify-content:center;align-items:center;margin:18px 0 0;display:inline-flex;position:relative;transform:translate(10px)}.bench-login-hero-art:before{content:"";z-index:0;background:radial-gradient(circle,#4f73961f 0%,#0000 72%);border-radius:50%;width:420px;height:220px;position:absolute}.bench-login-hero-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 28px #4f73961a);width:min(100%,485px);height:auto;max-height:126px;position:relative}.bench-login-hero-foot{text-align:center;width:min(100%,560px);padding:0 24px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.bench-login-hero-foot p{color:#41566f;letter-spacing:-.01em;margin:0;font-size:22px;font-style:italic;font-weight:500;line-height:1.6}.bench-auth-panel{background:linear-gradient(#4f7396 0%,#2e567c 35%,#1f3a60 65%,#0d1b2a 100%);flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.bench-auth-card{background:#fff;border-radius:24px;width:min(100%,420px);padding:55px;animation:.42s forwards slide-up;box-shadow:0 15px 30px #0000000f,0 50px 90px #00000014}.bench-page-card-head{text-align:left;margin-bottom:24px}.bench-page-card-head h4{color:#111827;margin:0;font-size:24px;font-weight:700;line-height:1.18}.bench-page-card-head .heading-line{display:block}.bench-login-form{gap:12px;display:grid}.field-wrap{position:relative}.field-label{color:var(--deep);font-size:.86rem;font-weight:600}.field-input{color:#111827;width:100%;height:48px;font-size:15px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:#1f2937;outline:none;box-shadow:0 0 0 2px #1f29371a}.field-input::placeholder{color:#98a2b3}.mock-role-label{margin-top:4px}.bench-forgot{text-align:right;margin-top:4px}.bench-forgot a{color:#6b7280;font-size:14px;text-decoration:none}.bench-login-button{background:linear-gradient(90deg,#111827,#1f2937);border:none;border-radius:12px;width:100%;height:48px;margin-top:4px}.bench-powered-by{text-align:center;color:#98a2b3;margin-top:12px;font-size:14px}.bench-powered-by span{color:#475467;font-weight:600}.error-text{color:var(--alert);margin:2px 0 0;font-size:14px;font-weight:600}.desk-root{background:#f2f4f8;grid-template-rows:56px 1fr;min-height:100vh;display:grid}.desk-topbar{background:#fff;border-bottom:1px solid #dce2ea;grid-template-columns:220px 1fr 180px;align-items:center;gap:14px;padding:0 12px;display:grid}.desk-brand{align-items:center;max-width:145px;display:inline-flex}.desk-brand img{object-fit:contain;width:100%;max-height:30px}.desk-search-wrap{justify-content:center;display:flex}.desk-search{color:#4a5666;background:#f7f9fc;border:1px solid #dee4ec;border-radius:8px;width:min(420px,100%);height:30px;padding:0 12px;font-size:13px}.desk-search:focus{background:#fff;border-color:#b8c4d3;outline:none}.desk-actions{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.desk-icon-button{color:#5f6b7b;cursor:pointer;background:#fff;border:1px solid #dbe2eb;border-radius:999px;width:30px;height:30px}.desk-avatar{color:#688164;cursor:pointer;background:#e5ebe4;border:none;border-radius:999px;width:30px;height:30px;font-size:11px;font-weight:700}.desk-main{padding:30px 18px}.desk-home{justify-content:center;display:flex}.desk-app-grid{grid-template-columns:repeat(6,minmax(70px,1fr));align-items:start;gap:26px 18px;width:min(640px,100%);display:grid}.desk-app-tile{color:#39475b;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.tile-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-flex}.tile-icon.gray{background:#79808d}.tile-icon.blue{background:#4285e4}.tile-icon.green{background:#44b68e}.tile-name{text-align:center;font-size:13px;font-weight:600}.module-page{gap:18px;width:min(1100px,100%);margin:0 auto;display:grid}.module-header{background:#fff;border:1px solid #dbe2eb;border-radius:12px;gap:8px;padding:16px;display:grid}.module-header h2{color:#1c2b3d;font-size:28px}.module-header p{color:#546476;max-width:72ch}.module-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-card{background:#fff;border:1px solid #dbe2eb;border-radius:12px;padding:14px}.module-card h3{margin-bottom:8px;font-size:18px}.module-card p{color:#5f7184;font-size:14px}.employee-page{gap:16px}.employee-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;display:grid}.employee-form-card,.employee-coverage-card,.employee-history-card{padding:16px}.employee-form-card h3,.employee-coverage-card h3,.employee-history-card h3{margin-bottom:12px}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.employee-field{gap:6px;display:grid}.employee-field span{color:#334256;font-size:12px;font-weight:700}.employee-field-full{grid-column:1/-1}.employee-input{width:100%;min-height:40px;font:inherit;color:#16263a;background:#fff;border:1px solid #d2dce8;border-radius:10px;padding:8px 12px}.employee-input:focus{border-color:#315985;outline:none;box-shadow:0 0 0 2px #3159851f}.employee-textarea{resize:vertical;min-height:90px}.employee-attachments{gap:8px;margin-top:12px;display:grid}.employee-attachment-chip{background:#f8fbff;border:1px solid #d6e0eb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.employee-attachment-chip a{color:#2d4f74;word-break:break-all;font-size:13px;text-decoration:none}.employee-attachment-chip a:hover{text-decoration:underline}.employee-attachment-chip button{color:#33465f;cursor:pointer;background:#e7edf6;border:none;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:600}.employee-inline-warning{color:#b25513;margin-top:12px;font-size:13px;font-weight:600}.employee-actions{gap:8px;margin-top:14px;display:flex}.employee-notice{border-radius:10px;margin-top:8px;padding:8px 10px;font-size:13px;font-weight:600}.employee-notice.success{color:#205a40;background:#e8f5ee}.employee-notice.error{color:#8a2f38;background:#fceced}.employee-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.employee-metric{background:#f8fbff;border:1px solid #d7e2ee;border-radius:10px;gap:4px;padding:10px;display:grid}.employee-metric span{color:#56687d;font-size:12px}.employee-metric strong{color:#1e3047;font-size:16px}.employee-table-wrap{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:680px}.employee-table th,.employee-table td{text-align:left;vertical-align:top;border:1px solid #d7e1ed;padding:8px 10px;font-size:13px}.employee-table th{color:#30435a;background:#f4f8fd;font-weight:700}.employee-status{border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.employee-status.status-draft{color:#44566d;background:#edf2f7}.employee-status.status-submitted{color:#244b89;background:#eaf2ff}.employee-status.status-approved{color:#206043;background:#e8f5ee}.employee-status.status-rejected{color:#8b2f3a;background:#fdeced}.hr-page{gap:14px}.hr-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hr-card{padding:16px}.hr-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hr-card-head h3{margin:0}.hr-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.hr-mini-btn{min-height:30px;padding:0 10px;font-size:12px}.hr-review-panel{background:#f9fbff;border:1px solid #d6e0eb;border-radius:12px;gap:10px;margin-top:14px;padding:12px;display:grid}.hr-review-panel h4{color:#1f334b;margin:0;font-size:16px}.hr-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.hr-review-grid p,.hr-review-reason{color:#33495f;margin:0;font-size:13px}.maintenance-stage{place-items:center;min-height:100vh;padding:1.2rem;display:grid}.maintenance-shell{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#b9e2ff6b,#0000 32%),linear-gradient(#f6f9fc 0%,#eff5fa 100%);border-radius:1.3rem;gap:.9rem;padding:clamp(1.1rem,3.2vw,2rem);display:grid}.maintenance-shell h1{font-size:clamp(1.6rem,3.4vw,2.2rem)}.maintenance-shell p{color:var(--muted);max-width:54ch}.maintenance-actions,.not-found-actions{flex-wrap:wrap;gap:.65rem;display:flex}.not-found{place-content:center;gap:.85rem;min-height:100vh;padding:1.2rem;display:grid}.not-found p{color:var(--muted);max-width:48ch}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.bench-login-shell{flex-direction:column;width:min(94%,760px);height:auto}.bench-login-hero,.bench-auth-panel{width:100%}.bench-login-hero{padding:42px 28px 72px}.bench-login-hero-copy h1{font-size:clamp(28px,6.2vw,34px)}.bench-auth-card{width:min(100%,460px);padding:38px 30px}.desk-topbar{grid-template-columns:1fr;height:auto;padding:10px 12px}.desk-search-wrap{justify-content:stretch}.desk-search{width:100%}.desk-actions{justify-content:flex-start}.desk-app-grid{grid-template-columns:repeat(3,minmax(80px,1fr));gap:20px 10px}.module-cards,.employee-layout,.employee-form-grid,.employee-metrics,.hr-layout,.hr-filter-grid,.hr-review-grid{grid-template-columns:1fr}}@media (width<=640px){.bench-login-shell{border-radius:20px;width:calc(100% - 20px)}.bench-login-hero{padding:28px 20px 62px}.bench-login-hero-art:before{width:280px;height:160px}.bench-login-hero-art img{width:min(100%,300px);max-height:86px}.bench-login-hero-copy h1{font-size:25px}.bench-login-hero-foot{width:calc(100% - 24px);padding:0 12px;bottom:28px}.bench-login-hero-foot p{font-size:19px}.bench-auth-panel{padding:20px}.bench-auth-card{border-radius:20px;padding:28px 22px}}
