:root{color:#18302e;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f3f7f5}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}::selection{color:#073d38;background:#b8eee4}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.brand-panel{color:#fff;background:radial-gradient(circle at 15% 20%,#087fb2 0,#0000 35%),linear-gradient(145deg,#252525,#111);flex-direction:column;justify-content:space-between;padding:56px 64px;display:flex}.brand-logo{background:#fff;border-radius:16px;width:min(360px,80%);height:auto;padding:14px;display:block}.sidebar-logo-wrap{background:#fff;border-radius:12px;padding:9px}.sidebar-logo{width:100%;height:auto;display:block}.brand-mark,.mini-mark{color:#35baf0;border:2px solid #35baf0;border-radius:12px;place-items:center;width:44px;height:44px;margin-right:12px;font-weight:900;display:inline-grid}.mini-mark{width:38px;height:38px;margin:0}.login-form{background:#fff;place-items:center;padding:48px;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}@media (width<=900px){.brand-panel{display:none}.login-page{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.session-loader{background:radial-gradient(circle at 50% 35%,#fff 0,#f2f7f5 55%,#e7f1ee 100%);justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.table-head,.table-row{border-bottom:1px solid #e8eceb;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1.4fr) 140px 48px;align-items:center;gap:16px;padding:16px 20px;display:grid}.table-head{color:#6b7d7a;text-transform:uppercase;background:#f8faf9;font-size:12px;font-weight:700}.table-row small{color:#71817f;margin-top:4px;display:block}.table-row:last-child{border-bottom:0}.role-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px;display:grid}.permission-list{grid-template-columns:1fr 1fr;margin-top:8px;display:grid}.report-row{text-transform:capitalize;border-bottom:1px solid #edf0ef;justify-content:space-between;padding:12px 4px;display:flex}@media (width<=900px){.table-head{display:none}.table-row{grid-template-columns:1fr auto;padding:16px}.table-row>:nth-child(2){grid-column:1}.table-row>:nth-child(3){grid-area:1/2}.permission-list{grid-template-columns:1fr}}.reports-layout{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.5fr);gap:18px;margin-top:24px;display:grid}.report-item{cursor:pointer;border-bottom:1px solid #edf0ef;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 10px;display:flex}.report-item:hover,.report-item.active{background:#edf8f6}.report-item small{color:#71817f;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:3px;display:block;overflow:hidden}.comment{background:#f3f7f6;border-left:3px solid #0f766e;border-radius:6px;margin-top:10px;padding:12px}@media (width<=1000px){.reports-layout{grid-template-columns:1fr}}.entity-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:24px;display:grid}.entity-card{transition:transform .15s,box-shadow .15s}.entity-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f322e14}.entity-details{color:#647572;gap:6px;margin-top:18px;display:grid}.work-table{grid-template-columns:minmax(230px,1.4fr) minmax(150px,1fr) minmax(180px,1fr) 100px 190px;align-items:center;gap:16px;padding:15px 18px;display:grid}.work-head{color:#647572;text-transform:uppercase;background:#f3f7f6;font-size:12px;font-weight:700}.work-row{border-top:1px solid #e8eceb}.work-row small{color:#647572;margin-top:3px;display:block}.calendar-list{gap:12px;margin-top:24px;display:grid}.date-tile{color:#0f766e;background:#e7f5f2;border-radius:12px;align-content:center;place-items:center;width:58px;height:58px;display:grid}.date-tile b{font-size:22px;line-height:1}.date-tile span{text-transform:uppercase;margin-top:4px;font-size:11px}@media (width<=1050px){.work-head{display:none}.work-row{grid-template-columns:1fr auto}.work-row>:nth-child(2),.work-row>:nth-child(3){grid-column:1}.work-row>:nth-child(4),.work-row>:nth-child(5){grid-column:2}}.client-card{cursor:pointer}.client-card:focus-visible{outline:3px solid #35baf0}.work-row.interactive{cursor:pointer;transition:background .15s}.work-row.interactive:hover{background:#f5faf8}.timeline-event{border-left:2px solid #dbe8e5;margin-top:16px;padding:0 0 16px 20px;position:relative}.timeline-event:before{content:"";background:#0f766e;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:-6px}.timeline-event small{color:#71817f;margin:3px 0 8px;display:block}.document-row{border-bottom:1px solid #e8eceb;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.document-row:last-child{border-bottom:0}.file-icon{color:#0f766e;background:#e7f5f2;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}@media (width<=720px){.document-row{flex-direction:column;align-items:flex-start}.document-row>div:last-child{flex-wrap:wrap}}.notification-row{cursor:pointer;border-bottom:1px solid #e5ebef;gap:16px;padding:18px 20px;display:flex}.notification-row.unread{background:#eef8fd}.notification-row:last-child{border-bottom:0}.insight-row{color:#66727a;border-top:1px solid #e8eef2;grid-template-columns:minmax(180px,1.5fr) 1fr 1fr;gap:16px;padding:13px 0;display:grid}.insight-row b{color:#252525}@media (width<=650px){.insight-row{grid-template-columns:1fr}.notification-row{padding:15px}}.email-card{flex-direction:column;height:calc(100dvh - 235px);min-height:520px;display:flex}.email-card>.MuiTabs-root{flex:none}.email-layout{flex:1;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.4fr);min-height:0;display:grid}.email-list{overscroll-behavior:contain;scrollbar-gutter:stable;border-right:1px solid #e3e9ed;min-height:0;overflow-y:auto}.email-row{cursor:pointer;border-bottom:1px solid #e8eef2;gap:12px;padding:15px 18px;display:flex}.email-row:hover{background:#f5fafd}.email-row.unread{background:#eaf7fd}.email-row.unread b{color:#087fb2}.email-reader{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-wrap:anywhere;min-width:0;min-height:0;padding:28px;overflow-y:auto}@media (width<=900px){.email-card{height:auto;min-height:0}.email-layout{grid-template-columns:1fr}.email-list{border-bottom:1px solid #e3e9ed;border-right:0;max-height:360px}.email-reader{min-height:420px;max-height:65dvh;padding:20px}}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.metric-card{background:linear-gradient(145deg,#fff,#f9fbfa);min-height:156px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#dff5f0;border-radius:50%;width:72px;height:72px;position:absolute;top:-24px;right:-24px}.activity-row{border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;display:flex}.activity-row small{color:#71817f;margin-top:4px;display:block}.empty-state.compact{min-height:160px}@media (width<=900px){.page-heading{flex-direction:column;align-items:flex-start}.reports-layout>div{min-width:0}}@media (width<=600px){.login-form{padding:28px 20px}.metric-grid,.entity-grid,.work-row{grid-template-columns:1fr}.work-row>*{grid-column:1!important}.MuiDialog-paper{margin:12px!important}.page-heading .MuiButton-root{width:100%}.MuiDialogActions-root{flex-wrap:wrap;padding:12px 16px!important}.email-reader{padding:16px}.table-row{gap:8px}}.attendance-row{border-bottom:1px solid #e8eceb;grid-template-columns:minmax(170px,.8fr) minmax(230px,1.2fr) minmax(230px,1.2fr) 100px minmax(32px,170px);align-items:start;gap:16px;padding:16px 20px;display:grid}.attendance-row small{color:#71817f;font-size:11px}.correction-row{border-top:1px solid #e8eceb;justify-content:space-between;align-items:center;gap:18px;padding:14px 2px;display:flex}.correction-row small{color:#71817f;margin-top:3px;display:block}@media (width<=900px){.attendance-row{grid-template-columns:1fr 1fr}.attendance-row>:first-child{grid-column:1/-1}.correction-row{flex-direction:column;align-items:flex-start}}.stock-row{border-bottom:1px solid #e5ebef;grid-template-columns:1.2fr 1fr 1fr 120px;align-items:center;gap:16px;padding:16px 20px;display:grid}.stock-head{color:#66727a;text-transform:uppercase;background:#f5f8fa;font-size:12px;font-weight:700}@media (width<=700px){.stock-head{display:none}.stock-row{grid-template-columns:1fr}.stock-row>*{grid-column:1}}.stock-row{grid-template-columns:60px 1.2fr 1fr 1fr 120px}@media (width<=700px){.stock-row{grid-template-columns:1fr}}.metric-grid{grid-template-columns:repeat(6,1fr);gap:16px}.dashboard-hero{isolation:isolate;color:#fff;background:linear-gradient(125deg,#172525 0%,#123d42 56%,#087fb2 130%);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding:30px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #10303024}.dashboard-hero:before,.dashboard-hero:after{content:"";z-index:-1;background:#35baf021;border-radius:50%;position:absolute}.dashboard-hero:before{width:240px;height:240px;top:-175px;right:18%}.dashboard-hero:after{width:180px;height:180px;bottom:-115px;right:-60px}.dashboard-hero .MuiTypography-overline-root{color:#75d7f6;letter-spacing:1.2px;font-weight:800}.dashboard-subtitle{color:#ffffffb8}.hero-alert-chip{border:1px solid #ffffff2e;color:#fff!important;background:#ffffff1f!important}.hero-alert-chip .MuiSvgIcon-root{color:#75d7f6!important}.metric-card{background:#fff;min-height:154px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 25px #1e37350e;border:1px solid #e1e9e7!important}.metric-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1e37351a}.metric-card:before{content:"";background:#1598d0;width:4px;position:absolute;inset:0 auto 0 0}.metric-card.tone-green:before{background:#2e8b57}.metric-card.tone-violet:before{background:#6f65b3}.metric-card.tone-orange:before{background:#e48a2b}.metric-card.tone-red:before{background:#cf4e4e}.metric-label{align-items:center;gap:9px;display:flex}.metric-icon{color:#087fb2;background:#eef8fc;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.tone-green .metric-icon{color:#2e8b57;background:#edf8f1}.tone-violet .metric-icon{color:#6f65b3;background:#f2f0fa}.tone-orange .metric-icon{color:#d97815;background:#fff5e9}.tone-red .metric-icon{color:#cf4e4e;background:#fff0f0}.metric-icon .MuiSvgIcon-root{font-size:20px}.performance-grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:20px;display:grid}.performance-grid.secondary{grid-template-columns:1.25fr .75fr}.dashboard-panel{border:1px solid #dfe8e6!important;border-radius:18px!important;box-shadow:0 8px 30px #1e37350b!important}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.progress-row{border-top:1px solid #edf1f0;grid-template-columns:1fr auto;gap:6px 16px;padding:12px 0;display:grid}.progress-row small,.ranking-row small{color:#71817f;margin-top:3px;display:block}.progress-track,.mini-track{background:#edf2f1;border-radius:20px;grid-column:1/-1;height:7px;overflow:hidden}.progress-fill,.mini-track i{border-radius:inherit;background:#1598d0;height:100%;display:block}.progress-fill.tone-green{background:#2e8b57}.progress-fill.tone-violet{background:#6f65b3}.ranking-row{border-top:1px solid #edf1f0;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 0;display:grid}.rank-number{color:#087fb2;background:#edf8fc;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.ranking-row>strong{font-size:18px}.mini-track{height:4px;margin-top:7px}.status-chip-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.status-stat{text-transform:capitalize;color:#667572;background:#fbfcfc;border:1px solid #e6ecea;border-radius:12px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.status-stat b{color:#172525;font-size:20px}.compact-stat-list>div{color:#667572;border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.compact-stat-list b{color:#172525;font-size:18px}.danger-text{color:#cf4e4e!important}@media (width<=1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dashboard-hero{flex-direction:column;align-items:flex-start}.performance-grid,.performance-grid.secondary{grid-template-columns:1fr}.status-chip-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.metric-grid{grid-template-columns:1fr}.dashboard-hero{border-radius:16px;padding:24px 20px}.dashboard-hero .MuiButton-root{width:100%}.status-chip-grid{grid-template-columns:1fr}}.job-card-register{border:1px solid #dfe7e5;border-radius:16px;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.4fr);min-height:600px;display:grid;overflow:hidden}.job-card-list{border-right:1px solid #dfe7e5;max-height:68vh;overflow:auto}.job-card-row{cursor:pointer;border-bottom:1px solid #e8eeec;grid-template-columns:1fr auto;gap:14px;padding:15px 16px;display:grid}.job-card-row:hover,.job-card-row.active{background:#edf8f6}.job-card-row small{color:#71817f;white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-top:3px;display:block;overflow:hidden}.job-card-reader{max-height:68vh;padding:24px;overflow:auto}.job-card-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;display:grid}.job-card-detail-grid>div{background:#f5f8f7;border-radius:10px;padding:12px}.job-card-detail-grid small,.job-card-text small{color:#71817f;margin-bottom:4px;font-size:11px;display:block}.job-card-text{border-top:1px solid #e7edeb;padding:14px 0}.evidence-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-top:10px;display:grid}.evidence-grid>div,.signature-preview{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.evidence-grid img{object-fit:contain;background:#f1f4f3;border-radius:10px;width:100%;height:220px}.signature-preview img{object-fit:contain;border:1px solid #e0e6e4;border-radius:10px;max-width:360px;max-height:170px;margin-top:10px}@media (width<=1000px){.job-card-register{grid-template-columns:1fr}.job-card-list{border-bottom:1px solid #dfe7e5;border-right:0;max-height:350px}.job-card-reader{max-height:none}}@media (width<=600px){.job-card-detail-grid,.evidence-grid{grid-template-columns:1fr}.job-card-reader{padding:16px}}