/* Khatwah Studio — clear focus, confident identity, quiet working surfaces. */
:root{--bg:#f5f5f1;--line:#e8e8e2;--radius:18px}
body{background:var(--bg);font-feature-settings:'ss01' on}
.content{max-width:1600px;margin:auto;padding:32px 38px 22px}
.page-heading{margin-bottom:28px;align-items:center}.page-heading h1{font-size:29px;letter-spacing:-.8px;line-height:1.55;font-weight:750}.page-heading p{color:#777774;font-size:12px;line-height:1.9}.eyebrow{font-size:9px;letter-spacing:2px;color:#6c6c70;margin-bottom:8px}
.topbar{background:#f5f5f1eF;border-bottom:1px solid #e4e4de;backdrop-filter:blur(12px);height:76px}.breadcrumbs{font-size:11px}.breadcrumbs strong{font-weight:650}.global-search{background:#fff;border:1px solid #e8e8e2;border-radius:10px}.global-search input{font-size:11px}
.sidebar{padding:23px 16px 15px;width:236px}.sidebar .brand{padding:0 12px 20px}.brand-logo{width:132px}.brand-system{font-size:8px;letter-spacing:3px}.workspace-chip{margin-bottom:20px}.nav-link{font-size:11px;min-height:41px;padding:10px 12px;gap:11px;margin-bottom:4px}.nav-link svg{width:17px;height:17px;opacity:.9}.nav-link.active{box-shadow:0 3px 15px #c2ff3e12}.nav-section-label{margin:10px 12px 10px}.demo-note{font-size:9px;line-height:1.9;padding:13px 11px;border:1px solid #333;border-radius:11px;background:#1c1c1c}.demo-note strong{font-size:10px;margin-bottom:4px}.sidebar-profile{padding:14px 5px 2px}.profile-name{font-size:10px}.profile-role{font-size:8px}.sidebar .avatar{width:31px;height:31px;font-size:10px}.shell{grid-template-columns:236px minmax(0,1fr)}.main{margin:0}
.panel{border:1px solid #e5e5df;border-radius:18px;box-shadow:0 3px 8px #14141402}.panel-head{padding:21px 23px;border-bottom-color:#efefeb}.panel-head h2{font-size:13px;font-weight:750}.panel-head .count-label{font-size:10px;border-radius:6px;background:#f1f1ed;color:#64645e}.panel-head small{font-size:10px;color:#88887f}.table-wrap table th{background:#fbfbf8;font-size:10px;color:#898981;letter-spacing:0}.table-wrap table td{font-size:11px;padding:18px 20px}.table-wrap table td strong{font-weight:650}.project-logo{border-radius:12px}.project-card{border:1px solid #e2e2db;border-radius:18px;padding:24px;box-shadow:none;transition:transform .18s,border-color .18s}.project-card:hover{transform:translateY(-3px);border-color:#b8acf8;box-shadow:0 8px 30px #5c40ff09}.project-card h3{font-size:15px}.project-card p{font-size:10px}.project-card-bottom{border-top:1px solid #f0f0eb;padding-top:15px;margin-top:8px}.btn{border-radius:9px;font-size:11px;min-height:39px;font-weight:700}.btn-primary{box-shadow:0 3px 9px #5c40ff18}.btn-primary:hover{box-shadow:0 5px 14px #5c40ff28}.btn-small{min-height:31px;font-size:9px}.badge{font-size:9px;border-radius:6px;padding:5px 9px}.stat-card{border-radius:17px;box-shadow:none;border:1px solid #e5e5df;padding:23px}.stat-value{letter-spacing:-1px;font-size:30px}.stat-footer{font-size:9px}.task-card{border-radius:13px;box-shadow:none}.board-column{background:#eeeee8;border-radius:16px;padding:15px}.board-title{font-size:12px}.form-field label{font-size:11px;font-weight:650}.form-field input,.form-field select,.form-field textarea{border-radius:9px;background:#fcfcfa;font-size:12px;min-height:44px;border-color:#deded6}.form-field small,.form-hint{font-size:10px;line-height:1.9}.modal{border-radius:21px}.modal-head{padding:24px 28px}.modal-head h2{font-size:19px}.modal-body{padding:25px 28px}.modal-footer{padding:18px 28px}.footer-note{margin-top:36px;font-size:9px;opacity:.75}.notice-bar{border-radius:11px;font-size:10px}
/* Founder dashboard opening. */
.studio-hero{display:flex;position:relative;overflow:hidden;isolation:isolate;background:#5c40ff;border:0;border-radius:21px;color:#fff;margin:0 0 27px;padding:29px 32px;min-height:164px;gap:32px;align-items:center;justify-content:space-between}.studio-hero:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff19;border-radius:50%;inset-inline-end:100px;top:-130px;z-index:-1}.studio-hero-copy>span{font:9px Arial,sans-serif;letter-spacing:3px;color:#d8d1ff}.studio-hero h2{font-size:28px;font-weight:700;margin:9px 0;letter-spacing:-.4px}.studio-hero p{color:#e0dafe;font-size:11px;margin:0;line-height:1.9}.studio-hero-action{display:flex;align-items:center;gap:20px;z-index:1}.studio-hero-count{display:flex;flex-direction:column;min-width:80px}.studio-hero-count strong{font:600 48px Arial,sans-serif;letter-spacing:-2px;color:#c2ff3e}.studio-hero-count span{font-size:9px;color:#ddd6ff}.studio-hero .btn{background:#c2ff3e;color:#141414;border:0;box-shadow:none}.studio-hero img{position:absolute;inset-inline-end:17%;top:-115px;width:390px;opacity:.15;transform:rotate(-20deg);z-index:-1}
.wf-executive-summary .wf-stats{gap:16px;margin-bottom:22px}.wf-stat{border-radius:16px;border-color:#e5e5df;box-shadow:none;padding:22px}.wf-stat.primary{background:#141414;color:#fff;border-color:#141414}.wf-stat.primary .wf-stat-top,.wf-stat.primary small{color:#bbb}.wf-stat.primary strong{color:#c2ff3e}.wf-stat.primary .wf-stat-top>span:last-child{background:#2c2c2c;color:#c2ff3e}.wf-stat strong{font-size:34px;letter-spacing:-1px}.wf-section-title h2{font-size:15px}.wf-intro{border-radius:16px;background:#eeece7;border-color:#e0ddd5}.wf-page .wf-intro p{font-size:11px}.wf-tabs{border-bottom:1px solid #deded6}.wf-table th{font-size:10px}.wf-table td{font-size:11px}.wf-route{overflow:auto}.wf-modal{max-width:900px}.wf-detail-meta{border-radius:13px;background:#f7f7f3}.wf-status{font-size:9px}.wf-timeline-title{font-size:11px}
/* Employee self service. */
.eh-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:21px;margin-bottom:22px}.eh-hero{position:relative;background:#5c40ff;color:white;border-radius:22px;overflow:hidden;padding:29px 32px;min-height:265px;isolation:isolate}.eh-kicker{font-size:9px;font-weight:650;color:#8b8b83;letter-spacing:1.3px}.eh-hero .eh-kicker{color:#d5cdff}.eh-hero h2{font-size:33px;font-weight:650;line-height:1.5;margin:11px 0;letter-spacing:-.8px}.eh-hero>p{font-size:11px;color:#dcd5ff;line-height:1.9;margin:0 0 20px}.eh-hero-profile{display:flex;gap:11px;align-items:center}.eh-hero-profile .avatar{background:#c2ff3e;color:#141414;border:3px solid #ffffff19;width:37px;height:37px;font-size:12px}.eh-hero-profile strong{display:block;font-size:10px}.eh-hero-profile small{font-size:9px;color:#cec5ff}.eh-hero>img{position:absolute;inset-inline-end:-22%;top:-60px;width:400px;opacity:.2;transform:rotate(-18deg);z-index:-1}
.eh-balance{padding:27px 30px;border-radius:22px;border:1px solid #dfe6d0;background:#edf5df;display:flex;flex-direction:column}.eh-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.eh-card-top select{border:1px solid #ced8ba;border-radius:7px;padding:5px 8px;background:transparent;font-size:10px}.eh-balance-number{display:flex;align-items:center;gap:18px;margin:21px 0 23px}.eh-balance-number>strong{font:600 69px Arial,sans-serif;letter-spacing:-4px;color:#222c18;line-height:1.1}.eh-balance-number>div{font-size:15px;font-weight:700}.eh-balance-number small{display:block;font-size:10px;font-weight:400;color:#7b826f;margin-top:7px}.eh-balance-number>span{margin-inline-start:auto;border:1px solid #d3dfc0;background:#e3edcf;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;transform:rotate(10deg)}.eh-balance-number svg{width:23px;height:23px}.eh-balance-track{height:7px;background:#d6e3c1;display:flex;overflow:hidden;border-radius:8px;margin-bottom:15px}.eh-balance-track i:first-child{background:#5c40ff}.eh-balance-track i:last-child{background:#af9fff}.eh-balance-meta{display:flex;gap:26px;font-size:10px;color:#6c735e}.eh-balance-meta>div{display:flex;align-items:center;gap:7px}.eh-balance-meta b{font-family:Arial,sans-serif;color:#232a1d;margin-inline-start:7px}.eh-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:#5c40ff}.eh-dot.reserved{background:#af9fff}.eh-policy{font-size:9px;color:#7d866f;margin-top:18px;line-height:1.8}
.eh-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.eh-quick{border:1px solid #e2e2da;background:#fff;padding:19px 21px;border-radius:15px;display:flex;align-items:center;gap:13px;text-align:start;transition:border-color .2s,transform .2s}.eh-quick:hover{border-color:#baaaff;transform:translateY(-2px)}.eh-quick>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0edff;color:#5c40ff}.eh-quick.sick>span{background:#ffebf8;color:#b9278d}.eh-quick.work>span{background:#f1f5df;color:#687d21}.eh-quick strong{display:block;font-size:12px}.eh-quick small{display:block;font-size:9px;color:#8a8a80;margin-top:6px}.eh-quick>svg{width:16px;height:16px;color:#929288;margin-inline-start:auto}.eh-quick>span svg{width:19px;height:19px}
.eh-main-grid{display:grid;grid-template-columns:1.55fr 1fr;align-items:start;gap:23px}.eh-leaves .panel-head h2{margin-top:6px}.eh-tabs{display:flex;gap:15px;padding:0 22px;border-bottom:1px solid #eeeee8}.eh-tabs button{padding:15px 0;background:none;border:0;border-bottom:2px solid transparent;color:#92928a;font-size:11px;display:flex;align-items:center;gap:7px}.eh-tabs button.active{color:#5c40ff;border-color:#5c40ff;font-weight:700}.eh-tabs b{background:#f1f1ec;padding:1px 6px;border-radius:5px;font:10px Arial,sans-serif;color:#777}.eh-request{display:flex;text-align:start;align-items:center;gap:13px;border:0;border-bottom:1px solid #f0f0eb;background:#fff;padding:22px;width:100%;transition:background .15s}.eh-request:last-child{border:0;border-radius:0 0 18px 18px}.eh-request:hover{background:#fcfcf8}.eh-request-icon{background:#f2efff;border:1px solid #e9e3ff;color:#5c40ff;width:40px;height:43px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.eh-request-icon.sick{background:#ffedf8;border-color:#f9dbf0;color:#c3439f}.eh-request-icon svg{width:18px;height:18px}.eh-request-main{flex:1}.eh-request-main strong{font-size:11px;font-weight:700;display:block}.eh-request-main small{font-size:9px;color:#8d8d83;line-height:1.9;display:block;margin-top:4px}.eh-request>svg{width:14px;height:14px;color:#999}.eh-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1.6;border:1px solid #e8dfca;border-radius:6px;padding:5px 9px;color:#9b7c38;background:#fbf5e5;white-space:nowrap}.eh-badge.approved{color:#467642;background:#edf5e8;border-color:#d7e6ce}.eh-badge.rejected{color:#a64155;background:#ffedf0;border-color:#f1d6dc}.eh-badge.cancelled{color:#898982;background:#f3f3ef;border-color:#e6e6e0}.eh-live{width:7px;height:7px;border-radius:50%;background:#9bbf55;box-shadow:0 0 0 5px #f1f6e9}.eh-focus-list{padding:5px 19px 12px}.eh-focus{display:flex;align-items:center;gap:10px;padding:16px 0;border:0;border-bottom:1px solid #eeeee8;background:none;text-align:start;width:100%}.eh-focus:last-child{border:0}.eh-focus>span:nth-child(2){flex:1}.eh-focus strong{font-size:11px;line-height:1.7;display:block}.eh-focus small{font-size:9px;color:#8c8c82;line-height:1.9;display:block;margin-top:4px}.eh-focus>svg{width:14px;height:14px;color:#a7a79e}.eh-focus-dot{width:7px;height:7px;border-radius:2px;background:#5c40ff;flex-shrink:0}.eh-focus-dot.task{background:#9fcf38}.eh-focus-dot.late{background:#d45e72}.eh-policy-card{display:flex;gap:14px;padding:21px;border-radius:15px;background:#eae9e1;border:1px solid #e0dfd5}.eh-policy-card>svg{width:23px;height:23px;color:#7a7b6b;flex-shrink:0}.eh-policy-card strong{font-size:11px}.eh-policy-card p{font-size:10px;color:#797b6d;line-height:1.9;margin:7px 0}.eh-policy-card small{font-size:9px;color:#96978c;line-height:1.9;display:block}.eh-calm{text-align:center;padding:30px 15px}.eh-calm svg{width:26px;height:26px;color:#7ba43d;margin-bottom:10px}.eh-calm strong{display:block;font-size:12px}.eh-calm p{font-size:10px;color:#999}.eh-estimate{background:#f0edff;border:1px solid #ddd5ff;border-radius:9px;padding:14px;color:#5c40ff;font-size:11px;line-height:1.8}.eh-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eh-detail-head strong{font-size:13px}.eh-detail-period{display:flex;align-items:center;gap:15px;padding:20px;background:#f7f7f2;border-radius:12px}.eh-detail-period strong{font-size:17px}.eh-detail-period span{font-size:11px;color:#888}.eh-note{font-size:13px;white-space:pre-wrap;line-height:2;margin:23px 0}.eh-attachment{display:flex;gap:12px;align-items:center;border:1px solid #e6e2f2;background:#fbfaff;border-radius:10px;padding:14px;color:#5c40ff;font-size:11px;margin:15px 0}.eh-attachment svg{width:19px;height:19px}.eh-attachment svg:last-child{margin-inline-start:auto}.eh-timeline{padding:20px 0}.eh-timeline>div{display:flex;gap:13px;align-items:start}.eh-timeline>div>span{width:7px;height:7px;background:#d8d0ff;border-radius:50%;margin-top:17px}.eh-timeline p{font-size:11px;line-height:1.8}.eh-timeline small{display:block;font-size:10px;color:#94948d;margin-top:5px}.eh-decision-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
/* Control room and commercial gate. */
.ctl-hero{display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;justify-content:space-between;background:#141414;color:white;border-radius:21px;padding:31px 35px;gap:30px;margin-bottom:20px}.ctl-hero>div:first-child>span{font:9px Arial,sans-serif;letter-spacing:3px;color:#afafa7}.ctl-hero h2{font-size:33px;font-weight:650;line-height:1.4;margin:13px 0 10px}.ctl-hero p{color:#aeaea5;font-size:11px}.ctl-hero-number{text-align:center;padding:0 23px}.ctl-hero-number strong{font:600 78px Arial,sans-serif;color:#c2ff3e;display:block;line-height:1}.ctl-hero-number span{display:block;font-size:10px;color:#bbbcb0;margin-top:13px}.ctl-hero img{position:absolute;top:-110px;inset-inline-end:12%;width:450px;opacity:.12;z-index:-1;transform:rotate(17deg)}.ctl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.ctl-metrics>div{background:#fff;border:1px solid #e3e3da;padding:20px 23px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.ctl-metrics>div>span{font-size:10px;color:#7d7d72;display:flex;flex-direction:column;gap:11px}.ctl-metrics svg{width:17px;height:17px;color:#7b6db5}.ctl-metrics strong{font:600 32px Arial,sans-serif;color:#303027}.ctl-blocker-row{display:flex;width:100%;border:0;border-bottom:1px solid #eeeeE6;background:#fff;align-items:center;text-align:start;gap:15px;padding:21px 24px}.ctl-blocker-row:last-child{border:0;border-radius:0 0 18px 18px}.ctl-blocker-row:hover{background:#fcfcf8}.ctl-blocker-icon{width:38px;height:38px;background:#f3efff;color:#5c40ff;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.ctl-blocker-icon.commercial{color:#b22b89;background:#ffedf8}.ctl-blocker-icon.late{color:#ad7138;background:#fff3e2}.ctl-blocker-icon svg{width:18px;height:18px}.ctl-blocker-row>span:nth-child(2){flex:1}.ctl-blocker-row strong{font-size:12px;font-weight:700;display:block;line-height:1.8}.ctl-blocker-row small{font-size:10px;color:#96968b;display:block;margin-top:5px;line-height:1.9}.ctl-blocker-owner{font-size:11px;min-width:130px}.ctl-blocker-owner small{font-size:9px}.ctl-blocker-row>svg{width:17px;height:17px;color:#acaca1}.ctl-page .panel{margin-bottom:23px}.ctl-project-deadlines{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:23px}.ctl-project-deadlines>button{border:1px solid #e9e9e0;padding:20px;background:#fcfcf9;border-radius:12px;text-align:start}.ctl-project-deadlines strong{font-size:12px;display:block}.ctl-project-deadlines>button>span{font-size:10px;display:block;margin:13px 0;color:#a46b46}.ctl-project-deadlines .progress-inline{font-size:10px}.ctl-legacy{padding:8px 22px}.ctl-legacy>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee;font-size:11px}
.ctl-request-state{margin:18px 0 23px}.ctl-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#f4f1ff;border:1px solid #ded5ff;border-radius:11px;margin:10px 0;color:#634fbb}.ctl-alert.blocked{background:#fff0f9;border-color:#f4d8e9;color:#9f377d}.ctl-alert>svg{width:20px;height:20px;flex-shrink:0;margin-top:3px}.ctl-alert strong{font-size:12px;display:block}.ctl-alert p{font-size:11px;margin:5px 0 0;line-height:1.9}.ctl-authorized{display:flex;align-items:center;gap:11px;padding:15px 18px;border-radius:10px;background:#eff5e5;border:1px solid #dbe6cb;color:#587c34;font-size:12px}.ctl-authorized svg{width:21px;height:21px}.ctl-authorized small{display:block;font-size:10px;margin-top:5px;color:#7e8e6c}.ctl-deadline{display:flex;align-items:center;gap:10px;border:1px solid #e4e3db;border-radius:10px;padding:14px 18px;margin:10px 0;background:#f9f9f5;color:#777970;font-size:11px}.ctl-deadline svg{width:18px;height:18px}.ctl-deadline strong{margin-inline-start:auto;font-size:12px;color:#3e4137}.ctl-deadline.late{color:#a16c38;background:#fff8ec;border-color:#eadcc7}.ctl-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 10px}.ctl-artifacts{margin:22px 0;border-top:1px solid #eaeae3;padding-top:18px}.ctl-artifacts h3{font-size:12px;margin:0 0 12px}.ctl-artifacts a{display:flex;align-items:center;gap:13px;border:1px solid #e8e5f2;border-radius:10px;padding:13px 16px;color:#5c40ff;margin-top:9px;font-size:12px}.ctl-artifacts a>span{flex:1}.ctl-artifacts small{font-size:9px;color:#8b8897;display:block;margin-top:5px}.ctl-artifacts svg{width:18px;height:18px}.ctl-scope-summary{border-radius:12px;padding:20px;background:#f7f7f2;margin-bottom:18px}.ctl-scope-summary h3{font-size:15px;margin:0 0 10px}.ctl-scope-summary p{font-size:12px;color:#777}.ctl-scope-item{padding:19px 20px;border:1px solid #e6e6de;border-radius:11px;margin:12px 0}.ctl-scope-item>strong{font-size:13px}.ctl-scope-item>p{font-size:11px;line-height:1.9;color:#888}.ctl-scope-item>div{display:flex;align-items:center;gap:15px;justify-content:space-between}.ctl-scope-item small{font-size:10px;color:#777}
[hidden]{display:none!important}
@media(min-width:1600px){.content{padding-inline:52px}.eh-hero{min-height:285px}}
@media(max-width:1150px){.content{padding:27px 24px}.eh-hero-grid{grid-template-columns:1fr 1fr}.eh-hero h2{font-size:28px}.eh-balance{padding:25px}.eh-hero{padding:26px}.eh-balance-number>strong{font-size:58px}.eh-main-grid{grid-template-columns:1.3fr 1fr}.eh-quick{padding:16px 14px;gap:9px}.eh-quick strong{font-size:11px}.eh-quick small{font-size:8px}.eh-quick>span{width:32px;height:35px}.eh-request{padding:17px;gap:10px}.eh-badge{font-size:8px;padding:4px 6px}.ctl-metrics>div{padding:18px}.studio-hero h2{font-size:24px}.studio-hero{padding:25px}.ctl-blocker-owner{min-width:100px}}
@media(max-width:950px){.eh-main-grid{grid-template-columns:1fr}.eh-main-grid>.stack{display:grid;grid-template-columns:1.3fr 1fr;align-items:start}.eh-balance-number>span{display:none}.eh-hero h2{font-size:25px}.ctl-project-deadlines{grid-template-columns:repeat(2,1fr)}.ctl-blocker-owner{display:none}.eh-policy-card{height:100%}.studio-hero-action{gap:13px}.studio-hero-count{min-width:60px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.main{margin:0}.sidebar{width:236px}.content{padding:25px 19px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.topbar{height:65px}.studio-hero{min-height:150px}.studio-hero h2{font-size:22px}.studio-hero-copy>span{font-size:8px}.studio-hero p{font-size:10px}.studio-hero-count{display:none}.ctl-hero-number strong{font-size:60px}.ctl-hero h2{font-size:27px}.ctl-hero-number{padding:0}.ctl-metrics{gap:10px}.ctl-metrics>div{padding:15px}.ctl-metrics strong{font-size:27px}.ctl-metrics>div>span{font-size:9px}}
@media(max-width:600px){.page-heading{gap:13px;align-items:start}.page-heading h1{font-size:23px;line-height:1.6}.heading-actions .btn{font-size:9px;padding:9px 12px;min-height:35px}.eyebrow{font-size:8px;letter-spacing:1.5px}.content{padding:24px 15px 15px}.eh-hero-grid{grid-template-columns:1fr;gap:14px;margin-bottom:15px}.eh-hero{padding:26px;min-height:242px}.eh-hero h2{font-size:31px}.eh-hero>img{width:370px;inset-inline-end:-27%;top:-60px}.eh-balance{padding:24px}.eh-balance-number{margin:20px 0}.eh-balance-number>strong{font-size:64px}.eh-balance-number>span{display:grid}.eh-quick-grid{gap:9px;margin-bottom:23px}.eh-quick{padding:16px 9px;display:flex;flex-direction:column;align-items:start;gap:12px;border-radius:12px}.eh-quick>svg{display:none}.eh-quick>span{width:32px;height:32px;border-radius:10px}.eh-quick strong{font-size:10px;line-height:1.7}.eh-quick small{font-size:8px;line-height:1.7}.eh-main-grid{gap:18px}.eh-main-grid>.stack{display:flex}.eh-request{padding:18px 14px;gap:10px}.eh-request-icon{width:33px;height:37px}.eh-request-main strong{font-size:10px}.eh-request-main small{font-size:8px}.eh-request>svg{display:none}.eh-tabs{padding:0 17px}.panel-head{padding:19px 17px}.eh-leaves .panel-head{gap:8px}.eh-leaves .eh-kicker{font-size:7px}.eh-leaves .btn-small{font-size:8px;padding:8px}.panel-head h2{font-size:12px}.eh-detail-period{flex-direction:column;align-items:start;gap:9px}.modal-head,.modal-body{padding:22px 19px}.modal-footer{padding:16px 19px}.modal-head h2{font-size:17px}.studio-hero{padding:24px;display:block;min-height:215px}.studio-hero h2{font-size:25px;line-height:1.6;margin:10px 0}.studio-hero p{font-size:10px;max-width:240px}.studio-hero-action{margin-top:17px}.studio-hero img{width:370px;inset-inline-end:-47%;top:-50px}.studio-hero .btn{font-size:9px;min-height:34px}.ctl-hero{padding:25px 23px;gap:12px;align-items:flex-end}.ctl-hero h2{font-size:27px}.ctl-hero p{font-size:9px;line-height:1.9;max-width:175px}.ctl-hero>div:first-child>span{font-size:7px;letter-spacing:1.4px}.ctl-hero-number{max-width:85px}.ctl-hero-number strong{font-size:58px}.ctl-hero-number span{font-size:8px;line-height:1.8}.ctl-hero img{inset-inline-end:-65%;width:410px;top:-35px}.ctl-metrics{grid-template-columns:repeat(2,1fr);margin-bottom:19px}.ctl-metrics>div{padding:18px}.ctl-blocker-row{padding:18px 15px;gap:11px}.ctl-blocker-row strong{font-size:11px}.ctl-blocker-row small{font-size:9px}.ctl-blocker-icon{width:33px;height:35px}.ctl-blocker-row>svg{width:13px;height:13px}.ctl-page .panel-head>small{display:none}.ctl-project-deadlines{grid-template-columns:1fr;padding:18px}.ctl-alert p{font-size:10px}.ctl-actions .btn{font-size:10px}.ctl-deadline{padding:13px;font-size:9px;gap:6px}.ctl-deadline strong{font-size:10px}.wf-detail-meta{gap:15px}.wf-route{padding-bottom:10px}.wf-route:not(.compact){min-width:0;gap:10px;flex-wrap:wrap}.wf-route li{flex:1 1 75px;min-width:65px}.wf-stat{padding:18px}.wf-stat small{font-size:8px}.wf-stat-top{font-size:10px}.wf-stats{gap:11px}.wf-stat strong{font-size:30px}.footer-note{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:900px){.sidebar{visibility:hidden}.shell.nav-open .sidebar{visibility:visible}}
@media(max-width:900px){.shell.nav-open .mobile-backdrop{inset-inline-start:236px}}
/* A single owner and next step keeps request details easy to act on. */
.ctl-next-step{display:flex;align-items:flex-start;gap:14px;border:1px solid #e0d9fc;border-radius:14px;padding:20px;background:#f5f2ff;margin:0 0 13px}.ctl-next-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;background:#5c40ff;color:#fff;border-radius:11px}.ctl-next-icon svg{width:18px;height:18px}.ctl-next-step>div{min-width:0;flex:1}.ctl-next-step small{font-size:10px;color:#8a7cad;display:block;margin-bottom:5px}.ctl-next-step strong{font-size:15px;color:#3c2c74;display:block;line-height:1.8}.ctl-next-step p{font-size:11px;line-height:1.9;color:#786c91;margin:5px 0 11px}.ctl-next-owner{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#5c40ff;background:#ebe5ff;padding:5px 9px;border-radius:7px}.ctl-next-owner svg{width:13px;height:13px}.ctl-next-step.complete{background:#f1f5e9;border-color:#dce7cd}.ctl-next-step.complete .ctl-next-icon{background:#c2ff3e;color:#385323}.ctl-next-step.complete strong{color:#47612f}.ctl-next-step.complete p,.ctl-next-step.complete small{color:#7a8868}.ctl-next-step.complete .ctl-next-owner{background:#e5edd9;color:#58743b}.ctl-invoice-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#87837e;line-height:1.9;padding:4px 0;margin:8px 0}.ctl-invoice-note svg{width:15px;height:15px;flex:none}#ctl-work-form .form-field{margin-top:17px}#ctl-work-form select{max-width:100%}.ctl-authorized{overflow-wrap:anywhere}.ctl-authorized>svg{flex:none}
@media(max-width:600px){.ctl-next-step{padding:16px;gap:10px}.ctl-next-step strong{font-size:13px}.ctl-next-step p{font-size:10px}.ctl-next-icon{width:30px;height:32px}.ctl-next-step small,.ctl-next-owner{font-size:9px}.ctl-invoice-note{font-size:9px}}
/* Leave review remains one clear handoff at a time. */
.eh-tabs{overflow-x:auto}.eh-tabs>button{flex:none;white-space:nowrap}.eh-route{list-style:none;display:flex;padding:0;margin:25px 0 22px;gap:0}.eh-route li{position:relative;flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;color:#93918b;font-size:10px}.eh-route li>span{position:relative;z-index:1;display:grid;place-items:center;background:#ecebe5;width:27px;height:27px;border-radius:50%;font:11px Arial,sans-serif}.eh-route li:not(:last-child):after{content:'';position:absolute;top:13px;inset-inline-start:50%;width:100%;height:1px;background:#dfddd5}.eh-route li strong{font-size:10px;font-weight:500}.eh-route li.current{color:#5c40ff}.eh-route li.current>span{background:#5c40ff;color:#fff;box-shadow:0 0 0 4px #efebff}.eh-route li.passed>span{background:#c2ff3e;color:#365316}.eh-route li svg{width:14px;height:14px}.eh-stage-summary{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;background:#f4f1ff;border:1px solid #e2dbfa;border-radius:12px;margin-bottom:20px}.eh-stage-summary>span{display:grid;place-items:center;flex:none;background:#e8e1ff;border-radius:8px;width:31px;height:31px;color:#5c40ff}.eh-stage-summary svg{width:17px;height:17px}.eh-stage-summary strong{font-size:13px;color:#534280}.eh-stage-summary p{font-size:11px;color:#817592;margin:5px 0}.eh-stage-summary small{font-size:10px;color:#8c819f;line-height:1.9;display:block}.eh-certificate-card{border:1px solid #e4e1ec;border-radius:12px;margin:17px 0;overflow:hidden}.eh-certificate-head{display:flex;align-items:center;gap:10px;padding:15px 17px;background:#faf9fd;color:#605572}.eh-certificate-head strong{font-size:11px;flex:1;min-width:0;overflow-wrap:anywhere;font-weight:500}.eh-certificate-head svg{width:17px;height:17px;flex:none}.eh-certificate-head a{display:grid;place-items:center;padding:6px;color:#5c40ff}.eh-certificate-preview summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;font-size:11px;color:#5c40ff;cursor:pointer}.eh-certificate-preview summary::-webkit-details-marker{display:none}.eh-certificate-preview summary>svg{width:14px;height:14px}.eh-certificate-preview[open] summary>svg{transform:rotate(90deg)}.eh-certificate-preview img{display:block;width:100%;max-height:550px;object-fit:contain;background:#f4f4f2}.eh-certificate-preview>.text-action{font-size:10px;padding:13px 17px;display:flex;gap:7px}.eh-certificate-preview>.text-action svg{height:13px;width:13px}.eh-posted-note{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#6c8151;background:#eff5e6;border-radius:9px;padding:14px;margin-top:17px;line-height:1.9}.eh-posted-note svg{width:17px;height:17px;flex:none}.eh-finance-guidance{font-size:11px;color:#82758e;line-height:1.9;margin-bottom:12px}.eh-attendance-intro{padding:20px 24px;background:#fafaf7;border-bottom:1px solid #eeede7}.eh-attendance-intro strong{font-size:12px;color:#4f5049}.eh-attendance-intro p{font-size:10px;color:#929086;line-height:1.9;margin-top:6px}.eh-attendance-table td{font-size:11px;white-space:nowrap}.eh-attendance-table th{font-size:10px}.eh-attendance-table .text-action{font-size:10px;display:flex;align-items:center;gap:6px}.eh-attendance-table .text-action svg{width:13px;height:13px}.eh-attendance-status{background:#edf4e5;color:#657e48;font-size:10px;border-radius:5px;padding:4px 7px}
@media(max-width:600px){.eh-route li strong{font-size:9px}.eh-route{margin:22px 0}.eh-stage-summary{padding:14px;gap:9px}.eh-stage-summary strong{font-size:12px}.eh-stage-summary p{font-size:10px}.eh-stage-summary small{font-size:9px}.eh-attendance-intro{padding:17px}.eh-certificate-head{padding:13px}.eh-tabs{gap:20px}}
.eh-pdf-viewer{border-top:1px solid #ebe7f0;background:#f1f0f5;min-width:0}.eh-pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;background:#faf9fd;border-bottom:1px solid #e4e0ec}.eh-pdf-pagination{display:flex;align-items:center;gap:11px;direction:ltr}.eh-pdf-pagination button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ded9e9;border-radius:7px;color:#5c40ff;background:white}.eh-pdf-pagination button:disabled{opacity:.35;cursor:default}.eh-pdf-pagination button svg{width:14px;height:14px}.eh-pdf-pagination [data-pdf-action="previous"] svg{transform:rotate(180deg)}.eh-pdf-pagination output{font:11px Arial,sans-serif;min-width:48px;text-align:center;color:#6c617c}.eh-pdf-toolbar>label{display:flex;align-items:center;gap:8px;color:#81758f;font-size:10px}.eh-pdf-toolbar select{padding:5px 7px;border:1px solid #ded9e9;border-radius:6px;background:white;color:#655775;font:11px Arial,sans-serif;direction:ltr}.eh-pdf-status{font-size:10px;line-height:1.8;color:#897e97;padding:9px 15px;text-align:center;margin:0}.eh-pdf-surface{width:100%;max-height:580px;overflow:auto;padding:12px;display:block;direction:ltr;overscroll-behavior:contain}.eh-pdf-surface canvas{display:block;margin:0 auto;background:white;box-shadow:0 2px 12px #30204516}.eh-pdf-surface canvas[width="0"],.eh-pdf-surface canvas:not([width]){display:none}.eh-pdf-retry{text-align:center;padding:0 15px 16px}.eh-pdf-viewer [hidden]{display:none!important}@media(max-width:600px){.eh-pdf-toolbar{gap:8px;padding:10px}.eh-pdf-surface{max-height:440px;padding:10px}.eh-pdf-toolbar>label{font-size:9px;gap:5px}.eh-pdf-pagination{gap:8px}}
/* Compact leave queues: one owner and next action, with history close by. */
.eh-own-summary{padding:17px 24px;border-bottom:1px solid #eeede7;background:#fbfbf8;font-size:10px;color:#8a867e;line-height:1.9}.eh-own-summary strong{color:#5a554e;font-weight:500}.eh-own-summary small{font-size:9px;display:block;margin-top:4px;color:#a09a92}.eh-setup-note{display:flex;align-items:flex-start;gap:11px;margin:17px 20px;padding:15px 17px;border:1px solid #e9dfc8;border-radius:10px;background:#fffaf0;color:#8c7547;line-height:1.8}.eh-setup-note>svg{width:18px;height:18px;flex:none;margin-top:2px}.eh-setup-note>div{min-width:0;flex:1}.eh-setup-note strong{font-size:11px;display:block}.eh-setup-note p{font-size:10px;margin:4px 0 0;color:#a18f6b}.eh-setup-note .btn{margin-top:10px}.eh-setup-note.compact{align-items:center;padding:12px 14px;margin:0 20px 13px}.eh-setup-note.compact .text-action{white-space:nowrap;display:flex;gap:5px;font-size:10px}.eh-setup-note.compact .text-action svg{width:13px;height:13px}.eh-request-main small.eh-request-next{color:#5c40ff;font-size:9px;margin-top:6px}.eh-review-controls{padding:18px 20px 13px;border-bottom:1px solid #eeede7}.eh-review-stages{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin}.eh-review-stages button{flex:none;display:flex;align-items:center;gap:7px;min-height:33px;border:1px solid #e7e3dc;background:#fafaf7;color:#8a847c;border-radius:7px;padding:6px 10px;font-size:10px;white-space:nowrap}.eh-review-stages button b{font:10px Arial,sans-serif;min-width:16px;display:grid;place-items:center;background:#eeeae4;color:#8e8578;border-radius:4px;padding:2px 4px}.eh-review-stages button.active{background:#f0ebff;border-color:#d5caf5;color:#5c40ff}.eh-review-stages button.active b{background:#ded4fd;color:#5c40ff}.eh-review-search-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:8px}.eh-filter-search{display:flex;align-items:center;gap:8px;flex:1;min-width:160px;border:1px solid #e1ddd4;border-radius:7px;background:white;padding:0 10px}.eh-filter-search>svg{height:14px;width:14px;color:#a29a90;flex:none}.eh-filter-search input{font-size:10px;min-width:0;width:100%;height:37px;background:transparent;border:0;padding:6px 0;color:#696056;outline-offset:5px}.eh-filter-search:focus-within{outline:2px solid #c9baff;outline-offset:1px}.eh-filter-search input:focus{outline:0}.eh-review-search-row>select{font-size:10px;min-height:39px;border:1px solid #e1ddd4;border-radius:7px;padding:6px 10px;color:#867c70;background:white;max-width:135px}.eh-date-filter{font-size:10px;color:#867c70;min-width:89px}.eh-date-filter summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:39px;padding:7px 10px;cursor:pointer;border:1px solid #e1ddd4;border-radius:7px}.eh-date-filter summary::-webkit-details-marker{display:none}.eh-date-filter summary svg{width:14px;height:14px}.eh-date-filter[open]{flex:1 0 100%;order:2;min-width:0}.eh-date-filter[open] summary{width:max-content;margin-bottom:9px;background:#faf8ff;border-color:#ded5f3;color:#776297}.eh-date-filter>div{display:flex;gap:10px;padding:12px;background:#faf9f5;border:1px solid #ece6db;border-radius:8px}.eh-date-filter label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:9px;color:#a09789;min-width:0}.eh-date-filter input{width:100%;min-width:0;max-width:100%;border:1px solid #e1dbd0;background:white;border-radius:6px;min-height:35px;padding:6px 8px;color:#847669;font-size:11px;direction:ltr}.eh-filter-reset{min-height:39px;font-size:9px;color:#a29788;padding:6px 4px;white-space:nowrap}.eh-filter-reset:hover{color:#5c40ff}.eh-result-summary{font-size:10px;color:#a0998e;padding:12px 23px;border-bottom:1px solid #f0eee7;line-height:1.9;min-height:38px}.eh-filter-empty{text-align:center;padding:35px 25px;color:#a0998e}.eh-filter-empty>svg{width:26px;height:26px;color:#a597bf;margin-bottom:13px}.eh-filter-empty>strong{display:block;font-size:13px;color:#766a5c;font-weight:500}.eh-filter-empty>p{font-size:10px;line-height:1.9;margin:7px 0 18px}.eh-attendance-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:16px 20px;border-bottom:1px solid #ebe7df}.eh-attendance-controls>label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#a29788;min-width:85px;flex:0 1 auto}.eh-attendance-controls select{border:1px solid #e1dbd0;border-radius:7px;background:white;color:#817465;padding:7px 10px;min-height:36px;font-size:10px;max-width:100%;min-width:0}.eh-attendance-controls .eh-attendance-person{flex:1;min-width:140px}.eh-attendance-controls .btn{font-size:9px;min-height:36px;margin-inline-start:auto;white-space:nowrap}.eh-attendance-controls .btn:disabled{cursor:not-allowed}.eh-estimate.invalid{background:#fff3ed;border-color:#edd9cf;color:#aa6f51}.eh-date-filter input[aria-invalid=true]{border-color:#cc8b78}
@media(max-width:600px){.eh-review-controls{padding:15px 14px 11px}.eh-review-stages{gap:6px}.eh-review-stages button{min-height:39px;font-size:9px}.eh-review-search-row{gap:7px}.eh-filter-search{flex:1 0 100%}.eh-filter-search input{height:42px;font-size:11px}.eh-review-search-row>select,.eh-date-filter summary,.eh-filter-reset{min-height:42px}.eh-date-filter[open]{order:2}.eh-date-filter>div{padding:10px;gap:8px}.eh-date-filter input{font-size:10px;min-height:40px;padding:6px}.eh-date-filter label{font-size:9px}.eh-setup-note{margin:14px;padding:13px;gap:8px}.eh-setup-note strong{font-size:10px}.eh-setup-note p{font-size:9px}.eh-setup-note.compact{margin:0 14px 12px;align-items:flex-start}.eh-setup-note.compact .text-action{font-size:9px}.eh-own-summary{padding:15px 18px}.eh-result-summary{padding:11px 18px;font-size:9px}.eh-attendance-controls{padding:15px 14px;gap:9px}.eh-attendance-controls>label{flex:1}.eh-attendance-controls .eh-attendance-person{flex:1 0 100%}.eh-attendance-controls select{min-height:42px;font-size:11px}.eh-attendance-controls .btn{min-height:40px;width:100%;font-size:10px;justify-content:center}.eh-filter-empty{padding:29px 18px}.eh-request-main small.eh-request-next{font-size:8px}.eh-attendance-table th,.eh-attendance-table td{padding-inline:13px}}

.company-domain{display:block;text-align:center;color:#c2ff3e;font-size:11px;margin:0 0 10px;direction:ltr;text-decoration:none}.company-domain:hover{text-decoration:underline}