/* HR operations, embedded task filters, and app-ready responsive layout. */
.business-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.business-head p,.business-form p{color:#708395;line-height:1.6}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.business-grid article{display:grid;gap:12px}.business-grid h3,.business-grid p{margin:0}.business-grid small{color:#728694;line-height:1.7}.business-status{font-size:11px;justify-self:start;border-radius:99px;padding:6px 10px;background:#fff1da;color:#96651a}.business-status.done{background:#e4f8ec;color:#197c47}.business-form{display:grid;gap:17px;max-width:780px}.business-form h2{margin:0}.business-form label,.business-calendar-controls label{display:grid;gap:8px;font-size:12px;font-weight:750;color:#557082;min-width:0}.business-form input,.business-form select,.business-form textarea,.business-calendar-controls input,.business-calendar-controls select{width:100%;min-width:0;min-height:46px;border:1px solid #dce6ee;border-radius:11px;padding:12px;background:#f8fbfd;font:inherit;color:#263d4f;outline:none}.business-form :is(input,select,textarea):focus{border-color:#1686cb;box-shadow:0 0 0 3px #1686cb14}.business-form .btn,.business-actions .btn,.business-calendar-controls .btn{border-radius:11px;min-height:46px}.business-weekly{margin-top:18px}.business-weekly .data-table{width:100%}.business-actions{display:flex;gap:10px;flex-wrap:wrap}.floating-notifications{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;width:56px;height:56px;border-radius:50%;border:1px solid #ffffff66;background:#0877c3;color:white;box-shadow:0 12px 32px #064b7b40;display:grid;place-items:center;z-index:45}.floating-notifications b{position:absolute;top:-3px;right:-3px;font-size:11px;min-width:21px;height:21px;border-radius:99px;background:#d94048;border:2px solid #fff;display:grid;place-items:center}.floating-notifications b[hidden]{display:none}.business-notification{display:grid;gap:7px;text-align:left;padding:15px;border:1px solid #e2ebf2;border-radius:12px;background:#f8fbfd;width:100%;margin-bottom:10px}.business-notification small{color:#7b8c99}.business-calendar-controls{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:20px}.business-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.business-calendar-days article{min-height:108px;border:1px solid #dde7ee;border-radius:12px;background:#f7fafc;display:flex;flex-direction:column;padding:12px;gap:7px}.business-calendar-days small{font-size:11px;line-height:1.4}.business-calendar-days .present{background:#e8f8ef;border-color:#b8e3cb;color:#1b7146}.business-calendar-days .excused{background:#fff7da;border-color:#eedb92;color:#946b18}.business-calendar-days .absent{background:#ffeded;border-color:#ecc0c0;color:#b93c3c}.business-calendar-days .off{background:#eef0f3;color:#8d99a2}.business-warning{padding:12px;border-radius:10px;background:#fff7dc;color:#8e701d;font-size:12px}.business-calendar{min-width:620px}.business-weekly:has(.business-calendar){overflow-x:auto}@media(max-width:900px){.business-grid{grid-template-columns:1fr 1fr}.business-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.business-grid{grid-template-columns:1fr}.business-form input,.business-form select,.business-form textarea{font-size:16px}.business-calendar-controls{display:grid;grid-template-columns:1fr;width:100%}.business-actions{width:100%}.business-actions .btn{flex:1}.floating-notifications{right:16px;bottom:20px;width:50px;height:50px}}
/* Scoped office controls: do not inherit the small, unstyled native fields. */
.office-entry-form label{display:grid;gap:8px;min-width:0;margin:0;font-size:12px;font-weight:750;color:#52677a;line-height:1.5}
.office-entry-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.office-entry-form input,.office-entry-form select,.office-entry-form textarea,.office-filters input,.office-filters select,.petty-balance-card input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px 14px;border:1px solid #dce5ed;border-radius:12px;background:#f8fafc;font:inherit;font-size:13px;color:#243c50;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.office-entry-form textarea{min-height:100px;line-height:1.7}
.office-entry-form :is(input,select,textarea):focus,.office-filters :is(input,select):focus{border-color:#1686cb;box-shadow:0 0 0 3px #1686cb14;background:#fff}
.office-entry-form input::placeholder,.office-entry-form textarea::placeholder,.office-filters input::placeholder{color:#8c9ca9;font-weight:400}
.office-entry-form .panel-head{padding-bottom:18px;border-bottom:1px solid #e9eff4;align-items:flex-start}
.office-entry-form .panel-head h2{font-size:21px;line-height:1.35;margin-top:5px}
.office-entry-form .panel-head p{font-size:12px;line-height:1.6;color:#7a8b99;margin:8px 0 0}
.office-finance-layout .btn,.petty-balance-card .btn{min-height:44px;border-radius:11px;padding:11px 17px;font-size:13px;white-space:normal}
.office-entry-form .office-submit{min-height:48px;margin-top:5px}
.office-proof-field input[type=file]{padding:8px;background:#fff;font-size:11px;color:#738594}
.office-proof-field input::file-selector-button{border:0;border-radius:8px;padding:10px 12px;margin-right:10px;background:#e8f3fc;color:#0872b8;font:inherit;font-weight:750;cursor:pointer}
.office-history .panel-head{gap:16px;align-items:flex-start;flex-wrap:wrap}
.office-history .panel-head h2{font-size:20px;margin-top:5px;line-height:1.4}
.office-history .history-table-wrap{border:1px solid #e1e9f0;border-radius:14px;overflow-x:auto}
.office-table{width:100%;border-collapse:collapse;font-size:12px}
.office-table th{background:#f5f8fb;color:#718496;text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:14px 16px;white-space:nowrap}
.office-table td{padding:17px 16px;border-bottom:1px solid #edf2f6;vertical-align:top;color:#536c7e;line-height:1.55}
.office-table tr:last-child td{border-bottom:0}
.office-table tbody tr:hover{background:#f9fcff}
.office-table td:nth-child(1),.office-table td:nth-child(4){white-space:nowrap}
.office-table td:nth-child(2)>b{color:#233d50;font-size:13px}
.office-table td:nth-child(4)>b{color:#0a73b5}
.office-table td:last-child a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:8px;background:#eef6fc;text-decoration:none;white-space:nowrap}
.office-history .empty-state{padding:50px 20px;border:1px dashed #dae5ee;border-radius:14px;background:#fafcfe;color:#8494a1;font-size:13px;text-align:center}
#loginForm button[type=submit]{touch-action:manipulation;transition:background .15s,box-shadow .15s;transform:none;min-height:48px}
#loginForm button[type=submit]:hover{transform:none}
#loginForm button[aria-busy=true]{cursor:progress;opacity:.85}
#loginForm button[aria-busy=true]:before{content:"";width:16px;height:16px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:kmb-button-spin .7s linear infinite}
@keyframes kmb-button-spin{to{transform:rotate(360deg)}}
@media(min-width:1051px) and (max-width:1350px){.office-finance-layout{grid-template-columns:1fr!important}.office-entry-form{position:static!important}.office-entry-form .form-row{gap:18px}}
@media(max-width:700px){.office-entry-form .form-row{grid-template-columns:1fr!important;gap:15px}.office-history .panel-head{display:grid;grid-template-columns:1fr}.office-history .panel-head .btn{justify-self:start}.office-filters input,.office-filters select{min-width:0!important}.office-table th,.office-table td{padding:12px}.office-entry-form :is(input,select,textarea){font-size:16px}.petty-balance-card form{grid-template-columns:1fr!important}.office-proof-field input[type=file]{font-size:12px}.office-entry-form .panel-head h2{font-size:20px}}
#printArea.has-annexes{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}#printArea.has-annexes>.paper{flex:none}#printArea.has-annexes:has(.pdf-exporting){display:block!important;width:794px!important;padding:0!important;background:#fff!important;gap:0!important}#printArea.has-annexes .offer-attachment-paper{height:auto;min-height:1123px;overflow:visible;break-before:page;page-break-before:always}@media print{#printArea.has-annexes{display:block!important;gap:0}.offer-attachment-paper{break-before:page;page-break-before:always}}
.leave-balance{display:grid;grid-template-columns:.65fr 1.35fr;gap:1px;margin-bottom:15px;border:1px solid #d7e4ed;border-radius:22px;overflow:hidden;background:#d7e4ed}.leave-balance>div{padding:25px 27px;background:#fff}.leave-balance>div:first-child{background:linear-gradient(135deg,#08223a,#0872bd);color:#fff}.leave-balance span{font-size:.7rem;letter-spacing:.12em;font-weight:900;color:#8ed4ff}.leave-balance strong{display:block;margin:8px 0 3px;font-size:2.8rem}.leave-balance strong small{font-size:.9rem;color:#bedcf0}.leave-balance p{margin:5px 0;color:#66798b;line-height:1.55}.leave-balance>div:first-child p{color:#c2daea}.leave-balance b{font-size:1rem}.leave-balance small{color:#718293}
.leave-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.leave-category-grid article{display:grid;gap:5px;padding:15px;border:1px solid #dce6ee;border-radius:14px;background:#fff}.leave-category-grid b{font-size:.84rem}.leave-category-grid span{font-size:.76rem;color:#0872c9;font-weight:800}.leave-category-grid small{font-size:.68rem;color:#788896}
.leave-policy-panel{margin-bottom:18px}.leave-policy-panel>.panel-head p{margin:5px 0 0;color:#718193}.leave-policy-panel form{display:grid;gap:14px}.leave-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.leave-policy-grid>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:13px;border:1px solid #dce6ee;border-radius:13px;background:#f8fbfd}.leave-policy-grid>div>b{grid-column:1/-1;font-size:.8rem}.leave-policy-grid label{font-size:.7rem}.leave-policy-grid input[type=number]{width:80px}.leave-quota-list{margin-top:4px;border-top:1px solid #e1e9ef;padding-top:15px}.leave-quota-list h3{margin:0 0 9px}.leave-quota-list>label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 3px;border-bottom:1px solid #e7edf2}.leave-quota-list>label>span{display:grid;font-weight:800}.leave-quota-list small{font-weight:400;color:#7b8b99}.leave-quota-list input{width:100px}
.recap-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px;padding:27px 29px;border-radius:22px;background:linear-gradient(135deg,#081e32,#075c94);color:#fff}.recap-hero h2{margin:5px 0}.recap-hero p{margin:0;color:#c5ddec}.recap-actions{display:flex;gap:8px}.recap-actions .btn-ghost{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.06)}.recap-filters{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:10px;padding:15px 0}.recap-filters label{display:grid;gap:6px;font-size:.7rem;font-weight:850;color:#657789;text-transform:uppercase;letter-spacing:.06em}.recap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.recap-stats article{padding:15px;border:1px solid #dce6ee;border-radius:13px;background:#f8fbfd;display:grid;gap:5px}.recap-stats span{font-size:.7rem;color:#718292}.recap-stats b{font-size:1.45rem;color:#0872c9}.recap-tabs{display:flex;gap:5px;border-bottom:1px solid #dde6ed;margin-bottom:5px}.recap-tabs button{border:0;border-bottom:2px solid transparent;padding:10px 14px;background:none;color:#6d7e8e;font-weight:800;cursor:pointer}.recap-tabs button.active{border-color:#0872c9;color:#0872c9}.recap-panel a{color:#0872c9;font-weight:750;text-decoration:none}
.monitor-task-panel{margin-top:18px}.monitor-filters.inside{margin:0 0 15px;border:0;border-top:1px solid #e1e9ef;border-bottom:1px solid #e1e9ef;border-radius:0;padding:14px 0}.monitor-task-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.monitor-work-card{min-width:0;display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid #dce6ee;border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.monitor-work-card:hover{transform:translateY(-2px);border-color:#8dc8ee;box-shadow:0 12px 26px rgba(25,74,110,.09)}.monitor-work-card>div:first-child,.monitor-work-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.monitor-work-card>div:first-child small{color:#718293}.monitor-work-card h3{margin:0;font-size:1rem}.monitor-work-card p{margin:0;color:#6a7b8c;font-size:.79rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.monitor-work-card footer{margin-top:auto;padding-top:10px;border-top:1px solid #e6edf2;font-size:.72rem;color:#607286}.monitor-work-card footer i{color:#0872c9;font-style:normal}.member-card.selected{border-color:#168bd4;box-shadow:0 0 0 2px rgba(22,139,212,.12)}
@media(max-width:1100px){.leave-category-grid{grid-template-columns:repeat(2,1fr)}.leave-policy-grid{grid-template-columns:repeat(2,1fr)}.monitor-task-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .workspace-top{min-height:72px;padding:11px 14px}.workspace-top>div:first-of-type{min-width:0}.workspace-top h1{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-top #breadcrumb{font-size:.64rem}.top-actions{gap:7px}.today{display:none}.notification-btn{width:40px;height:40px;flex:0 0 40px}.view-content{padding:15px 13px 100px}.panel{padding:17px;border-radius:17px}.panel-head{align-items:flex-start;gap:12px}.panel-head h2{font-size:1.08rem}.panel-head>.btn{width:auto;min-height:40px}.modal-kicker,.history-kicker{font-size:.64rem}
 .leave-balance{grid-template-columns:1fr}.leave-balance>div{padding:20px}.leave-balance strong{font-size:2.25rem}.leave-category-grid{grid-template-columns:1fr 1fr;gap:8px}.leave-category-grid article{padding:12px;min-height:105px}.leave-policy-panel>.panel-head{flex-direction:column}.leave-policy-panel>.panel-head .btn{width:100%}.leave-policy-grid{grid-template-columns:1fr}.leave-quota-list>label{font-size:.82rem}.request-row>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.request-row>div:last-child .btn{width:100%}
 .recap-hero{align-items:flex-start;flex-direction:column;padding:21px}.recap-hero h2{font-size:1.35rem}.recap-actions{width:100%;display:grid;grid-template-columns:1fr}.recap-actions .btn{width:100%}.recap-filters{grid-template-columns:1fr 1fr}.recap-filters label:first-child{grid-column:1/-1}.recap-stats{grid-template-columns:1fr 1fr}.recap-stats article{padding:12px}.history-table-wrap{margin:0 -17px;padding:0 17px;overflow-x:auto}.data-table{min-width:650px}
 .monitor-intro{padding:21px;margin-bottom:12px}.monitor-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 10px;gap:10px}.monitor-grid .member-card{flex:0 0 82%;scroll-snap-align:start}.monitor-task-panel{padding:16px}.monitor-filters.inside{grid-template-columns:1fr 1fr;padding:12px 0}.monitor-filters.inside label:nth-child(3){grid-column:1/-1}.monitor-task-cards{grid-template-columns:1fr}.monitor-work-card{padding:15px}.monitor-work-card h3{font-size:.96rem}
 .operation-form-card{margin-bottom:15px;border-radius:17px}.operation-form-copy h2{font-size:1.12rem}.modern-form input,.modern-form select,.modern-form textarea,.recap-filters input,.recap-filters select{min-height:45px;font-size:16px}.schedule-grid{grid-template-columns:repeat(6,82vw);scroll-snap-type:x mandatory}.schedule-day{scroll-snap-align:start}.attendance-hero{gap:16px}.attendance-statuses>span{padding:9px}.attendance-actions{gap:10px}.attendance-action{padding:16px}.catalog-grid>article,.staff-target-card{border-radius:15px}.document-grid{grid-template-columns:1fr}.account-list{grid-template-columns:1fr}.document-modal{width:calc(100vw - 12px);max-width:none}.invoice-item-row{grid-template-columns:1fr 1fr;position:relative}.invoice-item-row .item-description{grid-column:1/-1}.invoice-item-row .remove-item{position:absolute;right:8px;top:8px}
}

/* Office finance and offer attachments — 2026-10-01 */
.offer-upload{margin:22px 0;padding:20px;border:1px solid #dbe5ec;border-radius:16px;background:linear-gradient(145deg,#f8fbfd,#f2f7fa);display:grid;gap:14px}.offer-upload>div:first-child{display:grid;gap:4px}.offer-upload>div:first-child b{font-size:14px;color:#122b3d}.offer-upload>div:first-child span{font-size:11px;line-height:1.5;color:#71818d}.offer-file-list{display:grid;gap:9px}.offer-file-row{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:center;padding:10px 12px;border:1px solid #dbe5ec;border-radius:11px;background:#fff}.offer-file-row>span{width:34px;height:34px;border-radius:9px;background:#e7f4fd;color:#0877c3;display:grid;place-items:center;font-weight:900}.offer-file-row>div{display:grid;gap:2px;min-width:0}.offer-file-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-file-row small{font-size:9px;color:#75838d}.offer-file-row button{border:0;background:#f1f5f7;width:30px;height:30px;border-radius:8px;font-size:18px;cursor:pointer}.offer-file-row.pending{grid-template-columns:34px 1fr}.offer-files-empty{padding:13px;border:1px dashed #cbd8e0;border-radius:10px;text-align:center;font-size:11px;color:#82909a}.offer-main-paper+.offer-attachment-paper{page-break-before:always}.offer-attachment-paper{overflow:hidden}.offer-annex-head{margin:25px 0 22px;padding-bottom:16px;border-bottom:2px solid #0877c3}.offer-annex-head span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#0877c3}.offer-annex-head h2{margin:7px 0 3px!important;font-size:18px!important;text-align:left!important}.offer-annex-head p{font-size:9px;color:#71818d}.offer-annex-content{font-size:10px;line-height:1.55;color:#263746;overflow-wrap:anywhere}.offer-annex-content h1,.offer-annex-content h2,.offer-annex-content h3{margin:14px 0 7px;color:#102c40}.offer-annex-content p{margin:0 0 8px}.offer-annex-content table{width:100%;border-collapse:collapse;margin:10px 0;font-size:8px}.offer-annex-content th,.offer-annex-content td{border:1px solid #cbd5dc;padding:5px;vertical-align:top}.offer-annex-content img{max-width:100%;height:auto}.offer-sheet+.offer-sheet{margin-top:22px;padding-top:18px;border-top:1px solid #d8e0e5}

.office-finance-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,#071c2b 0%,#0a2f49 58%,#0877c3 150%);color:#fff;box-shadow:0 18px 55px rgba(7,38,59,.18)}.office-finance-hero:after{content:"Rp";position:absolute;right:430px;bottom:-55px;font-size:180px;font-weight:950;color:rgba(255,255,255,.025);line-height:1}.office-finance-hero h2{font-size:34px;margin:8px 0 10px;letter-spacing:-.035em}.office-finance-hero p{max-width:610px;color:#a9bdca;line-height:1.65}.petty-balance-card{position:relative;z-index:1;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);display:grid;gap:6px}.petty-balance-card>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#76c7ff}.petty-balance-card>strong{font-size:30px;letter-spacing:-.035em}.petty-balance-card>small{color:#a8becd;font-size:9px}.petty-balance-card form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.petty-balance-card input{min-width:0;border-color:rgba(255,255,255,.16);background:rgba(3,18,28,.35);color:#fff}.office-finance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.office-finance-stats article{padding:20px 22px;border:1px solid #dce5eb;border-radius:16px;background:#fff;display:grid;gap:5px;box-shadow:0 8px 26px rgba(28,60,80,.05)}.office-finance-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#71818e;font-weight:800}.office-finance-stats b{font-size:24px;color:#102c40}.office-finance-stats small{font-size:10px;color:#8a98a2}.office-finance-stats article.negative{border-color:#f0c7c7;background:#fff9f9}.office-finance-stats article.negative b{color:#b63434}.office-finance-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.55fr);gap:18px;align-items:start}.office-entry-form{display:grid;gap:15px;position:sticky;top:18px}.office-entry-form .panel-head{margin-bottom:2px}.office-entry-form textarea{resize:vertical}.office-proof-field{padding:13px;border:1px dashed #cbd7df;border-radius:12px;background:#f8fafb}.office-proof-field small{display:block;margin:3px 0 9px;color:#84919a;font-size:9px}.office-submit{width:100%;justify-content:center}.office-history{min-width:0}.office-filters{display:grid;grid-template-columns:1fr 190px;gap:10px;margin:16px 0}.office-table td:nth-child(2){min-width:235px}.office-table td:nth-child(2)>b,.office-table td:nth-child(2)>small,.office-table td:nth-child(2)>p{display:block}.office-table td:nth-child(2)>small{margin-top:4px;color:#778691;font-size:9px}.office-table td:nth-child(2)>p{margin-top:7px;max-width:340px;font-size:10px;line-height:1.45;color:#5f707b}.office-type{display:inline-flex;margin-bottom:6px;padding:4px 7px;border-radius:999px;font-size:7px;letter-spacing:.1em;font-weight:900}.office-type.need{background:#edf4f8;color:#577184}.office-type.expense{background:#e3f3fd;color:#0877c3}.office-table a{color:#0877c3;font-size:10px;font-weight:800}

@media(max-width:1050px){.office-finance-hero{grid-template-columns:1fr}.office-finance-hero:after{right:-20px}.office-finance-layout{grid-template-columns:1fr}.office-entry-form{position:static}.office-history{overflow:hidden}}
@media(max-width:700px){.office-finance-hero{padding:24px 20px;border-radius:18px;gap:20px}.office-finance-hero h2{font-size:28px}.petty-balance-card>strong{font-size:25px}.office-finance-stats{grid-template-columns:1fr;gap:10px}.office-finance-stats article{padding:16px 18px}.office-finance-layout{gap:12px}.office-entry-form,.office-history{padding:18px 15px}.office-entry-form .form-row{grid-template-columns:1fr}.office-filters{grid-template-columns:1fr}.offer-upload{padding:15px}.offer-file-row{grid-template-columns:30px 1fr 30px}.offer-file-row>span{width:30px;height:30px}.offer-annex-content table{font-size:7px}}
@media(max-width:420px){.leave-category-grid,.recap-stats,.recap-filters{grid-template-columns:1fr}.recap-filters label:first-child{grid-column:auto}.monitor-filters.inside{grid-template-columns:1fr}.monitor-filters.inside label:nth-child(3){grid-column:auto}.request-row>div:last-child{grid-template-columns:1fr}.workspace-top h1{max-width:175px}.top-actions{margin-left:auto}.ops-summary-strip{grid-template-columns:1fr}.leave-policy-grid>div{grid-template-columns:1fr}.leave-policy-grid>div>b{grid-column:auto}.leave-policy-grid label{display:flex;justify-content:space-between;align-items:center}.receipt-footer{grid-template-columns:1fr!important;gap:20px}.physical-receipt-sign{min-width:0}}

/* Director monitor: member cards open a complete, optionally-filtered task view. */
.member-filter-panel{margin:0 0 14px;border:1px solid #dce6ee;border-radius:13px;background:#f8fbfd;overflow:hidden}.member-filter-panel summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;font-weight:850;list-style:none}.member-filter-panel summary::-webkit-details-marker{display:none}.member-filter-panel summary:after{content:'+';margin-left:auto;padding-left:10px;color:#0872c9;font-size:1.1rem}.member-filter-panel[open] summary:after{content:'−'}.member-filter-panel summary small{order:2;margin-left:9px;color:#718293;font-weight:650}.member-filter-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:9px;padding:0 15px 15px}.member-filter-controls label{display:grid;gap:5px;color:#647689;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.member-task-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:62vh;overflow-y:auto;padding:2px}.member-work-card{display:flex;min-width:0;flex-direction:column;gap:9px;padding:15px;border:1px solid #dce6ee;border-radius:14px;background:#fff;color:#182634;text-align:left;cursor:pointer;transition:.2s}.member-work-card:hover{border-color:#8dc8ee;box-shadow:0 10px 24px rgba(25,74,110,.09);transform:translateY(-2px)}.member-work-card.is-archived{background:#f4f7f9;color:#687887}.member-work-card>div:first-child,.member-work-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-work-card h3{margin:0;font-size:.95rem}.member-work-card p{margin:0;color:#6a7b8c;font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.member-work-card footer{margin-top:auto;padding-top:9px;border-top:1px solid #e6edf2;color:#65778a;font-size:.69rem}.member-work-card footer i{color:#0872c9;font-style:normal;font-size:1rem}

/* Sidebar collapse must always remain reversible, including tablet widths. */
.sidebar.collapsed .workspace-logo{flex-direction:column;align-items:center;gap:9px;padding:0 0 18px}.sidebar.collapsed .workspace-logo img{width:44px;max-width:44px;height:36px;max-height:36px}.sidebar.collapsed .workspace-logo #collapseBtn{display:grid;width:36px;height:36px;flex:0 0 36px;margin:0;font-size:1.35rem}.sidebar.collapsed nav button,.sidebar.collapsed .sidebar-bottom button{justify-content:center;padding-inline:10px}.sidebar.collapsed nav button span,.sidebar.collapsed .sidebar-bottom button span{flex:none}
@media(min-width:701px) and (max-width:1000px){.app-shell{grid-template-columns:270px 1fr}.sidebar{width:270px}.sidebar:not(.collapsed) .workspace-logo>div,.sidebar:not(.collapsed) .profile-chip>div:last-child{display:grid}.sidebar:not(.collapsed) nav label,.sidebar:not(.collapsed) .sidebar-bottom label{display:inline}.sidebar:not(.collapsed) .profile-chip{justify-content:flex-start;padding:13px}.app-shell:has(.sidebar.collapsed){grid-template-columns:78px 1fr}.sidebar.collapsed{width:78px}}
@media(max-width:700px){.member-task-cards{grid-template-columns:1fr;max-height:none}.member-filter-controls{grid-template-columns:1fr}.sidebar.collapsed .workspace-logo{flex-direction:row;align-items:center;padding:2px 7px 22px}.sidebar.collapsed .workspace-logo img{width:auto;max-width:48px;height:auto;max-height:39px}.sidebar.collapsed .workspace-logo #collapseBtn{margin-left:auto}}

/* Attendance and leave calendar for Admin and Directors. */
.calendar-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px;padding:27px 29px;border-radius:22px;background:linear-gradient(135deg,#081e32,#075c94);color:#fff}.calendar-hero h2{margin:5px 0;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}.calendar-hero p{margin:0;color:#c5ddec}.calendar-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.calendar-legend span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:.72rem}.calendar-legend i,.calendar-detail-event>i{width:8px;height:8px;border-radius:50%}.calendar-legend .in,.calendar-detail-event.in>i{background:#24a0ed}.calendar-legend .out,.calendar-detail-event.out>i{background:#173a58}.calendar-legend .leave,.calendar-detail-event.leave>i{background:#f5a524}.calendar-legend .field,.calendar-detail-event.field>i{background:#8d68d8}.calendar-panel{padding:20px}.calendar-toolbar{display:grid;grid-template-columns:auto minmax(210px,1fr) auto;gap:10px;align-items:end;padding-bottom:17px;border-bottom:1px solid #e1e9ef}.calendar-toolbar>label{display:grid;gap:6px;font-size:.7rem;font-weight:850;color:#657789;text-transform:uppercase;letter-spacing:.06em}.calendar-month-nav{display:flex;align-items:center;gap:6px}.calendar-month-nav button{width:42px;height:44px;border:1px solid #d8e3ea;border-radius:10px;background:#fff;color:#0872c9;font-size:1.4rem;cursor:pointer}.calendar-month-nav input{min-height:44px}.calendar-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.calendar-stats article{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid #dce6ee;border-radius:12px;background:#f8fbfd}.calendar-stats span{font-size:.72rem;color:#718292}.calendar-stats b{font-size:1.45rem;color:#0872c9}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:13px}.hr-calendar-scroll{min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.hr-calendar{min-width:690px;border:1px solid #dce6ee;border-radius:14px;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#0b2133;color:#dcecf8}.calendar-weekdays span{padding:10px;text-align:center;font-size:.72rem;font-weight:850}.calendar-day{min-height:118px;padding:8px;border-right:1px solid #e1e8ee;border-bottom:1px solid #e1e8ee;background:#fff;cursor:pointer;outline:none;transition:.18s}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover,.calendar-day:focus-visible{background:#f3f9fd;box-shadow:inset 0 0 0 2px #71b8e8}.calendar-day.selected{background:#eef8ff;box-shadow:inset 0 0 0 2px #178bd3}.calendar-day.today .calendar-date>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#0872c9;color:#fff}.calendar-day.outside{cursor:default;background:#f3f5f7;box-shadow:none}.calendar-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.calendar-date>b{font-size:.76rem}.calendar-date>span{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#eaf4fb;color:#0872c9;font-size:.62rem;font-weight:850}.calendar-events{display:grid;gap:3px}.calendar-events>span{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px 5px;border-left:3px solid;border-radius:5px;background:#f7fafc;font-size:.62rem}.calendar-events>span.in{border-color:#24a0ed}.calendar-events>span.out{border-color:#173a58}.calendar-events>span.leave{border-color:#f5a524;background:#fff8e9}.calendar-events>span.field{border-color:#8d68d8;background:#f7f2ff}.calendar-events>span>i{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#e6eef4;color:#274052;font-size:.52rem;font-style:normal;font-weight:850}.calendar-events>span>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-events>span>small{color:#6c7d8c}.calendar-events>em{padding-left:4px;color:#64788a;font-size:.6rem;font-style:normal}.calendar-day-detail{min-height:380px;padding:17px;border:1px solid #dce6ee;border-radius:14px;background:#f8fbfd}.calendar-day-detail>div:first-child{padding-bottom:13px;border-bottom:1px solid #dce6ee}.calendar-day-detail>div:first-child>span{color:#0872c9;font-size:.65rem;font-weight:900;letter-spacing:.1em}.calendar-day-detail h3{margin:5px 0 0;font-size:1rem}.calendar-detail-event{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:12px 2px;border-bottom:1px solid #e1e8ee}.calendar-detail-event>i{margin-top:5px}.calendar-detail-event>div{display:grid;gap:4px}.calendar-detail-event b{font-size:.77rem}.calendar-detail-event span,.calendar-detail-event a{color:#6a7c8c;font-size:.68rem}.calendar-detail-event a{color:#0872c9;text-decoration:none;font-weight:750}.calendar-detail-empty{padding:35px 5px;color:#7c8c99;text-align:center;font-size:.75rem}
@media(max-width:1050px){.calendar-layout{grid-template-columns:1fr}.calendar-day-detail{min-height:auto}.calendar-toolbar{grid-template-columns:auto 1fr}.calendar-toolbar>.btn{grid-column:1/-1}.calendar-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.calendar-hero{align-items:flex-start;flex-direction:column;padding:21px}.calendar-hero h2{font-size:1.45rem}.calendar-legend{justify-content:flex-start}.calendar-panel{padding:14px}.calendar-toolbar{grid-template-columns:1fr}.calendar-month-nav{display:grid;grid-template-columns:42px 1fr 42px}.calendar-toolbar>.btn{grid-column:auto;width:100%}.calendar-stats{grid-template-columns:1fr 1fr}.hr-calendar-scroll{margin-inline:-14px;padding-inline:14px}.hr-calendar{min-width:650px}.calendar-day{min-height:105px}.calendar-day-detail{margin-top:3px}}
@media(max-width:420px){.calendar-stats{grid-template-columns:1fr}.calendar-legend span{font-size:.66rem}}

/* Login password control and selective attendance recap. */
.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:92px!important}.password-field button{position:absolute;right:8px;min-width:70px;height:38px;padding:0 13px;border:1px solid #cfe0ec;border-radius:10px;background:#f4f9fc;color:#0872c9;font:800 .74rem/1 inherit;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.password-field button:hover{border-color:#87c6ec;background:#eaf6fd}.password-field button:active{transform:scale(.97)}.password-field button:focus-visible{outline:3px solid rgba(8,114,201,.2);outline-offset:2px}
.selective-recap-panel{padding:20px}.selective-toolbar{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(145px,.7fr) minmax(175px,.8fr) auto;gap:10px;align-items:end;padding-bottom:17px;border-bottom:1px solid #e1e9ef}.selective-toolbar>label{display:grid;gap:6px;color:#657789;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.selective-toolbar select,.selective-toolbar input{min-height:46px}.recap-export-actions{display:flex;gap:7px}.recap-export-actions .btn{min-height:46px;white-space:nowrap}.recap-export-actions .btn:disabled{cursor:not-allowed;opacity:.45}.attendance-selection-empty{display:grid;place-items:center;min-height:390px;padding:45px 20px;text-align:center}.attendance-selection-empty>div{max-width:440px}.attendance-selection-empty>span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,#e9f7ff,#d7effe);color:#0872c9;font-size:1.75rem;font-style:normal}.attendance-selection-empty h3{margin:0 0 8px;font-size:1.18rem}.attendance-selection-empty p{margin:0;color:#728391;line-height:1.6}.selected-person-strip{display:flex;align-items:center;gap:11px;margin:15px 0;padding:13px 15px;border:1px solid #dce6ee;border-radius:13px;background:linear-gradient(135deg,#f8fbfd,#eef8fe)}.selected-person-strip>div{min-width:0;flex:1}.selected-person-strip .account-photo{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;padding:0;border-radius:12px;background:#0872c9;color:#fff;font-weight:900;overflow:hidden}.selected-person-strip .account-photo img{width:100%;height:100%;object-fit:cover}.selected-person-strip b,.selected-person-strip small{display:block}.selected-person-strip small{margin-top:2px;color:#718292;font-size:.7rem}.selected-person-strip>span:last-child{padding:6px 9px;border-radius:999px;background:#fff;color:#0872c9;font-size:.68rem;font-weight:850}.hr-calendar.mode-daily{min-width:0}.hr-calendar.mode-daily .calendar-weekdays,.hr-calendar.mode-daily .calendar-grid{grid-template-columns:1fr}.hr-calendar.mode-daily .calendar-day{min-height:210px}.hr-calendar.mode-weekly{min-width:680px}.attendance-period-records{margin-top:17px;padding-top:17px;border-top:1px solid #e1e9ef}.attendance-period-records>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.attendance-period-records h3{margin:0;font-size:1rem}.attendance-period-records p{margin:3px 0 0;color:#718292;font-size:.7rem}.attendance-pdf-report{position:fixed;left:-12000px;top:0;width:1050px;padding:42px;background:#fff;color:#182634;font-family:Arial,sans-serif}.attendance-pdf-report header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:18px;border-bottom:3px solid #0872c9}.attendance-pdf-report h1{margin:0 0 5px;color:#0872c9;font-size:25px}.attendance-pdf-report header p,.attendance-pdf-report header small{margin:0;color:#637686}.attendance-pdf-report .pdf-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.attendance-pdf-report .pdf-meta article{padding:12px;border:1px solid #dce6ee;border-radius:8px}.attendance-pdf-report .pdf-meta span{display:block;margin-bottom:5px;color:#6a7c8c;font-size:10px;text-transform:uppercase}.attendance-pdf-report table{width:100%;border-collapse:collapse;font-size:11px}.attendance-pdf-report th,.attendance-pdf-report td{padding:9px;border:1px solid #dce6ee;text-align:left}.attendance-pdf-report th{background:#0b2133;color:#fff}.attendance-pdf-report footer{margin-top:15px;color:#7a8b98;font-size:10px;text-align:right}
@media(max-width:1050px){.selective-toolbar{grid-template-columns:1fr 1fr}.recap-export-actions{justify-content:flex-end}.selective-toolbar>label:first-child{grid-column:1/-1}}
@media(max-width:700px){.selective-recap-panel{padding:14px}.selective-toolbar{grid-template-columns:1fr}.selective-toolbar>label:first-child{grid-column:auto}.selective-toolbar select,.selective-toolbar input{font-size:16px}.recap-export-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.recap-export-actions .btn{width:100%;padding-inline:10px}.attendance-selection-empty{min-height:315px;padding:35px 15px}.selected-person-strip{display:grid;grid-template-columns:39px 1fr;align-items:center}.selected-person-strip>span:last-child{grid-column:2}.hr-calendar.mode-daily{min-width:0}.hr-calendar.mode-weekly{min-width:650px}.attendance-period-records{margin-inline:-14px;padding-inline:14px;overflow-x:auto}.attendance-period-records .data-table{min-width:720px}}
@media(max-width:420px){.recap-export-actions{grid-template-columns:1fr}}

/* Modern leave and field-request workspace. */
.leave-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);gap:18px;align-items:stretch;margin-bottom:14px;padding:30px;border-radius:24px;background:linear-gradient(135deg,#071b2d 0%,#073d67 55%,#087bc8 100%);color:#fff;box-shadow:0 20px 45px rgba(5,42,69,.18)}.leave-hero-copy{align-self:center}.leave-hero-copy>span{color:#73caff;font-size:.75rem;font-weight:900;letter-spacing:.14em}.leave-hero-copy h2{margin:8px 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;font-weight:400}.leave-hero-copy p{max-width:500px;margin:0;color:#c7ddea;font-size:.94rem;line-height:1.6}.leave-balance-modern{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:19px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.leave-balance-number>span{color:#8ed4ff;font-size:.72rem;font-weight:900;letter-spacing:.1em}.leave-balance-number strong{display:flex;align-items:flex-end;gap:7px;margin:7px 0 10px;font-size:3rem;line-height:1}.leave-balance-number strong small{padding-bottom:4px;color:#bdd9eb;font-size:.82rem}.leave-balance-number>div{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.16)}.leave-balance-number i{display:block;height:100%;border-radius:inherit;background:#58c4ff}.leave-balance-modern dl{display:grid;gap:7px;margin:0}.leave-balance-modern dl>div{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:10px;background:rgba(4,28,47,.3)}.leave-balance-modern dt{color:#c5dcea;font-size:.74rem}.leave-balance-modern dd{margin:0;font-size:1rem;font-weight:900}.leave-policy-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:16px 18px;border:1px solid #d9e6ef;border-radius:17px;background:#fff}.leave-policy-note>div{display:flex;align-items:flex-start;gap:12px;min-width:0}.leave-policy-note>div>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#e7f5fe;color:#0872c9;font-weight:900}.leave-policy-note b{font-size:.88rem}.leave-policy-note p{margin:4px 0 0;color:#66798a;font-size:.82rem;line-height:1.5}.leave-policy-note>small{flex:0 0 auto;padding:8px 11px;border-radius:10px;background:#f2f7fa;color:#5f7385;font-size:.75rem}.leave-category-grid.modern{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.leave-category-grid.modern article{position:relative;min-height:142px;padding:17px;overflow:hidden;border-radius:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.leave-category-grid.modern article:hover{transform:translateY(-2px);border-color:#9ecdec;box-shadow:0 12px 25px rgba(25,74,110,.08)}.leave-category-grid.modern article>span{color:#0872c9;font-size:.68rem;font-weight:900;letter-spacing:.08em}.leave-category-grid.modern article>b{margin-top:6px;font-size:.88rem}.leave-category-grid.modern article>strong{display:block;margin-top:auto;padding-top:14px;color:#102b41;font-size:1.35rem}.leave-category-grid.modern article>strong small{color:#708293;font-size:.68rem;font-weight:700}.leave-category-grid.modern article>p{margin:4px 0 0;color:#728291;font-size:.7rem}.request-modern.upgraded{grid-template-columns:58px minmax(210px,.75fr) minmax(380px,1.4fr);margin-top:16px}.request-live-summary{margin-top:14px;padding:10px 12px;border-left:3px solid #0a84d1;border-radius:8px;background:#eaf6fd;color:#456477;font-size:.75rem;line-height:1.45}.leave-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px;padding:28px 30px;border-radius:23px;background:linear-gradient(135deg,#071b2d,#075b95);color:#fff}.leave-admin-hero h2{margin:6px 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}.leave-admin-hero p{margin:0;color:#c6deed}.leave-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:8px}.leave-admin-stats article{min-width:100px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}.leave-admin-stats span{display:block;color:#bed9e9;font-size:.72rem}.leave-admin-stats b{display:block;margin-top:5px;font-size:1.5rem}.modern-policy-panel{padding:22px}.modern-policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e0e8ee}.modern-policy-head h2{margin:5px 0 6px}.modern-policy-head p{margin:0;color:#6e8090}.modern-policy-form{display:grid;gap:18px;padding-top:18px}.policy-basics{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px}.policy-basics>label{display:grid;gap:7px;color:#44596b;font-size:.8rem;font-weight:800}.policy-basics input,.policy-basics textarea{width:100%}.policy-terms{grid-column:auto}.policy-section-title{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.policy-section-title.staff{padding-top:8px;border-top:1px solid #e4ebf0}.policy-section-title b,.policy-section-title small{display:block}.policy-section-title b{font-size:.92rem}.policy-section-title small{margin-top:3px;color:#718292;font-size:.72rem}.leave-policy-grid.modern{grid-template-columns:repeat(4,minmax(0,1fr))}.leave-policy-grid.modern>div{grid-template-columns:1fr;align-content:start;gap:9px;min-height:143px;padding:15px;border-radius:14px}.leave-policy-grid.modern>div>b{grid-column:auto;min-height:34px}.leave-policy-grid.modern label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem}.leave-policy-grid.modern input[type=number]{width:76px;min-height:38px}.modern-switch input{position:absolute;opacity:0}.modern-switch>span{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:999px;background:#cdd9e1;transition:.2s}.modern-switch>span:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.modern-switch input:checked+span{background:#0872c9}.modern-switch input:checked+span:after{transform:translateX(16px)}.leave-quota-list.modern{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;border:0}.leave-quota-list.modern>label{display:grid;grid-template-columns:42px minmax(120px,1fr) minmax(70px,.7fr) 70px auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #dce6ee;border-radius:13px;background:#f9fbfc}.leave-quota-list.modern .account-photo{width:42px;height:42px}.quota-person{min-width:0}.quota-person b,.quota-person small{display:block}.quota-person b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quota-person small{margin-top:3px;font-size:.67rem}.quota-meter{height:6px;overflow:hidden;border-radius:999px;background:#dfe9ef}.quota-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0872c9,#34b0ed)}.leave-quota-list.modern input{width:70px;min-height:40px}.leave-quota-list.modern em{color:#718292;font-size:.7rem;font-style:normal}.modern-request-history{margin-top:16px;padding:22px}.modern-request-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #e1e9ef}.modern-request-head h2{margin:5px 0 0}.request-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.request-filter-chips button{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #d9e5ed;border-radius:10px;background:#fff;color:#627588;font-weight:800;cursor:pointer;transition:.18s}.request-filter-chips button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eef4f7;font-size:.66rem}.request-filter-chips button.active{border-color:#0872c9;background:#eaf6fd;color:#0872c9}.modern-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:16px}.leave-request-card{display:flex;min-width:0;flex-direction:column;gap:13px;padding:17px;border:1px solid #dce6ee;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(25,74,110,.04)}.leave-request-card[hidden]{display:none}.leave-request-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.leave-request-person .account-photo{width:42px;height:42px}.leave-request-person b,.leave-request-person small{display:block}.leave-request-person small{margin-top:2px;color:#718293;font-size:.7rem}.leave-request-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:4px}.leave-request-title>div>span{color:#0872c9;font-size:.66rem;font-weight:900;letter-spacing:.09em}.leave-request-title h3{margin:3px 0 0;font-size:1rem}.leave-request-title>strong{color:#102b41;font-size:1.35rem;white-space:nowrap}.leave-request-title>strong small{color:#718293;font-size:.67rem}.leave-request-dates{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:#f4f8fb}.leave-request-dates div:last-child{text-align:right}.leave-request-dates span,.leave-request-dates b{display:block}.leave-request-dates span{color:#718293;font-size:.66rem}.leave-request-dates b{margin-top:3px;font-size:.77rem}.leave-request-dates i{color:#0872c9;font-style:normal}.leave-request-card>p{margin:0;color:#596d7f;font-size:.8rem;line-height:1.5}.leave-request-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:11px;border-top:1px solid #e6edf2}.leave-request-foot small{color:#0872c9;font-size:.7rem;font-weight:750}.leave-request-foot time{color:#82909c;font-size:.66rem;white-space:nowrap}.leave-request-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:7px}.leave-request-actions .btn{width:100%;min-height:42px}.request-filter-empty{margin-top:16px}
@media(max-width:1150px){.leave-dashboard-hero{grid-template-columns:1fr}.leave-category-grid.modern,.leave-policy-grid.modern{grid-template-columns:repeat(2,minmax(0,1fr))}.request-modern.upgraded{grid-template-columns:52px 1fr}.request-modern.upgraded .modern-form{grid-column:1/-1}.policy-basics{grid-template-columns:1fr 1fr}.policy-terms{grid-column:1/-1}.leave-quota-list.modern{grid-template-columns:1fr}.modern-request-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.leave-dashboard-hero,.leave-admin-hero{padding:21px;border-radius:19px}.leave-admin-hero{align-items:flex-start;flex-direction:column}.leave-admin-stats{width:100%}.leave-policy-note{align-items:flex-start;flex-direction:column}.leave-policy-note>small{width:100%}.modern-policy-head,.modern-request-head{align-items:flex-start;flex-direction:column}.modern-policy-head .btn{width:100%}.policy-basics{grid-template-columns:1fr}.policy-terms{grid-column:auto}.modern-request-grid{grid-template-columns:1fr}.request-filter-chips{display:grid;grid-template-columns:1fr 1fr;width:100%}.request-filter-chips button{justify-content:space-between}.leave-quota-list.modern>label{grid-template-columns:42px minmax(0,1fr) 70px auto}.quota-meter{grid-column:2/-1;grid-row:2}.request-modern.upgraded{grid-template-columns:1fr}.request-modern.upgraded .modern-form{grid-column:auto}}
@media(max-width:520px){.leave-dashboard-hero{padding:19px}.leave-hero-copy h2,.leave-admin-hero h2{font-size:1.55rem}.leave-balance-modern{grid-template-columns:1fr}.leave-balance-modern dl{grid-template-columns:repeat(3,1fr)}.leave-balance-modern dl>div{align-items:flex-start;flex-direction:column}.leave-category-grid.modern,.leave-policy-grid.modern{grid-template-columns:1fr}.leave-category-grid.modern article{min-height:128px}.leave-admin-stats article{min-width:0;padding:11px}.modern-policy-panel,.modern-request-history{padding:16px}.request-filter-chips{grid-template-columns:1fr}.leave-request-person{grid-template-columns:42px minmax(0,1fr)}.leave-request-person>.request-status{grid-column:2}.leave-request-foot{align-items:flex-start;flex-direction:column}.leave-request-actions{grid-template-columns:1fr}.leave-quota-list.modern>label{grid-template-columns:38px minmax(0,1fr) 62px auto;padding:10px}.leave-quota-list.modern .account-photo{width:38px;height:38px}.leave-quota-list.modern input{width:62px}.quota-meter{grid-column:2/-1}.leave-policy-note{padding:14px}}

/* Director and developer field-team schedule monitor. */
.schedule-monitor-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:16px;padding:29px 30px;border-radius:23px;background:linear-gradient(135deg,#071b2d,#075d99);color:#fff}.schedule-monitor-hero h2{margin:6px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}.schedule-monitor-hero p{max-width:650px;margin:0;color:#c5deed;font-size:.9rem;line-height:1.55}.schedule-monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.schedule-monitor-summary article{min-width:105px;padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.07)}.schedule-monitor-summary span{display:block;color:#bdd8e8;font-size:.7rem}.schedule-monitor-summary b{display:block;margin-top:6px;font-size:1.55rem}.schedule-monitor-panel{padding:20px}.schedule-monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e0e8ee}.schedule-week-nav{display:grid;grid-template-columns:42px minmax(220px,1fr) 42px;gap:9px;align-items:center}.schedule-week-nav>button{width:42px;height:42px;border:1px solid #d7e3eb;border-radius:11px;background:#fff;color:#0872c9;font-size:1.35rem;cursor:pointer}.schedule-week-nav>div{display:grid}.schedule-week-nav span{color:#0872c9;font-size:.66rem;font-weight:900;letter-spacing:.09em}.schedule-week-nav b{margin-top:3px;font-size:.83rem}.schedule-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding-top:18px}.schedule-member-card{display:flex;min-width:0;flex-direction:column;gap:13px;padding:17px;border:1px solid #dce6ee;border-radius:17px;background:#fff;color:#172a3a;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.schedule-member-card:hover{transform:translateY(-2px);border-color:#83c3eb;box-shadow:0 13px 28px rgba(25,74,110,.1)}.schedule-member-person{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.schedule-member-person .account-photo{width:44px;height:44px}.schedule-member-person h3,.schedule-member-person p{margin:0}.schedule-member-person h3{font-size:.95rem}.schedule-member-person p{margin-top:3px;color:#718293;font-size:.71rem}.schedule-member-person>i{color:#0872c9;font-size:1.1rem;font-style:normal}.schedule-member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.schedule-member-stats>div{padding:9px;border-radius:10px;background:#f4f8fa}.schedule-member-stats b,.schedule-member-stats span{display:block}.schedule-member-stats b{font-size:1rem}.schedule-member-stats span{margin-top:2px;color:#718293;font-size:.65rem}.schedule-proof-track{height:6px;overflow:hidden;border-radius:999px;background:#e1ebf1}.schedule-proof-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0872c9,#31afea)}.schedule-next{display:grid;gap:3px;margin-top:auto;padding:11px 12px;border-radius:12px;background:#edf7fd}.schedule-next>span{color:#0872c9;font-size:.61rem;font-weight:900;letter-spacing:.08em}.schedule-next>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.schedule-next>small{color:#637789;font-size:.67rem}.schedule-next.empty{background:#f5f7f9}.schedule-next.empty>span{color:#728393}.schedule-dialog-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:13px 15px;border:1px solid #dce6ee;border-radius:13px;background:#f5f9fb}.schedule-dialog-summary span,.schedule-dialog-summary b{display:block}.schedule-dialog-summary span{color:#718293;font-size:.72rem}.schedule-dialog-summary b{margin-top:3px;font-size:.84rem}.schedule-dialog-summary>div:last-child{display:grid;grid-template-columns:auto auto;gap:3px 7px;align-items:baseline}.schedule-dialog-summary strong{color:#0872c9;font-size:1.1rem}.schedule-dialog-days{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:46vh;overflow-y:auto;padding:1px}.schedule-dialog-day{min-width:0;border:1px solid #dce6ee;border-radius:13px;overflow:hidden;background:#fff}.schedule-dialog-day>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f4f8fb}.schedule-dialog-day>header b,.schedule-dialog-day>header span{display:block}.schedule-dialog-day>header b{font-size:.78rem}.schedule-dialog-day>header span,.schedule-dialog-day>header small{color:#718293;font-size:.65rem}.schedule-dialog-day>article{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;gap:8px;align-items:start;padding:11px 12px;border-top:1px solid #e4ebf0}.schedule-dialog-day time{color:#0872c9;font-size:.75rem;font-weight:900}.schedule-dialog-day article b,.schedule-dialog-day article small{display:block}.schedule-dialog-day article b{font-size:.76rem;line-height:1.4}.schedule-dialog-day article small{margin-top:4px;color:#7b8b98;font-size:.64rem}.schedule-dialog-day article [data-map]{margin-top:4px;padding:0;border:0;background:none;color:#0872c9;font-size:.65rem;font-weight:800;cursor:pointer}.schedule-dialog-day.locked{background:#f3f5f6}.schedule-dialog-empty{padding:16px 12px;color:#7a8996;font-size:.7rem;text-align:center}.schedule-remove{width:28px;height:28px;border:1px solid #f1d4d4;border-radius:8px;background:#fff6f6;color:#a63838;cursor:pointer}.director-schedule-form{display:grid;grid-template-columns:minmax(180px,1.2fr) 145px 120px;gap:9px;align-items:end;margin-top:14px;padding:15px;border-radius:14px;background:#0b2133;color:#fff}.director-schedule-form>div{grid-column:1/-1}.director-schedule-form>div>span{color:#70c6f7;font-size:.64rem;font-weight:900;letter-spacing:.1em}.director-schedule-form h3{margin:4px 0 0;font-size:.96rem}.director-schedule-form label{display:grid;gap:5px;color:#c6dbe8;font-size:.7rem;font-weight:750}.director-schedule-form input{min-height:42px}.director-schedule-form .schedule-title-field{grid-column:1/3}.director-schedule-form>.btn{min-height:42px}.member-modal:has(.schedule-dialog-days){max-width:860px}
@media(max-width:1100px){.schedule-monitor-hero{align-items:flex-start;flex-direction:column}.schedule-monitor-summary{width:100%}.schedule-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.schedule-monitor-hero{padding:21px}.schedule-monitor-hero h2{font-size:1.5rem}.schedule-monitor-summary{grid-template-columns:repeat(3,1fr)}.schedule-monitor-summary article{min-width:0;padding:11px}.schedule-monitor-panel{padding:15px}.schedule-monitor-toolbar{align-items:stretch;flex-direction:column}.schedule-week-nav{grid-template-columns:42px 1fr 42px}.schedule-monitor-toolbar>.btn{width:100%}.schedule-team-grid{grid-template-columns:1fr}.schedule-dialog-summary{align-items:flex-start;flex-direction:column}.schedule-dialog-days{grid-template-columns:1fr;max-height:45vh}.director-schedule-form{grid-template-columns:1fr 1fr}.director-schedule-form .schedule-title-field{grid-column:1/-1}.director-schedule-form>.btn{grid-column:1/-1;width:100%}}
@media(max-width:430px){.schedule-monitor-summary{grid-template-columns:1fr}.schedule-monitor-summary article{display:flex;align-items:center;justify-content:space-between}.schedule-monitor-summary b{margin:0}.schedule-week-nav{grid-template-columns:38px 1fr 38px}.schedule-week-nav>button{width:38px}.director-schedule-form{grid-template-columns:1fr}.director-schedule-form .schedule-title-field,.director-schedule-form>.btn{grid-column:auto}}