.employee-portal-view,.hr-management-view{padding:0!important;background:var(--ds-surface);min-height:calc(100vh - 68px)}.employee-shell{max-width:1500px;margin:0 auto;padding:24px}.employee-tabs{position:sticky;top:68px;z-index:30;display:flex;gap:4px;overflow-x:auto;margin:-24px -24px 24px;padding:12px 24px;border-bottom:1px solid var(--ds-line);background:rgb(var(--ds-rgb-white) / .96);backdrop-filter:blur(14px)}.employee-tabs button{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--ds-text-muted);font:800 11px "DM Sans";white-space:nowrap;cursor:pointer}.employee-tabs button:hover,.employee-tabs button.active{background:var(--ds-primary-soft);color:var(--ds-primary)}.employee-tabs button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--ds-danger);color:var(--ds-white);font-size:10px}.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:14px;background:linear-gradient(125deg,var(--ds-ink-strong),var(--ds-primary));color:var(--ds-white);box-shadow:0 18px 45px rgb(var(--ds-rgb-ink-strong) / .2)}.employee-hero h1,.employee-page-head h1{margin:3px 0 6px;font:800 28px Manrope}.employee-hero p{margin:0;color:var(--ds-primary-soft)}.employee-hero .eyebrow{color:var(--ds-sky-strong)}.employee-remaining{display:grid;min-width:180px;padding:18px 20px;border:1px solid rgb(var(--ds-rgb-white) / .2);border-radius:12px;background:rgb(var(--ds-rgb-white) / .09)}.employee-remaining span{font-size:11px;font-weight:800;text-transform:uppercase}.employee-remaining strong{font:800 38px Manrope}.employee-remaining small{color:var(--ds-primary-soft)}.leave-balance-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:18px 0}.leave-balance-grid article{display:grid;padding:18px;border:1px solid var(--ds-line);border-radius:11px;background:var(--ds-white);box-shadow:0 7px 20px rgb(var(--ds-rgb-ink) / .05)}.leave-balance-grid span{color:var(--ds-text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.leave-balance-grid strong{margin:4px 0;font:800 26px Manrope;color:var(--ds-ink)}.leave-balance-grid small{color:var(--ds-text-subtle);font-size:10px}.leave-balance-grid .is-remaining{border-color:var(--ds-sky-strong);background:var(--ds-primary-soft)}.leave-balance-grid .is-remaining strong{color:var(--ds-primary)}.employee-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.employee-panel{padding:21px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-white);box-shadow:0 8px 24px rgb(var(--ds-rgb-ink) / .06)}.employee-panel-head,.employee-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.employee-panel-head{margin-bottom:18px}.employee-panel h2,.employee-panel-head h2{margin:2px 0;font:800 18px Manrope;color:var(--ds-ink)}.employee-panel-head p,.employee-page-head p{margin:3px 0 0;color:var(--ds-text-muted);font-size:12px}.employee-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--ds-surface-alt)}.employee-details div{padding:14px;background:var(--ds-white)}.employee-details dt{color:var(--ds-text-subtle);font-size:10px;font-weight:800;text-transform:uppercase}.employee-details dd{margin:4px 0 0;color:var(--ds-ink);font-size:12px;font-weight:700}.employee-action-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employee-action-summary button{display:grid;padding:18px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);text-align:left;cursor:pointer}.employee-action-summary strong{font:800 27px Manrope;color:var(--ds-primary)}.employee-action-summary span{color:var(--ds-text-muted);font-size:11px}.employee-page-head{margin-bottom:20px}.employee-page-head>span{padding:9px 12px;border-radius:99px;background:var(--ds-warning-soft);color:var(--ds-warning-strong);font-size:11px;font-weight:800}.employee-form{display:grid;gap:13px}.employee-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employee-form label,.hr-document-form label,.hr-employee-dialog label{display:grid;gap:6px;color:var(--ds-text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.employee-form input,.employee-form select,.employee-form textarea,.hr-document-form input,.hr-document-form select,.hr-employee-dialog input{width:100%;border:1px solid var(--ds-line-strong);border-radius:8px;background:var(--ds-white);padding:10px;color:var(--ds-ink);font:600 12px "DM Sans";text-transform:none}.employee-closure-list{display:grid;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ds-line)}.employee-closure-list>strong{color:var(--ds-ink);font-size:12px}.employee-closure-list span{display:grid;grid-template-columns:120px 1fr;color:var(--ds-text-muted);font-size:11px}.employee-request-list,.hr-request-list,.hr-document-list,.hr-ack-report,.employee-closure-manage{display:grid;gap:10px}.employee-request-list article,.hr-request-list article,.hr-document-list article,.employee-closure-manage article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--ds-line);border-radius:9px}.employee-request-list article>div,.hr-request-list article>div,.hr-document-list article>div,.employee-closure-manage article>div{display:grid;gap:4px}.employee-request-list span,.employee-request-list small,.hr-request-list span,.hr-request-list small,.hr-document-list span,.hr-document-list small,.employee-closure-manage span{color:var(--ds-text-muted);font-size:11px}.employee-request-list article>div:last-child,.hr-request-list article>div:last-child{justify-items:end}.employee-status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:99px;background:var(--ds-surface-alt);color:var(--ds-text-muted);font-size:9px!important;font-weight:900;text-transform:uppercase}.employee-status.is-pending,.employee-status.is-cancellation-pending{background:var(--ds-warning-soft);color:var(--ds-warning-strong)}.employee-status.is-approved{background:var(--ds-success-soft);color:var(--ds-success-strong)}.employee-status.is-rejected,.employee-status.is-cancelled{background:var(--ds-danger-soft);color:var(--ds-danger-strong)}.employee-empty,.employee-loading,.employee-error{padding:28px;color:var(--ds-text-subtle);text-align:center}.employee-document-panel,.employee-document-list{display:grid;gap:12px}.employee-document-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--ds-line);border-radius:10px}.employee-document-icon{display:grid;place-items:center;width:44px;height:52px;border-radius:7px;background:var(--ds-danger);color:var(--ds-white);font-size:10px;font-weight:900}.employee-document-card>div:nth-child(2){display:grid;gap:3px}.employee-document-card span,.employee-document-card small{color:var(--ds-text-muted);font-size:10px}.employee-document-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.employee-document-actions a{text-decoration:none}.employee-ack{width:max-content;margin-top:5px;padding:4px 7px;border-radius:5px;background:var(--ds-warning-soft);color:var(--ds-warning-strong);font-size:9px}.employee-ack.is-done{background:var(--ds-success-soft);color:var(--ds-success-strong)}.employee-contact-grid,.hr-employee-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}.employee-contact-grid article{display:flex;gap:13px;padding:18px;border:1px solid var(--ds-line);border-radius:11px;background:var(--ds-white)}.employee-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--ds-primary);color:var(--ds-white);font-weight:900}.employee-contact-grid article>div:last-child{display:grid;gap:3px}.employee-contact-grid span,.employee-contact-grid a,.employee-contact-grid small{color:var(--ds-text-muted);font-size:10px;text-decoration:none}.employee-document-preview{width:min(1000px,calc(100vw - 40px));height:calc(100vh - 110px);padding:0;border:0;border-radius:12px;overflow:hidden}.employee-document-preview header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--ds-ink);color:var(--ds-white)}.employee-document-preview header button{border:0;background:transparent;color:var(--ds-white);font-size:24px}.employee-document-preview iframe{display:block;width:100%;height:calc(100% - 52px);border:0}.hr-employee-grid article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px;border:1px solid var(--ds-line);border-radius:11px;background:var(--ds-white)}.hr-employee-grid article>div:first-child{display:grid;gap:4px}.hr-employee-grid span,.hr-employee-grid small{color:var(--ds-text-muted);font-size:10px}.hr-employee-balance{display:grid;text-align:right}.hr-employee-balance strong{font:800 24px Manrope;color:var(--ds-primary)}.hr-overlap{width:max-content;margin-top:5px;padding:4px 7px;border-radius:5px;background:var(--ds-warning-soft);color:var(--ds-warning-strong);font-size:9px}.hr-overlap.is-clear{background:var(--ds-success-soft);color:var(--ds-success-strong)}.hr-document-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.hr-document-ack{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr;align-self:center}.hr-document-ack input{width:auto}.hr-ack-report article{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:13px;border:1px solid var(--ds-line);border-radius:8px}.hr-ack-report span,.hr-ack-report b,.hr-ack-report small{font-size:10px;color:var(--ds-text-muted)}.hr-ack-report b.is-outstanding{color:var(--ds-danger-strong)}.hr-ack-report small{grid-column:1/-1}.hr-audit-list{display:grid}.hr-audit-list article{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;padding:11px;border-bottom:1px solid var(--ds-surface-alt);font-size:10px}.hr-audit-list span,.hr-audit-list small{color:var(--ds-text-muted)}.hr-employee-dialog{width:min(640px,calc(100vw - 36px));padding:22px;border:0;border-radius:12px}.hr-employee-dialog form{display:grid;gap:13px}.hr-employee-dialog header,.hr-employee-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.hr-employee-dialog header button{border:0;background:none;font-size:24px}.hr-employee-dialog fieldset{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--ds-line);border-radius:8px}.hr-employee-dialog fieldset label{display:flex;align-items:center;gap:4px}.hr-employee-dialog fieldset input{width:auto}@media(max-width:900px){.leave-balance-grid{grid-template-columns:repeat(2,1fr)}.employee-two-column{grid-template-columns:1fr}.employee-contact-grid,.hr-employee-grid{grid-template-columns:repeat(2,1fr)}.hr-document-form{grid-template-columns:1fr 1fr}}@media(max-width:620px){.employee-shell{padding:14px}.employee-tabs{top:60px;margin:-14px -14px 16px;padding:8px 14px}.employee-hero{align-items:flex-start;flex-direction:column;padding:21px}.employee-remaining{width:100%}.leave-balance-grid{grid-template-columns:1fr 1fr}.employee-contact-grid,.hr-employee-grid{grid-template-columns:1fr}.employee-document-card{grid-template-columns:auto 1fr}.employee-document-actions{grid-column:1/-1}.employee-form-row,.hr-document-form{grid-template-columns:1fr}.employee-request-list article,.hr-request-list article{align-items:flex-start;flex-direction:column}.employee-request-list article>div:last-child,.hr-request-list article>div:last-child{justify-items:start}.hr-audit-list article{grid-template-columns:1fr}.employee-details{grid-template-columns:1fr}}