/* Helen and Sons HRIS — purple operations UI, inspired by the supplied reference. */
:root{
  color-scheme:dark;
  --navy:#9b9bb4;--dark:#12124e;--mid:#24245b;--ink:#f6f6f8;--muted:#9b9bb4;
  --bg:#12124e;--line:#2e2e62;--gold:#d1d1dd;--green:#adadc2;--white:#1b1b54;
  --radius:19px;--shadow:none;
  --accent:#a4a4bb;--lavender:#a4a4bb;--border:#2e2e62;--sub:#9b9bb4;
}
html,body{background:#12124e;color:#f6f6f8;font-family:Inter,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #bfbfcf;outline-offset:3px}
.hidden{display:none!important}.eyebrow,.panel-kicker{color:#a4a4bb;font-size:10px;letter-spacing:.17em;font-weight:850}
.brand-image{object-fit:contain;display:block;flex-shrink:0;border-radius:13px}.large-logo{width:87px;height:87px}.side-logo{width:52px;height:52px}
.brand-wordmark{font:800 19px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.03em}.brand-wordmark span{color:#d1d1dd}.brand-wordmark small{font-size:8px;color:#9b9bb4;letter-spacing:.12em;opacity:1}
.auth-layout{background:#12124e;grid-template-columns:50% 50%}.auth-brand{background:radial-gradient(ellipse at 85% 17%,#24245b 0%,transparent 45%),linear-gradient(150deg,#12124e 2%,#12124e 68%,#12124e 100%);border-right:1px solid #2e2e62;min-height:680px}
.brand-message h1{font-family:Inter,"Segoe UI",sans-serif;letter-spacing:-.055em;font-weight:800}.brand-message h1 em{color:#a4a4bb;font-style:normal}.brand-message p{color:#a4a4bb}.brand-bullet{color:#adadc2}.brand-bullet span{color:#8989a6}.eyebrow.light{color:#bfbfcf}.brand-shape{border-color:#52527d31}
.auth-form-panel{background:#12124e}.auth-content h2{font-family:Inter,"Segoe UI",sans-serif;font-weight:800;font-size:38px}.subheading{color:#9292ad}
.stack-form label{color:#bfbfcf}.stack-form input,.stack-form select,.stack-form textarea,.filters input,.search-input{background:#1b1b54!important;border:1px solid #2e2e62!important;color:#ededf1!important;border-radius:10px;outline:none;min-width:0}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#6d6d92}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.search-input:focus{border-color:#9292ad!important;box-shadow:0 0 0 3px #9292ad24}.stack-form textarea{width:100%;padding:13px 14px;resize:vertical;font-size:13px;line-height:1.6}
.btn{border-radius:11px;font-size:12px;transition:background .15s,transform .15s,box-shadow .15s}.btn-primary{background:linear-gradient(100deg,#b6b6c8,#9b9bb4);color:#12124e;box-shadow:0 7px 19px #8080a018}.btn-primary:hover:not(:disabled){background:linear-gradient(100deg,#d1d1dd,#b6b6c8)}.btn-outline{background:#1b1b54;border-color:#373769;color:#e4e4eb}.btn-outline:hover:not(:disabled){background:#24245b}.btn-demo{background:#24245b;border-color:#494977;color:#ededf1}.btn-success,.btn-approve{background:#5b5b84;color:#f6f6f8;border-color:#8080a0}.btn-success:hover:not(:disabled),.btn-approve:hover:not(:disabled){background:#6d6d92}.btn-dark{background:#2e2e62;color:#ededf1;border:1px solid #52527d}.btn-danger{color:#ffffff;background:#64648b}.btn-danger-outline{border:1px solid #5b5b84;color:#c8c8d6;background:#2e2e62}.btn-danger-outline:hover:not(:disabled){background:#404070}.text-link,.back-link,.password-toggle{color:#adadc2}.divider-word{color:#6d6d92}.divider-word::before,.divider-word::after{background:#2e2e62}.demo-entry small,.auth-footer{color:#8989a6}.demo-buttons{flex-wrap:wrap}.demo-buttons .btn{flex:1 1 128px}.setup-alert{background:#24245b;color:#d1d1dd;border-left-color:#9292ad}
.sidebar{background:#12124e;border-right:1px solid #2e2e62;width:226px;padding:25px 13px 18px}.brand-logo.side{margin:0 7px 40px;gap:10px}.brand-logo.side .brand-wordmark{font-size:13px}.brand-logo.side .brand-wordmark small{font-size:7px;letter-spacing:.045em}.side-group-label{color:#767699;font-size:9px}.side-nav{gap:7px}.nav-item{color:#9b9bb4;font-weight:650;font-size:12px;border:1px solid transparent;border-radius:10px;padding:12px 13px;gap:10px}.nav-item:hover,.nav-item.active{background:#24245b;color:#f6f6f8;border-color:#404070}.nav-item.active{box-shadow:inset 3px 0 #a4a4bb}.nav-icon{font-size:19px;width:23px;color:#a4a4bb}.nav-count{margin-left:auto;background:#373769;color:#dbdbe4;border:1px solid #5b5b84;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:850}.side-hint{background:linear-gradient(135deg,#24245b,#1b1b54);border-color:#373769}.hint-icon{color:#adadc2}.side-hint strong{color:#ededf1}.side-hint small,.logout-btn{color:#9292ad}
.workspace{margin-left:226px}.topbar{height:72px;background:#12124e;border-bottom:1px solid #24245b;padding:0 26px}.breadcrumb{color:#9b9bb4;font-size:12px}.breadcrumb span{color:#64648b}.account-circle,.big-avatar{background:linear-gradient(135deg,#494977,#24245b);color:#e4e4eb;border-radius:12px}.top-user strong{color:#ededf1}.top-user small{color:#8989a6}.server-state{color:#a4a4bb;background:#24245b;border:1px solid #373769;border-radius:18px;padding:7px 10px;font-size:10px}.state-dot{background:#9292ad}.server-state.live .state-dot{background:#bfbfcf}.separator{background:#373769}.demo-switch-wrap{display:flex;align-items:center;gap:8px}.demo-switch-wrap label{font-size:10px;color:#9292ad}.demo-switch-wrap select{background:#1b1b54;border:1px solid #373769;border-radius:8px;padding:7px 9px;color:#ededf1;font-size:11px;max-width:175px}.notification-bell{position:relative;width:35px;height:35px;background:#1b1b54;border:1px solid #404070;border-radius:10px;color:#b6b6c8;font-size:21px;display:grid;place-items:center}.bell-count{position:absolute;right:-6px;top:-8px;font-size:10px;min-width:17px;padding:2px 4px;background:#9b9bb4;color:#12124e;border-radius:20px;font-weight:850}.mode-warning{background:#1b1b54;border-bottom-color:#2e2e62;color:#b6b6c8;padding:9px 26px;font-size:10px}.mode-warning strong{border-color:#64648b;color:#c8c8d6}.mode-warning button{color:#c8c8d6}.page-wrap{max-width:none;padding:26px 26px 42px}.page-heading{margin-bottom:21px}.page-heading h1{font-family:Inter,"Segoe UI",sans-serif;color:#f6f6f8;font-weight:800;font-size:30px;letter-spacing:-.045em;margin:5px 0 8px}.page-heading p{color:#9292ad;font-size:12px}.page-heading .eyebrow{font-size:9px}
.metric-card,.panel{border:1px solid #2e2e62;background:linear-gradient(132deg,#1b1b54,#12124e);border-radius:19px;box-shadow:inset 0 1px rgba(255,255,255,.012)}.panel h2{color:#ededf1;font-size:15px;font-weight:800;letter-spacing:-.02em}.panel p{color:#a4a4bb;font-size:11px;line-height:1.65}.panel-title-row{gap:13px}.subtle-badge{border:1px solid #404070;border-radius:9px;background:#24245b;color:#b6b6c8;font-size:10px;padding:7px 10px;font-weight:700}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,2.07fr) minmax(290px,1fr);gap:18px;margin-bottom:18px;align-items:stretch}.dashboard-main{display:flex;flex-direction:column;min-width:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.metric-card{padding:16px 15px;min-height:164px;overflow:hidden}.metric-warm{background:radial-gradient(circle at top right,#373769 0%,transparent 62%),linear-gradient(130deg,#1b1b54,#12124e)}.metric-teal{background:radial-gradient(circle at top right,#373769 0%,transparent 65%),linear-gradient(130deg,#24245b,#1b1b54);border-color:#494977}.metric-violet{background:radial-gradient(circle at top right,#24245b 0%,transparent 70%),linear-gradient(130deg,#1b1b54,#12124e)}.metric-deep{background:radial-gradient(circle at top right,#2e2e62 0%,transparent 70%),linear-gradient(130deg,#1b1b54,#12124e)}.card-symbol{height:30px;width:30px;border-radius:9px;border:1px solid #494977;background:#24245b;display:grid;place-items:center;color:#d1d1dd;font-size:17px;margin-bottom:12px}.metric-title{color:#adadc2;font-size:11px;margin-bottom:7px;display:block}.metric-card>strong{font-size:34px;font-weight:800;color:#ededf1;margin-top:0;letter-spacing:-.055em}.metric-card>small{color:#9b9bb4;font-size:9px;margin-top:8px}
.activity-panel{padding:24px 24px 15px;flex:1;min-height:285px;display:flex;flex-direction:column}.activity-head{display:flex;align-items:baseline;gap:10px;margin-top:16px}.activity-head strong{font-size:26px;color:#f6f6f8}.activity-head span{font-size:11px;color:#a4a4bb}.chart-wrap{flex:1;min-height:135px;margin-top:8px}.chart-wrap svg{width:100%;height:100%;min-height:135px;overflow:visible}.chart-guide{stroke:#373769;stroke-dasharray:4 8;stroke-width:1}.chart-axis{display:flex;justify-content:space-between;color:#9292ad;font-size:10px;margin-top:8px}
.terminal-panel{padding:21px 21px 20px;display:flex;flex-direction:column;min-height:470px;background:radial-gradient(ellipse at top right,#24245b 0%,transparent 60%),linear-gradient(160deg,#1b1b54,#12124e 76%)}.terminal-heading{display:flex;gap:11px;align-items:center}.terminal-heading>div{flex:1;min-width:0}.terminal-heading h2{font-size:14px;margin-bottom:3px}.terminal-heading p{font-size:10px;margin:0}.terminal-icon{flex:0 0 41px;height:41px;border-radius:13px;background:linear-gradient(140deg,#5b5b84,#2e2e62);color:#c8c8d6;display:grid;place-items:center;font-size:23px}.terminal-live{font-size:9px;color:#b6b6c8;border:1px solid #494977;padding:7px 9px;border-radius:11px;white-space:nowrap;font-weight:800;background:#2e2e62}.terminal-divider{height:1px;background:#373769;margin:20px 0}.terminal-subtitle{font-size:9px;letter-spacing:.14em;font-weight:850;color:#9292ad;margin-bottom:12px}.terminal-queue{display:flex;flex-direction:column;gap:9px}.terminal-entry{background:rgba(255,255,255,.035);width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:10px 12px;border:1px solid #2e2e62;border-radius:13px;min-height:60px;color:#ededf1}.terminal-entry:hover{border-color:#767699;background:#24245b}.entry-avatar{height:34px;width:34px;border-radius:10px;background:#373769;color:#c8c8d6;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}.entry-avatar.late{background:#373769;color:#c8c8d6}.entry-copy{flex:1;min-width:0}.entry-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-copy small{display:block;color:#9b9bb4;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-kind{font-size:8px;color:#9b9bb4;align-self:flex-start}.terminal-footer{border-top:1px solid #2e2e62;padding-top:14px;margin-top:auto}.terminal-footer p{margin:0 0 13px}.terminal-footer .btn{margin-top:0}
.dashboard-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.insight-panel{min-height:181px;padding:21px 23px;display:grid;grid-template-columns:minmax(140px,210px) 1fr;gap:20px}.insight-panel h2,.workflow-panel h2{margin:6px 0 3px}.insight-bars{display:flex;flex-direction:column;gap:16px;justify-content:center}.insight-row{display:grid;grid-template-columns:105px 1fr 20px;gap:9px;align-items:center;font-size:10px;color:#d1d1dd}.insight-row strong{color:#ededf1;text-align:right}.bar-track{background:#24245b;border-radius:20px;height:8px;overflow:hidden}.bar-fill{display:block;height:100%;min-width:0;border-radius:20px}.bar-fill.teal{background:linear-gradient(90deg,#9292ad,#bfbfcf)}.bar-fill.lavender{background:linear-gradient(90deg,#8080a0,#a4a4bb)}.bar-fill.pink{background:linear-gradient(90deg,#8080a0,#a4a4bb)}.workflow-panel{padding:22px 23px}.workflow-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.workflow-counts>div{border:1px solid #2e2e62;border-radius:12px;background:#1b1b54;padding:13px 10px}.workflow-counts span{display:block;color:#9292ad;font-size:10px}.workflow-counts strong{font-size:24px;display:block;margin-top:7px;color:#ededf1}
.overview-tools{grid-template-columns:minmax(0,1.18fr) minmax(285px,1fr);margin-bottom:18px}.attendance-hero{padding:23px 25px}.panel-eyebrow{color:#adadc2}.attendance-hero-top{align-items:center}.panel h2{font-size:15px}.status-pill{font-size:9px;border:1px solid transparent}.status-not-in{background:#2e2e62;color:#adadc2;border-color:#404070}.status-in{background:#2e2e62;color:#d1d1dd;border-color:#52527d}.status-out{background:#24245b;color:#b6b6c8;border-color:#494977}.clock-line{margin:18px 0}.clock-line strong{font-size:34px;color:#ededf1}.clock-line span{color:#9292ad}.punch-grid{border-color:#373769;background:#1b1b54}.punch-grid>div+div{border-color:#373769}.punch-grid span,.strip-times span{color:#a4a4bb}.punch-grid strong,.strip-times strong{color:#ededf1;font-size:21px}.clock-actions{margin-top:17px}.clock-actions .btn{font-weight:850;letter-spacing:.03em}.tiny-info{color:#8989a6}.alerts-glance{padding:23px;display:flex;flex-direction:column}.alerts-glance .panel-title-row{align-items:flex-start}.alerts-glance-list{margin:12px 0 16px;flex:1}.glance-alert{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #2e2e62}.glance-alert:last-child{border:0}.glance-mark,.alert-round{height:32px;width:32px;border-radius:10px;background:#373769;color:#bfbfcf;display:grid;place-items:center;font-size:15px;font-weight:900;flex:none}.glance-alert strong{font-size:11px;display:block}.glance-alert small{display:block;color:#a4a4bb;font-size:10px;margin-top:4px}.alerts-glance>.btn{margin-top:auto}.recent-attendance{margin-top:0}
.data-panel{padding:21px 23px}.data-panel>.panel-title-row{margin-bottom:15px}table{min-width:580px}th{color:#9292ad;border-bottom-color:#373769;font-size:9px}td{color:#adadc2;border-bottom-color:#24245b}td strong{color:#ededf1}.person-initials{background:#2e2e62;color:#c8c8d6;border-radius:10px}.person-cell small{color:#9292ad}.role-pill{border-color:#404070;color:#b6b6c8;background:#24245b}.data-pill.active{color:#c8c8d6;background:#2e2e62}.data-pill.inactive{color:#bfbfcf;background:#2e2e62}.empty-row,.empty-panel{color:#9292ad;text-align:center;padding:24px;font-size:12px}.attendance-strip{padding:25px}.attendance-strip h2{color:#ededf1}.attendance-strip .eyebrow{color:#a4a4bb}.filters label{color:#a4a4bb}.info-panel{background:#1b1b54;color:#b6b6c8;border-color:#373769}.info-panel p{color:#9b9bb4}.account-grid{grid-template-columns:minmax(270px,350px) minmax(320px,520px)}.account-card,.security-card{padding:29px}.account-data{border-top-color:#2e2e62}.account-data>div{border-bottom-color:#2e2e62}.account-data span{color:#9292ad}.account-data strong{color:#ededf1}.account-card>p{color:#a4a4bb}.security-card>p{color:#a4a4bb}.workspace-footer{background:#12124e;border-top-color:#2e2e62;color:#9292ad}
/* Leave request and approval flow */
.feature-note{background:#24245b;border:1px solid #494977;border-radius:11px;padding:13px 16px;color:#bfbfcf;font-size:12px;margin:0 0 17px}.leave-layout{display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(280px,.9fr);gap:18px;margin-bottom:18px}.form-panel,.leave-side-panel{padding:26px}.form-panel h2,.leave-side-panel h2{margin:7px 0 5px;font-size:19px}.form-panel>p,.leave-side-panel>p{margin:0 0 20px}.form-panel .stack-form{gap:12px}.form-panel .stack-form label{font-size:11px}.form-hint{font-size:11px;color:#adadc2;background:#24245b;border:1px solid #373769;padding:10px 12px;border-radius:10px}.leave-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.leave-summary-grid>div{border:1px solid #2e2e62;background:#1b1b54;padding:17px 10px;border-radius:13px}.leave-summary-grid span{font-size:10px;color:#adadc2;display:block}.leave-summary-grid strong{font-size:26px;margin-top:8px;display:block}.leave-help{margin-top:27px;padding:20px;border:1px solid #373769;border-radius:13px;background:#24245b}.leave-help strong{font-size:12px;color:#d1d1dd}.leave-help p{margin:9px 0 0}.td-note{display:block;font-size:10px;color:#9b9bb4;max-width:260px;white-space:normal;margin-top:7px}.wrap-note{max-width:250px;white-space:normal;line-height:1.6}.leave-tag{padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800;display:inline-block}.leave-tag.pending{color:#d1d1dd;background:#2e2e62}.leave-tag.approved{color:#d1d1dd;background:#2e2e62}.leave-tag.rejected{color:#bfbfcf;background:#24245b}.leave-tag.cancelled{color:#a4a4bb;background:#24245b}.table-action{background:none;border:1px solid #494977;color:#b6b6c8;padding:7px 10px;border-radius:8px;font-size:11px}.table-action:hover{background:#2e2e62}.approval-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.mini-stat{padding:23px}.mini-stat span{color:#adadc2;font-size:11px}.mini-stat strong{display:block;font-size:34px;margin-top:8px}.approval-queue{display:flex;flex-direction:column;gap:0}.approval-item{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #2e2e62}.approval-item:last-child{border:0}.approval-item .person-initials{height:41px;width:41px}.approval-copy{flex:1;min-width:160px}.approval-copy strong{font-size:13px}.approval-copy small{display:block;margin-top:5px;color:#a4a4bb;font-size:11px}.approval-copy p{margin:5px 0 0;color:#c8c8d6}.approval-actions{display:flex;gap:9px;align-items:center}.approval-actions .btn{min-height:35px;padding:9px 12px}.muted-tip{font-size:11px;color:#9292ad}.approval-history{margin-top:18px}
.policy-strip{padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:radial-gradient(circle at 95% 10%,#24245b,transparent 60%),#1b1b54}.policy-strip h2{margin:6px 0}.policy-icon{font-size:47px;color:#a4a4bb;opacity:.7}.late-alert-feed{display:flex;flex-direction:column}.alert-entry{display:flex;align-items:center;gap:14px;border-bottom:1px solid #2e2e62;padding:18px 0}.alert-entry:last-child{border:0}.alert-entry.reviewed{opacity:.67}.alert-copy{flex:1}.alert-copy strong{font-size:12px}.alert-copy p{margin:7px 0 0}.alert-copy p b{color:#e4e4eb}.late-chip{color:#c8c8d6;font-size:10px;background:#2e2e62;border-radius:20px;padding:4px 7px;margin-left:6px}.alert-entry-actions .btn{font-size:10px;white-space:nowrap}.reviewed-pill{color:#bfbfcf;font-size:11px}.empty-panel{border:1px dashed #404070;border-radius:12px;margin:12px 0}
/* Modal and notifications */
.toast{background:#373769;border:1px solid #52527d;color:#ffffff;box-shadow:0 18px 50px #09094799;z-index:999;font-size:12px}.toast.error{background:#404070;border-color:#64648b}.modal-backdrop{background:rgba(9,9,71,.80)}.modal{background:#1b1b54;border:1px solid #494977;box-shadow:0 27px 80px #090947bb}.modal h2{color:#ededf1;font-family:Inter,"Segoe UI",sans-serif;font-weight:850;font-size:22px}.modal>p{color:#adadc2}.modal-close{color:#a4a4bb}.modal-top .eyebrow{color:#b6b6c8}
@media(max-width:1450px){.dashboard-layout{grid-template-columns:minmax(0,1.95fr) minmax(285px,1fr)}.metric-card{padding:15px 12px}.metric-card>strong{font-size:32px}.metric-title{font-size:10px}.insight-panel{grid-template-columns:minmax(135px,165px) 1fr;gap:15px}}
@media(max-width:1220px){.dashboard-layout{grid-template-columns:1fr}.dashboard-main{min-height:0}.terminal-panel{min-height:350px}.terminal-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-footer{margin-top:22px}.metric-grid{grid-template-columns:repeat(4,1fr)}.overview-tools{grid-template-columns:1fr 1fr}.dashboard-bottom{grid-template-columns:1fr 1fr}.insight-panel{grid-template-columns:1fr;gap:5px}.insight-bars{gap:9px}}
@media(max-width:1050px){.dashboard-bottom,.overview-tools{grid-template-columns:1fr}.insight-panel{grid-template-columns:minmax(160px,210px) 1fr}.topbar{padding:0 18px}.demo-switch-wrap label{display:none}.demo-switch-wrap select{max-width:134px}}
@media(max-width:780px){.auth-layout{display:block}.auth-brand{min-height:275px;padding:25px 7%}.auth-form-panel{padding:37px 7%}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:15px}.sidebar{width:71px;padding:19px 7px}.brand-logo.side{margin:0 4px 32px}.brand-logo.side .brand-wordmark,.sidebar .side-group-label,.sidebar .side-hint,.sidebar .logout-btn,.nav-item{font-size:0}.brand-logo.side .side-logo{height:42px;width:42px}.nav-item{padding:12px 4px;justify-content:center;position:relative}.nav-icon{font-size:21px}.nav-count{position:absolute;right:1px;top:2px;font-size:8px;padding:1px 4px}.workspace{margin-left:71px}.topbar{padding:0 16px}.page-wrap{padding:20px 15px 35px}.mode-warning{padding:10px 15px}.workspace-footer{padding:12px 15px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .logout-btn{display:block;font-size:0}.sidebar-bottom .logout-btn span{font-size:24px}.brand-message h1{font-size:39px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:147px}.terminal-queue{grid-template-columns:1fr}.top-user{display:none}}
@media(max-width:560px){.page-heading h1{font-size:25px}.dashboard-layout{gap:13px}.metric-grid{gap:10px}.activity-panel{padding:18px}.terminal-panel{padding:18px}.metric-card{padding:12px}.metric-card>strong{font-size:27px}.card-symbol{height:27px;width:27px;margin-bottom:8px}.insight-panel{grid-template-columns:1fr}.insight-bars{gap:12px}.workflow-counts{gap:6px}.workflow-counts>div{padding:10px 7px}.workflow-counts strong{font-size:22px}.attendance-hero{padding:17px}.clock-line strong{font-size:30px}.punch-grid{padding:12px 0}.punch-grid>div{padding:0 7px}.punch-grid strong{font-size:17px}.clock-actions{flex-direction:column}.alerts-glance{padding:18px}.approval-metrics{gap:7px}.mini-stat{padding:15px 10px}.mini-stat strong{font-size:25px}.leave-layout{grid-template-columns:1fr}.form-panel,.leave-side-panel{padding:19px}.approval-item,.alert-entry{align-items:flex-start;flex-wrap:wrap}.approval-actions,.alert-entry-actions{width:100%;padding-left:56px}.demo-switch-wrap{display:none}.server-state{font-size:0}.state-dot{margin-right:0}.sidebar{width:58px;padding:18px 5px}.workspace{margin-left:58px}.brand-logo.side .side-logo{width:37px;height:37px}.topbar{height:62px}.page-wrap{padding:16px 12px 30px}.topbar-actions{gap:9px}.dashboard-bottom{gap:12px}.page-heading{gap:12px}}