*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#202539;font-family:Cairo,Arial,sans-serif;font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-left:1px solid #e9ebf2;padding:22px 15px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px;border-bottom:1px solid #f0f1f6}.brand-mark{width:39px;height:39px;border-radius:12px;background:#2763AC;color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}.brand b{display:block;font-size:18px}.brand small,.user-mini small{display:block;color:#9b9ead;font-size:10px}.user-mini{margin:22px 8px;padding:11px;background:#f8f8fc;border-radius:12px;display:flex;align-items:center;gap:9px}.user-mini b{font-size:11px}.dot{margin-right:auto;width:7px;height:7px;border-radius:50%;background:#36bf8b}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#EAF5FF;color:#2763AC;font-size:11px;font-weight:700;flex-shrink:0}.avatar.purple{background:#EAF5FF;color:#4187D6}.avatar.blue{background:#e6f1ff;color:#3984d9}.avatar.orange{background:#fff0e3;color:#e28c42}nav{flex:1}.nav-label{color:#a2a5b4;font-size:10px;margin:19px 10px 7px}.nav-link{height:42px;margin:3px 0;padding:0 14px;display:flex;align-items:center;gap:12px;border-radius:9px;color:#74788c;text-decoration:none;font-size:12px}.nav-link span{width:17px;text-align:center;font-size:17px}.nav-link:hover,.nav-link.active{background:#EDF7FF;color:#2763AC;font-weight:700}.sidebar-footer{font-size:10px;color:#aaaebd;line-height:2;padding:15px 9px}.sidebar-footer span{font-size:9px}.main{flex:1;min-width:0}.topbar{height:90px;background:#fff;border-bottom:1px solid #eceef4;padding:19px 35px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:20px;margin:0 0 3px}.breadcrumb{color:#a6a9b6;font-size:10px;margin:0}.breadcrumb span{padding:0 7px}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:transparent;color:#7d8193;font-size:23px;position:relative}.notification i{position:absolute;background:#f36b76;width:6px;height:6px;border-radius:50%;right:3px;top:4px}.top-user{border-right:1px solid #eee;padding-right:18px;display:flex;align-items:center;gap:8px;font-size:11px}.content{padding:29px 35px;max-width:1600px;margin:auto}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-intro h2{font-size:19px;margin:0 0 5px}.page-intro p{margin:0;color:#9b9ead;font-size:11px}.btn{border:0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:11px;cursor:pointer}.primary{background:#2763AC;color:white;box-shadow:0 4px 10px #2763AC2b}.secondary{background:#f0f1f7;color:#6e7283}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel,.payroll-summary{background:white;border:1px solid #eceef4;border-radius:12px;box-shadow:0 4px 13px #02285605}.stat-card{padding:19px;display:flex;gap:14px;align-items:flex-start}.stat-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:22px}.stat-icon.blue{background:#e8f1ff;color:#4a92e7}.stat-icon.green{background:#e6faf2;color:#2cb981}.stat-icon.orange{background:#fff2e5;color:#eea247}.stat-icon.purple{background:#EAF5FF;color:#4187D6}.stat-card span{display:block;color:#9296a8;font-size:10px}.stat-card strong{display:block;font-size:21px;margin:4px 0}.stat-card strong small{display:inline;font-size:11px;color:#8c90a2}.stat-card small{font-size:9px}.up{color:#25ae7b!important}.up em{color:#b2b4c0;font-style:normal;margin-right:4px}.neutral{color:#d29440!important}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.panel{padding:20px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{margin:0 0 4px;font-size:14px}.panel-head p{margin:0;color:#a4a7b4;font-size:10px}.panel-head a{color:#4187D6;text-decoration:none;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#a5a8b6;font-size:10px;font-weight:500;padding:11px 9px;border-bottom:1px solid #f0f1f5}td{padding:12px 9px;border-bottom:1px solid #f3f4f7;color:#65697c;font-size:11px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:9px}.person b{color:#44485b;font-size:11px}.person small{display:block;color:#a4a7b4;font-size:9px}.badge{padding:5px 9px;border-radius:20px;font-size:9px}.badge.success{background:#e7faf2;color:#22a875}.badge.warning{background:#fff4e2;color:#d99535}.badge.danger{background:#ffebed;color:#e25c68}.bars{padding-top:4px}.bar-row{margin:16px 0}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#777b8c}.bar-row b{color:#3b3e52}.bar{height:8px;border-radius:8px;background:#f0f1f6;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:#4187D6;border-radius:8px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#73778a;font-size:10px}.form-grid input,.form-grid select,.search input,.date-filter input{border:1px solid #e3e5ed;background:#fff;border-radius:7px;padding:10px;font-family:inherit;font-size:11px;color:#36394c;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#4187D6}.form-title{grid-column:1/-1;font-weight:700;font-size:13px;color:#44485b}.form-actions{display:flex;align-items:end}.hidden{display:none}.compact{align-items:end}.wide{grid-column:span 2}.search{display:flex;border:1px solid #e5e6ee;border-radius:7px;overflow:hidden}.search input{border:0;padding:8px 10px;width:210px}.search button{border:0;background:white;font-size:18px;color:#8a8e9c}.count{background:#EAF5FF;color:#4187D6;border-radius:12px;padding:3px 8px;font-size:9px;margin-right:5px}.date-filter{display:flex;gap:8px}.date-filter input{height:37px}.filters{display:flex;gap:5px}.filter{padding:7px 10px;border-radius:6px;color:#9a9dac;font-size:10px}.filter.active{background:#EDF7FF;color:#4187D6}.action{font-size:10px;text-decoration:none;margin-left:9px}.approve{color:#24a875}.reject{color:#db6874}.muted{color:#b3b5c0;font-size:10px}.payroll-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:18px}.payroll-summary>div{padding:0 20px;border-left:1px solid #f0f1f5}.payroll-summary>div:last-child{border:0}.payroll-summary span{display:block;color:#989baa;font-size:10px}.payroll-summary strong{display:block;margin-top:6px;font-size:16px}.green-text{color:#20a873}.red-text{color:#d86670}.flash{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:11px}.flash.success{background:#e7faf2;color:#19885e}.flash.danger{background:#ffebed;color:#c34e5e}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.empty{text-align:center;padding:30px}.notification{cursor:pointer}.notification-wrap{position:relative}.bell-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.notification-count{position:absolute;right:-2px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#f36b76;color:#fff;font-size:9px;line-height:16px;text-align:center}.notification-panel{position:absolute;z-index:30;top:38px;right:0;width:320px;background:#fff;border:1px solid #e7eaf1;border-radius:12px;box-shadow:0 12px 28px #0228561c;overflow:hidden}.notification-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #eef0f5}.notification-panel-head button{border:0;background:transparent;color:#2763AC;font-family:inherit;font-size:9px;cursor:pointer}.notification-item{display:block;padding:12px 15px;border-bottom:1px solid #f0f1f5;text-decoration:none;color:#4b4e60}.notification-item.unread{background:#f5f9ff;border-right:3px solid #2763AC}.notification-item-title{display:block;font-size:10px;font-weight:700}.notification-item small{display:block;margin-top:4px;color:#9296a8;font-size:8px;line-height:1.6}.notification-empty{margin:0;padding:22px 15px;text-align:center;color:#9296a8;font-size:10px}@media(max-width:680px){.notification-panel{position:fixed;top:62px;right:14px;left:14px;width:auto}.notification-wrap{position:static}}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:220px}.content{padding:25px}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{position:fixed;right:-260px;top:0;bottom:0;z-index:10;transition:.2s}.sidebar.show{right:0}.mobile-menu{display:block}.topbar{padding:15px 18px;gap:10px}.topbar h1{font-size:16px}.top-actions{gap:6px}.top-user span{display:none}.top-user{border:0;padding:0}.content{padding:20px 14px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;gap:8px}.stat-icon{width:35px;height:35px;font-size:17px}.stat-card strong{font-size:17px}.stat-card strong small{font-size:9px}.page-intro{align-items:flex-start;gap:12px}.page-intro .btn{white-space:nowrap}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.payroll-summary{grid-template-columns:1fr 1fr;gap:16px}.payroll-summary>div{padding:0 10px;border:0}.panel{padding:14px}.panel-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.search input{width:150px}}

.provider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.provider{border:1px solid #eef0f5;border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.provider b{font-size:10px;color:#505466}.provider .badge{margin-right:auto;font-size:8px}.provider-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#EAF5FF;color:#4187D6;font-weight:800}@media(max-width:1000px){.provider-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.provider-grid{grid-template-columns:repeat(2,1fr)}}

.form-grid textarea{border:1px solid #e3e5ed;background:#fff;border-radius:7px;padding:10px;font-family:inherit;font-size:11px;color:#36394c;outline:none;resize:vertical}.notes-cell{max-width:260px;white-space:normal}

.person-link{text-decoration:none}.salary-hero{background:linear-gradient(135deg,#2763AC,#4187D6);color:#fff;border-radius:14px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:0 10px 22px #2763AC26}.salary-person{display:flex;align-items:center;gap:14px}.salary-person h3{margin:0 0 4px;font-size:16px}.salary-person span{font-size:10px;color:#D8EBFA}.avatar.large{width:52px;height:52px;font-size:15px}.net-total{text-align:left}.net-total>span{display:block;font-size:10px;color:#D8EBFA}.net-total strong{display:block;font-size:25px;margin:2px 0 7px}.net-total strong small{font-size:11px}.net-total .badge{background:#ffffff2e;color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.salary-lines{padding-top:2px}.salary-line{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid #f0f1f5;font-size:11px;color:#767a8b}.salary-line b{color:#4b4e60}.salary-line b.base{color:#2763AC}.salary-line b.addition{color:#20a873}.salary-line b.deduction{color:#db6874}.salary-line.total{border:0;padding-top:20px;font-size:13px;font-weight:700}.salary-line.total b{font-size:16px;color:#2763AC}.detail-form{display:grid;gap:13px}.detail-form label{display:flex;flex-direction:column;gap:6px;color:#73778a;font-size:10px}.detail-form input,.detail-form select{border:1px solid #e3e5ed;background:#fff;border-radius:7px;padding:10px;font-family:inherit;font-size:11px;outline:none}@media(max-width:680px){.salary-hero{padding:17px;flex-direction:column;align-items:flex-start;gap:15px}.net-total{text-align:right}.detail-grid{grid-template-columns:1fr}}
.module-form{border:1px solid #e8e8f4}.form-help{color:#85889a;font-size:12px;margin:4px 0 18px}.form-section{border-top:1px solid #f0f0f5;padding-top:14px;margin-top:14px}.form-section h4{font-size:13px;color:#4b4e62;margin:0 0 12px}.form-section em{color:#d05d6a;font-style:normal}.form-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:18px}.btn:not(.primary){background:#f0f1f6;color:#5d6072}.module-form input,.module-form select,.module-form textarea{width:100%;min-height:42px}.module-form textarea{padding-top:10px;resize:vertical}@media(max-width:800px){.page-intro{gap:12px;align-items:flex-start}.page-intro .btn{white-space:nowrap}.form-grid{grid-template-columns:1fr}.form-section .wide{grid-column:auto}.panel-head{gap:12px;align-items:flex-start}.search{width:100%}}@media(max-width:520px){.page-intro{display:block}.page-intro .btn{margin-top:14px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}

/* UI polish v2 */
:root{--brand:#2763AC;--brand-dark:#0B3C7B;--ink:#24263a;--muted:#85899a;--line:#e9ebf3;--surface:#fff;--soft:#f7f8fc}body{background:linear-gradient(135deg,#f8f9fd 0%,#f4f5fb 100%);color:var(--ink)}.app-shell{background:transparent}.sidebar{box-shadow:12px 0 35px #02285608;border-left-color:var(--line)}.brand-mark{box-shadow:0 8px 18px #2763AC38}.nav-link{transition:background .2s,color .2s,transform .2s}.nav-link:hover{transform:translateX(-2px)}.nav-link.active{box-shadow:inset -3px 0 var(--brand);background:linear-gradient(90deg,#F4FAFF,#EAF5FF)}.topbar{box-shadow:0 3px 18px #02285605;position:sticky;top:0;z-index:5}.content{padding-top:34px}.page-intro h2{letter-spacing:-.2px}.btn{transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0B3C7B16}.btn.primary:hover{background:var(--brand-dark);box-shadow:0 8px 18px #2763AC42}.stat-card,.panel,.payroll-summary{border-radius:16px;box-shadow:0 7px 24px #02285608;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #02285612}.stat-icon{box-shadow:inset 0 0 0 1px #fff8}.panel-head{border-bottom:1px solid #f1f2f7;padding-bottom:14px}.panel-head h3{font-size:15px}th{background:#fafaff;color:#7f8395;font-weight:700}td{height:54px}tbody tr{transition:background .15s}tbody tr:hover{background:#fafaff}.form-grid input,.form-grid select,.form-grid textarea,.search{transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#4187D6;box-shadow:0 0 0 3px #4187D61a}.form-title{font-size:16px}.form-help{line-height:1.8}.form-section{background:#fcfcff;border:1px solid #f0f0f7;border-radius:13px;padding:16px;margin-top:14px}.form-section h4{color:#2763AC;font-size:13px}.badge{font-weight:700}.empty{color:var(--muted);font-size:12px}.flash{box-shadow:0 5px 16px #02285608}.search:focus-within{border-color:#4187D6;box-shadow:0 0 0 3px #4187D61a}.table-wrap{border-radius:10px}.mobile-menu{border-radius:8px;padding:7px}.mobile-menu:hover{background:#EDF7FF;color:var(--brand)}@media(max-width:680px){.topbar{height:76px}.content{padding-top:22px}.page-intro h2{font-size:17px}.page-intro p{line-height:1.7}.stat-card{min-height:86px}.panel-head h3{font-size:13px}.form-section{padding:12px}.table-wrap{margin:0 -3px}.top-actions .icon-btn{font-size:20px}}
.brand-logo{width:220px;height:auto;max-height:112px;object-fit:contain;display:block;margin:0 auto}.brand{padding-top:8px;padding-bottom:15px}.brand-logo + *{display:none}@media(max-width:680px){.landing-brand img{width:165px}.brand-logo{width:190px;max-height:98px}}

.logout-link{display:inline-flex;align-items:center;gap:6px;color:#d35d6b;text-decoration:none;font-size:11px;border:1px solid #f1dfe2;border-radius:8px;padding:8px 10px;transition:.2s}.logout-link:hover{background:#fff0f2;color:#b84656}.logout-link:first-letter{font-size:17px}@media(max-width:680px){.logout-link{padding:7px 8px}.logout-link span{display:none}}

.public-home-link{color:#2763AC}.sidebar-logout-link{color:#d35d6b!important;margin-top:8px}.sidebar-logout-link:hover{background:#fff0f2!important;color:#b84656!important}
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar nav{min-height:max-content}@media(max-width:680px){.sidebar{height:100dvh;max-height:100dvh;scrollbar-width:thin}.sidebar.show{overflow-y:auto}}

/* Payroll run */
.payroll-head-actions{display:flex;gap:9px;align-items:center}.payroll-head-actions form{margin:0}.payroll-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.payroll-kpi{background:#fff;border:1px solid #e8ebf3;border-radius:15px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 7px 22px #02285608}.payroll-kpi .kpi-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:21px;flex:0 0 auto}.payroll-kpi span{display:block;color:#777b8c;font-size:11px}.payroll-kpi strong{display:block;color:#25283a;font-size:20px;margin:3px 0}.payroll-kpi strong small{display:inline;font-size:10px}.payroll-kpi>div>small{font-size:9px;color:#999dad}.payroll-kpi.employees .kpi-icon{background:#f1f0f6;color:#4c5062}.payroll-kpi.gross .kpi-icon{background:#e5faef;color:#1dad70}.payroll-kpi.deductions .kpi-icon{background:#ffebee;color:#dc5868}.payroll-kpi.net .kpi-icon{background:#e8f2ff;color:#347fd5}.payroll-kpi.gross strong{color:#1ba36a}.payroll-kpi.deductions strong{color:#d74d5f}.payroll-kpi.net strong{color:#286fc7}.payroll-run-strip{background:#fff;border:1px solid #e5e9f1;border-right:4px solid #2fbe91;border-radius:13px;padding:15px 18px;display:flex;align-items:center;gap:28px;margin-bottom:18px;box-shadow:0 5px 17px #02285606}.payroll-run-strip div{display:flex;gap:7px;align-items:center;font-size:11px}.payroll-run-strip div span{color:#777b8e}.run-frequency{background:#e8faf3;color:#189d6e;padding:5px 10px;border-radius:20px;font-size:10px}.payroll-run-strip>.badge{margin-right:auto}.payroll-formula{background:linear-gradient(135deg,#effcfb,#f3fbff);border:1px solid #d5efeb;border-radius:15px;padding:16px;margin-bottom:18px}.formula-title{font-size:12px;font-weight:700;color:#28766c;margin-bottom:12px}.formula-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formula-grid>div{background:#fff;border:1px solid #e8f1f0;border-radius:10px;padding:12px}.formula-grid b{display:block;font-size:11px;margin-bottom:5px}.formula-grid span{display:block;font-size:9px;color:#7d8492;line-height:1.7}.payroll-entries{padding:0}.payroll-entries .panel-head{padding:19px 20px;margin:0}.period-filter select{border:1px solid #e1e4ed;border-radius:8px;padding:8px 11px;font-family:inherit;color:#55596d}.payroll-run-table th{padding:12px 10px}.payroll-run-table td{padding:13px 10px;text-align:center}.payroll-run-table th:first-child,.payroll-run-table td:first-child{text-align:right;min-width:215px}.payroll-run-table .person small{line-height:1.7}.net-pay b{display:block;color:#2763AC}.net-pay small{font-size:8px;color:#999cad}.payroll-details-link{text-decoration:none;color:#2763AC;font-size:10px;font-weight:700;white-space:nowrap}.payroll-details-link:hover{color:#0B3C7B}.payroll-run-table .badge{white-space:nowrap}@media(max-width:1100px){.payroll-kpis{grid-template-columns:repeat(2,1fr)}.formula-grid{grid-template-columns:1fr}.payroll-run-strip{flex-wrap:wrap;gap:12px}.payroll-run-strip>.badge{margin-right:0}}@media(max-width:680px){.payroll-run-head{display:block}.payroll-head-actions{margin-top:14px;flex-wrap:wrap}.payroll-kpis{grid-template-columns:1fr}.payroll-kpi{padding:15px}.payroll-run-strip{display:block}.payroll-run-strip>*{margin:8px 0}.payroll-run-strip div{align-items:flex-start}.payroll-run-table td{height:auto}.payroll-entries .panel-head{padding:15px}}

/* Settings center */
.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.settings-menu{background:#fff;border:1px solid #e7e9f1;border-radius:14px;padding:8px;position:sticky;top:112px;box-shadow:0 7px 22px #02285608}.settings-menu a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:9px;text-decoration:none;color:#585d70;font-size:11px;margin:2px 0;transition:.18s}.settings-menu a span{width:19px;text-align:center;font-size:15px}.settings-menu a:hover,.settings-menu a.active{background:#EDF7FF;color:#2763AC;font-weight:700}.settings-content{min-width:0}.settings-card{background:#fff;border:1px solid #e5e8f0;border-radius:15px;padding:22px;box-shadow:0 7px 22px #02285607}.settings-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;margin-bottom:19px;border-bottom:1px solid #eef0f5}.settings-title h3{font-size:17px;margin:0 0 5px}.settings-title p{font-size:10px;color:#9296a6;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid label,.days-label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#565b6e;font-weight:600}.settings-grid input,.settings-grid select{width:100%;height:43px;border:1px solid #dfe3ec;border-radius:8px;background:#fff;padding:0 11px;font-family:inherit;color:#363a4c;outline:none}.settings-grid input:focus,.settings-grid select:focus{border-color:#4187D6;box-shadow:0 0 0 3px #4187D614}.settings-grid input[type=color]{padding:4px;cursor:pointer}.setting-switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 1px;border-bottom:1px solid #f0f1f5}.setting-switch-row:last-child{border-bottom:0}.setting-switch-row b{display:block;font-size:12px;margin-bottom:4px}.setting-switch-row span{display:block;color:#989cac;font-size:9px;line-height:1.6}.switch{position:relative;display:inline-block;width:39px;height:22px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;inset:0;border-radius:22px;background:#dfe2e8;transition:.2s;cursor:pointer}.switch i:before{content:'';position:absolute;width:16px;height:16px;right:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0002;transition:.2s}.switch input:checked+i{background:#20b883}.switch input:checked+i:before{transform:translateX(-17px)}.brand-preview{margin-top:22px;padding-top:18px;border-top:1px solid #eef0f5;display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:14px;align-items:stretch}.brand-preview>div{border-radius:11px;padding:15px}.brand-preview>div:first-child{padding-right:0}.brand-preview p{font-size:9px;color:#969aaa;line-height:1.7}.brand-preview-light,.brand-preview-dark{display:grid;place-items:center;border:1px solid #e9ebf1}.brand-preview-dark{background:#16233a}.brand-preview img{max-width:200px;width:100%;height:auto;background:#fff;border-radius:7px;padding:5px}.working-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:8px}.working-days label{background:#f8f9fc;border:1px solid #e7e9f0;border-radius:9px;padding:12px 7px;text-align:center;font-size:10px;cursor:pointer}.working-days input{accent-color:#2763AC;display:block;margin:0 auto 7px}.storage-info{margin-top:20px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:11px;padding:15px;display:grid;gap:7px}.storage-info b{font-size:11px}.storage-info code{direction:ltr;text-align:left;color:#2763AC}.storage-info span{font-size:9px;color:#9296a7}@media(max-width:1050px){.settings-layout{grid-template-columns:210px minmax(0,1fr)}.brand-preview{grid-template-columns:1fr 1fr}.brand-preview>div:first-child{grid-column:1/-1}.working-days{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.settings-layout{display:block}.settings-menu{position:static;display:flex;overflow-x:auto;gap:5px;margin-bottom:15px;scrollbar-width:thin}.settings-menu a{white-space:nowrap;flex:0 0 auto}.settings-card{padding:15px}.settings-title{display:block}.settings-title .btn{margin-top:13px;width:100%}.settings-grid{grid-template-columns:1fr}.brand-preview{grid-template-columns:1fr}.brand-preview>div:first-child{grid-column:auto}.working-days{grid-template-columns:repeat(2,1fr)}.setting-switch-row{align-items:flex-start}}

/* Biometric attendance */
.bio-actions{display:flex;gap:9px;align-items:center}.bio-actions form{margin:0}.bio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.bio-stats article{background:#fff;border:1px solid #e7eaf1;border-radius:14px;padding:17px;box-shadow:0 6px 19px #02285607}.bio-stats span,.bio-stats small{display:block;color:#9296a6;font-size:9px}.bio-stats strong{display:block;font-size:22px;margin:5px 0;color:#303447}.bio-calendar{padding:0;overflow:hidden}.bio-month{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #edf0f4}.bio-month a{width:28px;height:28px;display:grid;place-items:center;border:1px solid #e5e8ef;border-radius:7px;text-decoration:none;color:#6c7081}.bio-month div{display:flex;gap:10px;align-items:center}.bio-month span{background:#e8faf3;color:#159b6d;border-radius:20px;padding:4px 9px;font-size:9px}.bio-week{display:grid;grid-template-columns:repeat(7,1fr)}.bio-week a{text-decoration:none;text-align:center;color:#6e7284;padding:13px 7px;border-left:1px solid #eff1f5}.bio-week a:last-child{border:0}.bio-week span{display:block;font-size:9px;margin-bottom:8px}.bio-week b{font-size:13px}.bio-week a.active{background:#18b783;color:#fff}.bio-week a.active b{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ffffff2a}.bio-records{padding:0}.bio-filter{padding:13px 15px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:12px;align-items:center}.bio-date{font-size:10px;color:#717688}.bio-table th,.bio-table td{text-align:center}.bio-table th:nth-child(2),.bio-table td:nth-child(2){text-align:right}.punch-line{display:flex;align-items:center;justify-content:center;gap:7px;min-width:170px}.punch-line i{height:1px;width:48px;background:linear-gradient(90deg,#e95c6c,#25b983);position:relative}.punch-line i:before,.punch-line i:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;top:-3px}.punch-line i:before{right:0;background:#25b983}.punch-line i:after{left:0;background:#e95c6c}.punch-line span{font-size:10px;font-weight:700}.punch-line .in{color:#159d70}.punch-line .out{color:#d84e5e}.punch-count{display:inline-block;background:#f1f2f6;border-radius:20px;padding:4px 8px;font-size:9px}.bio-method{display:block;font-size:8px;color:#999dac;margin-top:5px}.bio-view{text-decoration:none;font-size:18px;color:#73788a}.bio-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.bio-device-grid article{border:1px solid #e9ebf2;border-radius:11px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.bio-device-grid article>small{grid-column:2/-1;font-size:8px;color:#999dac}.bio-device-grid b,.device-settings-list b{display:block;font-size:11px}.bio-device-grid small,.device-settings-list small{font-size:8px;color:#9296a7}.device-dot{width:9px;height:9px;border-radius:50%;background:#c6c9d2}.device-dot.online{background:#20b882;box-shadow:0 0 0 4px #20b88218}.integration-note{background:#eaf5ff;border:1px solid #cce4f8;border-radius:10px;padding:13px;color:#427293;font-size:10px;line-height:1.8}.biometric-api-card,.biometric-devices,.biometric-add-device,.token-generate{margin-top:15px}.token-label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-top:15px}.token-label input{height:43px;border:1px solid #dfe3ec;border-radius:8px;padding:0 11px;background:#f7f8fb}.token-generate{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e8f0;border-radius:12px;padding:13px}.token-generate code{direction:ltr;color:#2763AC}.device-settings-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #edf0f4}.device-settings-list article:last-child{border:0}.device-settings-list form{margin:0}.biometric-add-device .settings-title{align-items:center}@media(max-width:1000px){.bio-stats{grid-template-columns:repeat(2,1fr)}.bio-device-grid{grid-template-columns:1fr}.bio-week{min-width:650px}.bio-calendar{overflow-x:auto}}@media(max-width:680px){.bio-head{display:block}.bio-actions{margin-top:14px;flex-wrap:wrap}.bio-stats{grid-template-columns:1fr 1fr;gap:8px}.bio-stats article{padding:12px}.bio-stats strong{font-size:18px}.bio-filter{display:block}.bio-filter .search{margin-bottom:10px}.device-settings-list article{grid-template-columns:auto 1fr auto}.device-settings-list article form{grid-column:2/-1}.token-generate{display:block}.token-generate code{display:block;margin-top:10px;overflow-wrap:anywhere}}

/* Users, roles and permissions */
.rbac-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.rbac-summary article{background:#fff;border:1px solid #e7eaf2;border-radius:14px;padding:18px;box-shadow:0 6px 18px #02285607}.rbac-summary span{display:block;color:#8e92a3;font-size:10px}.rbac-summary strong{display:block;font-size:24px;margin-top:5px}.role-name{display:flex;align-items:center;gap:10px;min-width:220px}.role-name b{display:block}.role-name small{display:block;color:#9296a6;font-size:9px;max-width:260px;white-space:normal;margin-top:3px}.role-icon{width:36px;height:36px;border-radius:10px;background:#EAF5FF;color:#2763AC;display:grid;place-items:center;font-weight:800}.rbac-actions,.user-actions{display:flex;gap:6px;align-items:center}.rbac-actions form,.user-actions form{margin:0}.role-delete{background:#fff0f2!important;color:#c94b5d!important}.role-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.role-info-grid label{font-size:11px;color:#565b6e}.role-info-grid input,.role-info-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe3ec;border-radius:8px;padding:10px;font-family:inherit}.role-info-grid em{color:#dc5968}.role-active{display:block;margin-top:14px;font-size:10px}.role-active input{accent-color:#2763AC}.permissions-builder>.panel-head{align-items:center}.permission-total{background:#EDF7FF;color:#2763AC;border-radius:20px;padding:7px 12px;font-size:10px;white-space:nowrap}.select-all-row{border:1px solid #dfe3ed;background:#fafbfe;border-radius:10px;padding:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.select-all-row label{font-size:12px;font-weight:700}.select-all-row input,.permission-group input{accent-color:#2763AC}.select-all-row span{font-size:9px;color:#9296a6}.permission-groups{display:grid;gap:12px}.permission-group{border:1px solid #e5e8f0;border-radius:12px;overflow:hidden}.permission-group header{display:flex;align-items:center;gap:12px;background:#fafbfe;padding:13px}.permission-group header label{font-size:12px;font-weight:700}.permission-group header span{margin-right:auto;color:#8d91a2;font-size:9px}.collapse-permissions{border:0;background:transparent;color:#717688;cursor:pointer}.permission-options{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#edf0f4}.permission-options label{background:#fff;padding:13px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;cursor:pointer}.permission-options label span{font-size:10px;color:#4f5366}.permission-options label small{grid-column:2;font-size:8px;color:#aaadba;direction:ltr;text-align:left;margin-top:4px}.permission-group.collapsed .permission-options{display:none}.permission-group.collapsed .collapse-permissions{transform:rotate(180deg)}.role-form-actions{display:flex;justify-content:flex-end;gap:9px;margin:18px 0}.user-create-form{border-right:4px solid #2763AC}.inline-role-form{display:flex;gap:6px;min-width:220px}.inline-role-form select,.reset-form input{border:1px solid #dfe3eb;border-radius:7px;padding:7px;font-family:inherit}.reset-form{display:flex;gap:6px;margin-top:8px}.users-table td:last-child{min-width:210px}@media(max-width:1100px){.permission-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.permission-options{grid-template-columns:repeat(2,1fr)}.role-info-grid{grid-template-columns:1fr}.rbac-summary{grid-template-columns:1fr 1fr}.select-all-row{display:block}.select-all-row span{display:block;margin-top:7px}}@media(max-width:520px){.permission-options{grid-template-columns:1fr}.rbac-summary{grid-template-columns:1fr}.permissions-builder{padding:10px}.permission-group header{padding:10px}.permission-total{display:block;margin-top:8px}.role-form-actions .btn{flex:1}.inline-role-form{min-width:190px}.users-table td{height:auto}}

/* Complete asset management */
.asset-page-head,.asset-head-actions{display:flex;align-items:center}.asset-head-actions{gap:8px;flex-wrap:wrap}.asset-tabs{display:flex;gap:7px;background:#fff;border:1px solid #e6e9f1;border-radius:13px;padding:7px;margin-bottom:17px;overflow-x:auto}.asset-tabs a{padding:10px 14px;border-radius:8px;text-decoration:none;color:#686d7f;font-size:10px;font-weight:700;white-space:nowrap}.asset-tabs a:hover,.asset-tabs a.active{background:#EDF7FF;color:#2763AC}.asset-import{display:flex;align-items:center;gap:14px;background:#f8fbff;border:1px solid #dbe8f5;border-radius:12px;padding:13px;margin-bottom:15px}.asset-import label{font-size:10px}.asset-import span{color:#8b90a1;font-size:9px;margin-left:auto}.asset-filters{padding:14px}.asset-filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:9px;align-items:end}.asset-filter-grid label{font-size:9px;color:#7d8293}.asset-filter-grid input,.asset-filter-grid select{display:block;width:100%;height:38px;border:1px solid #e0e3eb;border-radius:8px;padding:0 9px;margin-top:5px;font-family:inherit}.asset-status-tabs{display:flex;gap:4px;margin-top:13px;border-top:1px solid #eff1f5;padding-top:11px;overflow-x:auto}.asset-status-tabs a{padding:8px 13px;text-decoration:none;color:#787d8e;font-size:10px;border-radius:8px;white-space:nowrap}.asset-status-tabs a.active{background:#EAF5FF;color:#2763AC}.asset-status-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;background:#f0f1f5;border-radius:10px;font-size:8px;margin-right:3px}.assets-table-panel{padding:0}.assets-table th,.assets-table td{text-align:center}.assets-table th:nth-child(2),.assets-table td:nth-child(2){text-align:right;min-width:235px}.asset-name-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#35394c}.asset-name-link b{display:block}.asset-name-link small{display:block;color:#989cab;font-size:8px;margin-top:3px}.asset-mini-icon{width:36px;height:36px;border-radius:9px;background:#eef1ff;color:#2763AC;display:grid;place-items:center}.person.compact .avatar{width:30px;height:30px}.person.compact b{font-size:9px}.muted{color:#a1a5b2;font-size:9px}.asset-row-actions{display:flex;align-items:center;justify-content:center;gap:7px}.asset-row-actions a,.asset-row-actions button{border:0;background:#f4f5f9;color:#626779;text-decoration:none;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;cursor:pointer}.asset-row-actions form{margin:0}.table-footer{padding:13px 17px;border-top:1px solid #edf0f4;color:#9296a6;font-size:9px}.asset-form{padding:0}.asset-form-section{padding:20px;border-bottom:1px solid #edf0f4}.asset-form-section h3{font-size:13px;color:#2763AC;margin:0 0 15px}.asset-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.asset-form-grid label{font-size:10px;color:#5f6476}.asset-form-grid em,.asset-type-create em{color:#dc5363}.asset-form-grid input,.asset-form-grid select,.asset-form-grid textarea{display:block;width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:10px;font-family:inherit;margin-top:6px}.asset-form-grid input,.asset-form-grid select{height:42px}.asset-form-grid small{display:block;margin-top:5px;color:#9a9ead;font-size:8px}.asset-form-grid .wide{grid-column:1/-1}.asset-form>.form-actions{padding:18px 20px}.asset-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.asset-kpis article{background:#fff;border:1px solid #e7eaf2;border-radius:14px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px #02285607}.asset-kpi-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:17px}.asset-kpi-icon.total{background:#EAF5FF;color:#4187D6}.asset-kpi-icon.available{background:#e8faf3;color:#19a974}.asset-kpi-icon.assigned{background:#e8f3ff;color:#3e83d5}.asset-kpi-icon.maintenance{background:#fff1e5;color:#df872e}.asset-kpis small,.asset-kpis p{display:block;color:#969aa9;font-size:8px;margin:0}.asset-kpis strong{display:block;font-size:22px;margin:2px 0}.asset-value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.asset-value-cards article{background:#fff;border:1px solid #e7eaf1;border-radius:14px;padding:18px}.asset-value-cards span,.asset-value-cards small{display:block;color:#9296a6;font-size:9px}.asset-value-cards strong{display:block;font-size:18px;margin:7px 0}.asset-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.asset-type-bars>div{margin:15px 0}.asset-type-bars header{display:flex;justify-content:space-between;font-size:9px;margin-bottom:7px}.asset-type-bars header span{color:#9296a6}.asset-type-bars i{height:7px;background:#eff1f5;border-radius:5px;display:block;overflow:hidden}.asset-type-bars em{display:block;height:100%;background:linear-gradient(90deg,#2763AC,#63a9ec);border-radius:5px}.maintenance-list a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#4d5265;padding:11px 2px;border-bottom:1px solid #eef0f4}.maintenance-list a:last-child{border:0}.maintenance-list div{flex:1}.maintenance-list b,.maintenance-list small{display:block}.maintenance-list b{font-size:10px}.maintenance-list small{font-size:8px;color:#969aaa}.maintenance-date{background:#EDF7FF;color:#2763AC;padding:6px 8px;border-radius:7px;font-size:8px;white-space:nowrap}.asset-hero{background:linear-gradient(135deg,#263f69,#586fd0);color:#fff;border-radius:16px;padding:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.asset-hero-main{display:flex;align-items:center;gap:15px}.asset-hero-main img,.asset-large-icon{width:74px;height:74px;object-fit:cover;border-radius:13px;background:#fff;display:grid;place-items:center;color:#2763AC;font-size:27px}.asset-hero-badges{display:flex;gap:7px}.asset-hero-badges code{background:#ffffff18;padding:5px 8px;border-radius:6px}.asset-hero h3{font-size:19px;margin:9px 0 5px}.asset-hero p{margin:0;color:#e2e8fb;font-size:9px}.asset-hero-value{text-align:left}.asset-hero-value span,.asset-hero-value small{display:block;font-size:9px;color:#dce3fa}.asset-hero-value strong{display:block;font-size:23px;margin:5px 0}.asset-detail-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:15px}.asset-detail-kpis article{background:#fff;border:1px solid #e7eaf1;border-radius:10px;padding:12px}.asset-detail-kpis span{display:block;color:#9599a8;font-size:8px;margin-bottom:5px}.asset-detail-kpis b{font-size:10px}.asset-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.asset-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eef0f4}.asset-specs div{background:#fff;padding:11px}.asset-specs dt{font-size:8px;color:#969aa8}.asset-specs dd{font-size:10px;margin:4px 0 0}.asset-description{background:#f8f9fc;border-radius:9px;padding:12px;font-size:9px;line-height:1.8}.asset-documents{display:flex;gap:8px;margin-top:12px}.asset-documents a{background:#EDF7FF;color:#2763AC;padding:8px 10px;border-radius:7px;text-decoration:none;font-size:9px}.asset-documents span{font-size:9px;color:#9b9fad}.depreciation-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.depreciation-totals div{background:#f8f9fc;border-radius:9px;padding:11px}.depreciation-totals span{font-size:8px;color:#9196a6;display:block}.depreciation-totals b{display:block;margin-top:5px;font-size:11px}.depreciation-progress,.mini-progress{height:8px;background:#edf0f4;border-radius:6px;overflow:hidden;margin:15px 0}.depreciation-progress i,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#33b887,#f0a64a);border-radius:6px}.depreciation-schedule{display:flex;gap:7px;overflow-x:auto}.depreciation-schedule div{min-width:70px;background:#fafbfe;border:1px solid #eceef3;border-radius:8px;padding:8px;text-align:center}.depreciation-schedule span,.depreciation-schedule b{display:block;font-size:8px}.depreciation-schedule b{margin-top:4px}.asset-assignments,.asset-maintenance{margin-top:15px}.inline-asset-form{background:#f9faff;border:1px solid #e6e9f1;border-radius:11px;padding:14px;margin-bottom:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.inline-asset-form label{font-size:9px}.inline-asset-form input,.inline-asset-form select{display:block;width:100%;height:37px;border:1px solid #dfe3eb;border-radius:7px;padding:0 8px;margin-top:5px;font-family:inherit}.inline-asset-form .wide{grid-column:span 2}.maintenance-history article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4}.maintenance-history article:last-child{border:0}.maintenance-history b,.maintenance-history small{display:block}.maintenance-history b{font-size:10px}.maintenance-history small{font-size:8px;color:#969aaa;margin-top:3px}.maintenance-history p{font-size:8px;color:#777c8e}.maintenance-history form{margin:0}.depreciation-summary{margin-top:0}.mini-progress{width:90px;height:6px;margin:0 auto 4px}.asset-types-layout{display:grid;grid-template-columns:330px 1fr;gap:15px;align-items:start}.asset-type-create label{display:block;font-size:10px;margin-bottom:13px}.asset-type-create input,.asset-type-create textarea{display:block;width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:10px;margin-top:6px;font-family:inherit}.asset-type-create .btn{width:100%}.asset-type-list>form{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.asset-type-list>form:last-child{border:0}.asset-type-icon{width:37px;height:37px;border-radius:9px;background:#EDF7FF;color:#2763AC;display:grid;place-items:center}.asset-type-list input,.asset-type-list textarea{display:block;width:100%;border:1px solid #e0e3eb;border-radius:7px;padding:7px;font-family:inherit}.asset-type-list textarea{margin-top:5px}.asset-count{font-size:9px;color:#8d91a2;white-space:nowrap}@media(max-width:1100px){.asset-filter-grid{grid-template-columns:repeat(3,1fr)}.asset-kpis{grid-template-columns:repeat(2,1fr)}.asset-detail-kpis{grid-template-columns:repeat(3,1fr)}.asset-dashboard-grid{grid-template-columns:1fr}.asset-types-layout{grid-template-columns:1fr}}@media(max-width:720px){.asset-page-head{display:block}.asset-head-actions{margin-top:13px}.asset-filter-grid,.asset-form-grid,.asset-detail-grid{grid-template-columns:1fr}.asset-filter-grid .btn{width:100%}.asset-form-grid .wide{grid-column:auto}.asset-kpis,.asset-value-cards{grid-template-columns:1fr}.asset-detail-kpis{grid-template-columns:1fr 1fr}.asset-hero{display:block}.asset-hero-value{text-align:right;margin-top:16px}.inline-asset-form{grid-template-columns:1fr 1fr}.inline-asset-form .wide{grid-column:1/-1}.maintenance-history article{grid-template-columns:auto 1fr auto}.maintenance-history article form{grid-column:2/-1}.asset-type-list>form{grid-template-columns:auto 1fr auto}.asset-type-list>form .switch,.asset-type-list>form .btn{grid-column:auto}.asset-import{display:block}.asset-import>*{margin:6px 0}}@media(max-width:480px){.employee-card-actions{gap:5px}.employee-card-actions a,.employee-card-actions button{width:34px;height:34px;font-size:18px}.asset-detail-kpis,.inline-asset-form{grid-template-columns:1fr}.inline-asset-form .wide{grid-column:auto}.asset-hero-main{align-items:flex-start}.asset-hero-main img,.asset-large-icon{width:55px;height:55px}.asset-specs{grid-template-columns:1fr}.asset-type-list>form{grid-template-columns:1fr}.asset-type-icon{display:none}}

/* Unified documents and contracts center */
.document-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.document-stats article{background:#fff;border:1px solid #e7eaf1;border-radius:13px;padding:17px;box-shadow:0 6px 18px #02285607}.document-stats span{display:block;color:#9195a5;font-size:9px}.document-stats strong{display:block;font-size:23px;margin-top:5px}.document-upload{border-right:4px solid #2763AC}.document-upload em{color:#dc5868}.document-center .panel-head{align-items:center}.document-filter{display:flex;gap:7px}.document-filter input,.document-filter select{height:36px;border:1px solid #dfe3eb;border-radius:7px;padding:0 9px;font-family:inherit}.document-name{display:flex;align-items:center;gap:8px}.document-name span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#EDF7FF;color:#2763AC}.document-actions{display:flex;gap:6px}.document-actions form{margin:0}.legacy-contracts{margin-top:15px;border-right:4px solid #e4a444}.legacy-contracts td:last-child{max-width:330px;white-space:normal;line-height:1.7}@media(max-width:900px){.document-stats{grid-template-columns:1fr 1fr}.document-center .panel-head{display:block}.document-filter{margin-top:12px}}@media(max-width:580px){.document-stats{grid-template-columns:1fr}.document-filter{display:grid}.document-actions{display:block}.document-actions>*{margin:4px 0!important}}

/* Leave balances, types and policies */
.leave-page-head,.leave-head-actions{display:flex;align-items:center}.leave-head-actions{gap:8px;flex-wrap:wrap}.leave-head-actions form{margin:0}.leave-tabs{display:flex;gap:7px;background:#fff;border:1px solid #e6e9f1;border-radius:13px;padding:7px;margin-bottom:16px;overflow-x:auto}.leave-tabs a{padding:10px 14px;border-radius:8px;text-decoration:none;color:#686d7f;font-size:10px;font-weight:700;white-space:nowrap}.leave-tabs a:hover,.leave-tabs a.active{background:#ecfaf5;color:#15996c}.leave-balance-filter{padding:14px}.leave-filter-grid{display:grid;grid-template-columns:1.6fr 1fr .7fr auto;gap:9px;align-items:end}.leave-filter-grid label{font-size:9px;color:#7d8293}.leave-filter-grid input,.leave-filter-grid select{display:block;width:100%;height:38px;border:1px solid #dfe3eb;border-radius:8px;padding:0 9px;margin-top:5px;font-family:inherit}.leave-filter-note{display:flex;gap:18px;margin-top:11px;padding-top:10px;border-top:1px solid #eff1f5;color:#8e92a2;font-size:9px}.employee-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.employee-balance-card{background:#fff;border:1px solid #e3e7ef;border-radius:13px;overflow:hidden;box-shadow:0 6px 18px #02285607}.employee-balance-card>header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #edf0f4}.employee-balance-card .person b{font-size:11px}.employee-balance-card .person small{font-size:8px;color:#9397a7}.balance-year{background:#e9faf4;color:#189c70;border-radius:20px;padding:5px 9px;font-size:8px}.employee-balance-card table{width:100%}.employee-balance-card th,.employee-balance-card td{padding:8px 9px;height:auto;font-size:8px;text-align:center}.employee-balance-card th:first-child,.employee-balance-card td:first-child{text-align:right}.employee-balance-card td:first-child i{display:inline-block;width:4px;height:22px;border-radius:3px;vertical-align:middle;margin-left:7px}.balance-info{border:0;background:transparent;color:#8b90a1;cursor:pointer}.balance-adjust-row td{background:#f8fafc!important}.balance-adjust-row form{display:flex;align-items:end;gap:8px}.balance-adjust-row label{font-size:8px}.balance-adjust-row input{display:block;width:100px;height:32px;border:1px solid #dfe3eb;border-radius:7px;padding:0 7px;margin-top:4px}.leave-request-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.leave-request-stats article{background:#fff;border:1px solid #e7eaf1;border-radius:12px;padding:15px}.leave-request-stats span{font-size:9px;color:#9195a5}.leave-request-stats strong{display:block;font-size:21px;margin-top:4px}.warning-text{color:#d99332}.leave-request-form{border-right:4px solid #22b381}.leave-request-filter{display:flex;gap:6px;flex-wrap:wrap}.leave-request-filter input,.leave-request-filter select{height:35px;border:1px solid #dfe3eb;border-radius:7px;padding:0 8px;font-family:inherit;font-size:9px}.leave-actions{display:flex;gap:7px}.leave-config-layout{display:grid;grid-template-columns:300px 1fr;gap:15px;align-items:start}.leave-type-create label,.leave-policy-card>label{display:block;font-size:9px;margin-bottom:11px}.leave-type-create input,.leave-type-create textarea,.leave-policy-card>label textarea{display:block;width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:9px;margin-top:5px;font-family:inherit}.check-label{display:flex!important;align-items:center;gap:7px}.check-label input{width:auto!important;margin:0!important;accent-color:#21ad7d}.leave-type-create>.btn{width:100%}.leave-type-list>form{display:grid;grid-template-columns:auto 1fr auto auto auto auto auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}.leave-type-list>form>i{width:9px;height:34px;border-radius:5px}.leave-type-fields{display:grid;grid-template-columns:1.4fr .8fr .6fr 42px;gap:6px}.leave-type-fields input{width:100%;height:34px;border:1px solid #dfe3eb;border-radius:7px;padding:0 7px;font-family:inherit}.leave-type-fields input[type=color]{padding:3px}.leave-type-list>form>span,.leave-type-list>form>label{font-size:8px;white-space:nowrap}.leave-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.leave-policy-card header{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:12px;margin-bottom:14px}.leave-policy-card header i{width:9px;height:43px;border-radius:5px}.leave-policy-card h3{margin:0 0 3px;font-size:13px}.leave-policy-card header p{margin:0;color:#9397a6;font-size:8px}.leave-policy-card>.btn{width:100%;margin-top:5px}@media(max-width:1100px){.employee-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-type-list>form{grid-template-columns:auto 1fr auto auto}.leave-type-list>form>.switch,.leave-type-list>form>.btn{grid-column:auto}}@media(max-width:780px){.leave-page-head{display:block}.leave-head-actions{margin-top:13px}.leave-filter-grid{grid-template-columns:1fr 1fr}.employee-balance-grid{grid-template-columns:1fr}.leave-request-stats{grid-template-columns:1fr 1fr}.leave-requests-panel .panel-head{display:block}.leave-request-filter{margin-top:12px}.leave-config-layout,.leave-policy-grid{grid-template-columns:1fr}.leave-type-list>form{grid-template-columns:auto 1fr}.leave-type-list>form>*:not(i):not(.leave-type-fields){grid-column:auto}.leave-type-fields{grid-template-columns:1fr 1fr}}@media(max-width:480px){.leave-filter-grid,.leave-request-stats{grid-template-columns:1fr}.leave-filter-note{display:block}.leave-filter-note span{display:block;margin:5px}.employee-balance-card{overflow-x:auto}.employee-balance-card table{min-width:390px}.balance-adjust-row form{display:block}.balance-adjust-row form>*{margin:5px}.leave-policy-card .settings-grid{grid-template-columns:1fr}.leave-type-list>form{grid-template-columns:1fr}.leave-type-list>form>i{display:none}}

/* Employee directory and profiles */
.employee-page-head,.employee-head-actions{display:flex;align-items:center}.employee-head-actions{gap:8px;flex-wrap:wrap}.employee-import{display:flex;align-items:center;gap:14px;border-right:4px solid #22b381}.employee-import label{font-size:9px}.employee-import input{display:block;margin-top:5px}.employee-import span{color:#9296a6;font-size:9px;margin-left:auto}.employee-form{border-right:4px solid #2763AC}.employee-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.employee-form-grid label{font-size:9px;color:#626779}.employee-form-grid em{color:#dc5868}.employee-form-grid input,.employee-form-grid select{display:block;width:100%;height:39px;border:1px solid #dfe3eb;border-radius:8px;padding:0 9px;margin-top:5px;font-family:inherit}.employee-form-grid small{display:block;color:#979baa;font-size:8px;margin-top:4px}.employee-form-grid .wide{grid-column:1/-1}.employee-controls{padding:13px}.employee-filter-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr) auto;gap:8px;align-items:end}.employee-filter-grid label{font-size:8px;color:#7f8495}.employee-filter-grid input,.employee-filter-grid select{display:block;width:100%;height:37px;border:1px solid #dfe3eb;border-radius:8px;padding:0 9px;margin-top:5px;font-family:inherit}.employee-control-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;margin-top:11px;padding-top:9px;gap:12px}.employee-view-switch{display:flex;border:1px solid #e0e3eb;border-radius:8px;overflow:hidden}.employee-view-switch a{width:34px;height:31px;display:grid;place-items:center;text-decoration:none;color:#7b8090}.employee-view-switch a.active{background:#20b27e;color:#fff}.employee-status-tabs{display:flex;gap:4px;overflow-x:auto}.employee-status-tabs a{padding:7px 11px;border-bottom:2px solid transparent;text-decoration:none;color:#777c8d;font-size:9px;white-space:nowrap}.employee-status-tabs a.active{color:#18a675;border-color:#1caf7d}.employee-status-tabs b{display:inline-grid;place-items:center;min-width:19px;height:18px;border-radius:10px;background:#f0f2f5;font-size:8px}.employee-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.employee-card{background:#fff;border:1px solid #e2e6ee;border-radius:12px;box-shadow:0 5px 15px #02285607;overflow:hidden}.employee-card header{display:flex;justify-content:space-between;align-items:flex-start;padding:13px;border-bottom:1px solid #edf0f4}.employee-card-person{display:flex;gap:9px;align-items:center;min-width:0}.employee-card-person img,.employee-card-person .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto}.employee-card-person h3{font-size:10px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-card-person a{font-size:7px;color:#9196a6;text-decoration:none;display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}.employee-card-body{padding:13px;min-height:112px}.employee-card-body p{font-size:8px;color:#7d8292;margin:7px 0}.employee-card-body b{color:#555a6b}.employee-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;padding:10px 12px}.employee-card footer>span{font-size:8px;color:#858a9b}.employee-card-actions{display:flex;gap:8px;align-items:center}.employee-card-actions a,.employee-card-actions button{border:0;background:transparent;color:#737989;text-decoration:none;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;cursor:pointer;font-size:20px;line-height:1}.employee-card-actions a:hover,.employee-card-actions button:hover{background:#EDF7FF;color:#2763AC;transform:scale(1.04)}.employee-card-actions a:hover,.employee-card-actions button:hover{background:#EDF7FF;color:#2763AC}.employee-card-actions form{margin:0}.employee-list-view{padding:0}.employee-list-view table th,.employee-list-view table td{text-align:center}.employee-list-view table th:first-child,.employee-list-view table td:first-child{text-align:right}.employee-profile-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#233e69,#576dca);color:#fff;border-radius:15px;padding:22px;margin-bottom:15px}.employee-profile-person{display:flex;align-items:center;gap:14px}.employee-profile-person img,.employee-profile-person>.avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;font-size:20px}.employee-profile-person h2{margin:8px 0 4px;font-size:20px}.employee-profile-person p{margin:0;color:#dce4f8;font-size:9px}.employee-profile-hero>div:last-child{text-align:left}.employee-profile-hero>div:last-child span{display:block;font-size:8px;color:#dce4f8}.employee-profile-hero>div:last-child strong{display:block;margin-top:5px}.employee-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.employee-profile-metrics article{background:#fff;border:1px solid #e5e8f0;border-radius:12px;padding:15px}.employee-profile-metrics span{font-size:9px;color:#9196a5}.employee-profile-metrics strong{display:block;font-size:21px;margin-top:4px}.employee-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.employee-profile-grid+.employee-profile-grid{margin-top:15px}.employee-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#edf0f4}.employee-details div{background:#fff;padding:11px}.employee-details dt{font-size:8px;color:#9296a6}.employee-details dd{margin:4px 0 0;font-size:10px}.employee-related-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4;text-decoration:none;color:#555a6b}.employee-related-row:last-child{border:0}.employee-related-row b,.employee-related-row small{display:block}.employee-related-row b{font-size:10px}.employee-related-row small{font-size:8px;color:#969aaa;margin-top:3px}@media(max-width:1200px){.employee-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.employee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-grid{grid-template-columns:1fr 1fr}.employee-profile-grid{grid-template-columns:1fr}}@media(max-width:680px){.employee-page-head{display:block}.employee-head-actions{margin-top:12px}.employee-import{display:block}.employee-import>*{margin:6px 0}.employee-form-grid,.employee-filter-grid{grid-template-columns:1fr}.employee-form-grid .wide{grid-column:auto}.employee-control-footer{display:block}.employee-view-switch{width:max-content;margin-bottom:8px}.employee-card-grid{grid-template-columns:1fr}.employee-status-tabs{padding-bottom:3px}.employee-profile-hero{display:block}.employee-profile-hero>div:last-child{text-align:right;margin-top:15px}.employee-profile-metrics{grid-template-columns:1fr 1fr}}@media(max-width:420px){.employee-profile-metrics,.employee-details{grid-template-columns:1fr}}

/* Complete attendance management */
.attendance-page-head,.attendance-head-actions{display:flex;align-items:center}.attendance-head-actions{gap:8px;flex-wrap:wrap}.attendance-tabs{display:flex;gap:7px;background:#fff;border:1px solid #e6e9f1;border-radius:13px;padding:7px;margin-bottom:15px;overflow-x:auto}.attendance-tabs a{padding:10px 13px;border-radius:8px;text-decoration:none;color:#686d7f;font-size:9px;font-weight:700;white-space:nowrap}.attendance-tabs a:hover,.attendance-tabs a.active{background:#edf3ff;color:#3271c8}.attendance-import{display:flex;align-items:center;gap:14px;border-right:4px solid #367ad4}.attendance-import label{font-size:9px}.attendance-import input{display:block;margin-top:5px}.attendance-import span{font-size:8px;color:#9196a6;margin-left:auto}.attendance-add-form{border-right:4px solid #367ad4}.attendance-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attendance-form-grid label{font-size:9px;color:#606576}.attendance-form-grid em{color:#dc5868}.attendance-form-grid input,.attendance-form-grid select,.attendance-form-grid textarea{display:block;width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:9px;margin-top:5px;font-family:inherit}.attendance-form-grid input,.attendance-form-grid select{height:39px}.attendance-form-grid .wide{grid-column:1/-1}.attendance-form-grid .attendance-holiday{display:flex;align-items:center;gap:7px;padding-top:18px}.attendance-form-grid .attendance-holiday input{width:auto;height:auto;margin:0}.attendance-filter-panel{padding:13px}.attendance-filter-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr .7fr .7fr auto;gap:8px;align-items:end}.attendance-filter-grid label{font-size:8px;color:#7d8293}.attendance-filter-grid input,.attendance-filter-grid select{display:block;width:100%;height:37px;border:1px solid #dfe3eb;border-radius:8px;padding:0 8px;margin-top:5px;font-family:inherit}.attendance-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:13px}.attendance-kpis article{background:#fff;border:1px solid #e5e8f0;border-radius:11px;padding:13px}.attendance-kpis span{font-size:8px;color:#9296a5}.attendance-kpis strong{display:block;font-size:19px;margin-top:4px}.attendance-legend{display:flex;justify-content:flex-end;gap:13px;background:#fff;border:1px solid #e6e9f1;border-radius:10px;padding:10px;margin-bottom:12px;overflow-x:auto}.attendance-legend span{font-size:8px;white-space:nowrap;color:#676c7d}.attendance-legend i,.attendance-cell{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-weight:700}.attendance-legend .present,.attendance-cell.present{background:#e4f8ef;color:#13a26f}.attendance-legend .late,.attendance-cell.late{background:#fff1da;color:#d68b24}.attendance-legend .absent,.attendance-cell.absent{background:#ffeaed;color:#df5160}.attendance-legend .half,.attendance-cell.half{background:#fff4df;color:#d59a34}.attendance-legend .leave,.attendance-cell.leave{background:#EDF7FF;color:#4187D6}.attendance-legend .holiday,.attendance-cell.holiday{background:#fff6d9;color:#c49319}.attendance-monthly{padding:0}.attendance-monthly .panel-head{padding:14px}.attendance-matrix-wrap{overflow:auto;max-width:100%}.attendance-matrix{border-collapse:separate;border-spacing:0;min-width:1450px}.attendance-matrix th,.attendance-matrix td{text-align:center;min-width:38px;padding:8px 5px;border-bottom:1px solid #edf0f4;border-left:1px solid #f2f3f6;font-size:8px}.attendance-matrix th{background:#f8f9fc;position:sticky;top:0;z-index:2}.attendance-matrix .sticky-employee{position:sticky;right:0;z-index:3;background:#fff;min-width:190px;text-align:right;box-shadow:-5px 0 9px #02285608}.attendance-matrix th.sticky-employee{background:#f8f9fc;z-index:4}.attendance-matrix td:last-child{min-width:70px}.attendance-matrix td:last-child b,.attendance-matrix td:last-child small{display:block}.attendance-matrix td:last-child small{color:#9397a6;margin-top:3px}.attendance-cell{margin:auto}.attendance-empty{color:#d1d4dc}.attendance-record-list{margin-top:15px;padding:0}.attendance-record-list .panel-head{padding:14px}.attendance-row-actions,.regularization-actions{display:flex;justify-content:center;gap:5px}.attendance-row-actions a,.attendance-row-actions button{border:0;background:#f2f4f8;color:#656b7c;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;text-decoration:none;cursor:pointer}.attendance-row-actions form,.regularization-actions form{margin:0}.shift-form,.attendance-policy-form,.attendance-regularization-form{border-right:4px solid #367ad4}.shift-days{border:1px solid #e0e3eb;border-radius:8px;padding:10px}.shift-days legend{font-size:9px}.shift-days label{display:inline-flex;align-items:center;gap:4px;margin:4px 8px}.shift-days input{width:auto;height:auto;margin:0}.shift-assign form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px}.shift-assign select,.shift-assign input{height:38px;border:1px solid #dfe3eb;border-radius:8px;padding:0 8px;font-family:inherit}.shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shift-card header{display:flex;align-items:center;gap:10px}.shift-card header>div{flex:1}.shift-card h3{margin:0;font-size:12px}.shift-card header p{margin:4px 0 0;color:#9196a6;font-size:8px}.shift-icon{width:39px;height:39px;border-radius:10px;background:#edf3ff;color:#3675ca;display:grid;place-items:center}.shift-time{display:flex;align-items:center;justify-content:center;gap:15px;background:#f8faff;border-radius:10px;padding:14px;margin:14px 0;color:#365b96}.shift-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#edf0f4}.shift-card dl div{background:#fff;padding:9px}.shift-card dt{font-size:8px;color:#9296a6}.shift-card dd{font-size:9px;margin:4px 0 0}.shift-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.shift-card footer>span{font-size:7px;color:#9196a6}.shift-card footer form{margin:0}.attendance-policy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.attendance-policy-stats article{background:#fff;border:1px solid #e5e8f0;border-radius:11px;padding:14px}.attendance-policy-stats span{font-size:8px;color:#9296a6}.attendance-policy-stats strong{display:block;margin-top:5px;font-size:16px}.attendance-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.attendance-policy-card header{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #edf0f4;margin-bottom:13px}.attendance-policy-card header>span{width:38px;height:38px;border-radius:9px;background:#edf3ff;color:#3474c9;display:grid;place-items:center}.attendance-policy-card header>div{flex:1}.attendance-policy-card h3{margin:0;font-size:12px}.attendance-policy-card header p{margin:3px 0 0;color:#9196a6;font-size:8px}.attendance-policy-card>.btn{width:100%;margin-top:11px}.attendance-regularization-filter{display:flex;gap:7px}.attendance-regularization-filter input,.attendance-regularization-filter select{height:35px;border:1px solid #dfe3eb;border-radius:7px;padding:0 8px;font-family:inherit}.regularization-actions .action{border:0;cursor:pointer}@media(max-width:1100px){.attendance-filter-grid{grid-template-columns:repeat(3,1fr)}.attendance-kpis{grid-template-columns:repeat(3,1fr)}.shift-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.attendance-page-head{display:block}.attendance-head-actions{margin-top:12px}.attendance-import{display:block}.attendance-import>*{margin:6px 0}.attendance-form-grid,.attendance-filter-grid{grid-template-columns:1fr 1fr}.attendance-form-grid .wide{grid-column:1/-1}.attendance-kpis{grid-template-columns:1fr 1fr}.shift-assign form{grid-template-columns:1fr 1fr}.shift-grid,.attendance-policy-grid{grid-template-columns:1fr}.attendance-policy-stats{grid-template-columns:1fr 1fr}.attendance-regularization-filter{margin-top:10px}}@media(max-width:480px){.attendance-form-grid,.attendance-filter-grid,.attendance-kpis,.shift-assign form,.attendance-policy-stats{grid-template-columns:1fr}.attendance-form-grid .wide{grid-column:auto}.attendance-legend{justify-content:flex-start}.attendance-regularization-filter{display:grid}}

.shift-actions,.policy-actions{display:flex;align-items:center;gap:6px}.shift-actions form{margin:0}.shift-inline-edit{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f8faff;border-top:1px solid #e7eaf1;margin:12px -16px -16px;padding:12px}.shift-inline-edit input,.shift-inline-edit select{width:100%;height:34px;border:1px solid #dfe3eb;border-radius:7px;padding:0 7px;font-family:inherit}.shift-inline-edit .btn{grid-column:1/-1}.policy-actions .btn{flex:1}

/* Interactive monthly attendance cells and correction modal */
.attendance-day-cell{position:relative;overflow:visible}.attendance-cell-button,.attendance-empty-button{border:0;cursor:pointer;font-family:inherit;padding:0;position:relative;transition:transform .18s ease,box-shadow .18s ease}.attendance-cell-button:hover,.attendance-cell-button:focus{transform:scale(1.18);box-shadow:0 4px 12px #02285624;outline:2px solid #ffffff;outline-offset:1px}.attendance-empty-button{background:transparent;color:#c2c6d0;width:24px;height:24px;border-radius:50%;font-size:11px}.attendance-empty-button:hover,.attendance-empty-button:focus{background:#eef2ff;color:#2763AC;outline:none}.attendance-tooltip{position:fixed;z-index:1200;width:190px;background:#fff;color:#4c5264;border:1px solid #e1e5ed;border-radius:10px;box-shadow:0 14px 35px #20274630;padding:10px;text-align:right;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease}.attendance-cell-button:hover .attendance-tooltip,.attendance-cell-button:focus .attendance-tooltip,.attendance-empty-button:hover .attendance-tooltip,.attendance-empty-button:focus .attendance-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.attendance-tooltip b,.attendance-tooltip em,.attendance-tooltip span,.attendance-tooltip u{display:block;font-size:8px;line-height:1.7}.attendance-tooltip b{font-size:9px;color:#262c3d;border-bottom:1px solid #eceef3;padding-bottom:4px;margin-bottom:4px}.attendance-tooltip em{font-style:normal;font-weight:700;color:#287d5d}.attendance-tooltip u{text-decoration:none;color:#2763AC;border-top:1px solid #eceef3;margin-top:5px;padding-top:5px;font-weight:700}.attendance-correction-modal{position:fixed;inset:0;z-index:1500;background:#20274480;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.attendance-correction-modal.hidden{display:none}.attendance-correction-dialog{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 26px 70px #141a353d}.attendance-correction-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e8ebf1}.attendance-correction-dialog header h3{margin:0;font-size:15px}.attendance-correction-dialog header p{margin:5px 0 0;color:#8c91a0;font-size:8px}.attendance-correction-dialog header>button{border:0;background:#f2f4f8;color:#646a7b;width:31px;height:31px;border-radius:8px;font-size:18px;cursor:pointer}.correction-current{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8ebf1;margin:16px 20px;border:1px solid #e8ebf1;border-radius:10px;overflow:hidden}.correction-current>div{background:#f9faff;padding:11px}.correction-current span,.correction-current strong,.correction-current small{display:block}.correction-current span{font-size:8px;color:#9297a6}.correction-current strong{font-size:10px;margin-top:4px}.correction-current small{font-size:8px;color:#858b9a;margin-top:3px}.attendance-correction-dialog form{padding:0 20px 18px}.attendance-correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attendance-correction-grid label{font-size:9px;color:#606576}.attendance-correction-grid em{color:#dc5868}.attendance-correction-grid input,.attendance-correction-grid textarea{display:block;width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:9px;margin-top:5px;font-family:inherit}.attendance-correction-grid input{height:40px}.attendance-correction-grid .wide{grid-column:1/-1}.modal-open{overflow:hidden}@media(max-width:580px){.attendance-correction-modal{align-items:flex-end;padding:0}.attendance-correction-dialog{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.correction-current{grid-template-columns:1fr;margin:12px 14px}.attendance-correction-dialog form{padding:0 14px 15px}.attendance-correction-grid{grid-template-columns:1fr}.attendance-correction-grid .wide{grid-column:auto}}

/* Floating attendance tooltip rendered outside the scroll container */
.attendance-cell-button>.attendance-tooltip,.attendance-empty-button>.attendance-tooltip{display:none!important}.attendance-floating-tooltip{position:fixed;z-index:99999;width:210px;background:#fff;color:#4c5264;border:1px solid #dce1ea;border-radius:11px;box-shadow:0 18px 42px #171d3740;padding:11px 12px;text-align:right;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(7px) scale(.97);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.attendance-floating-tooltip.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.attendance-floating-tooltip b,.attendance-floating-tooltip em,.attendance-floating-tooltip span,.attendance-floating-tooltip u{display:block;font-size:9px;line-height:1.75}.attendance-floating-tooltip b{font-size:10px;color:#252b3c;border-bottom:1px solid #eceef3;padding-bottom:5px;margin-bottom:5px}.attendance-floating-tooltip em{font-style:normal;font-weight:700;color:#287d5d}.attendance-floating-tooltip u{text-decoration:none;color:#2763AC;border-top:1px solid #eceef3;margin-top:6px;padding-top:6px;font-weight:700}

/* Training registration status feeds the public completion metric */
.training-status-form{margin:0;min-width:120px}.training-status-form select{width:100%;height:34px;border:1px solid #dfe3eb;border-radius:9px;background:#f8f9fc;color:#4d5265;padding:0 9px;font-family:inherit;font-size:9px;cursor:pointer;outline:none}.training-status-form select:focus{border-color:#4187D6;box-shadow:0 0 0 3px #4187D616}

/* Executive command dashboard */
.executive-dashboard{--dash-violet:#4187D6;--dash-blue:#4387e8;--dash-emerald:#17a777;--dash-orange:#e48a39;--dash-rose:#db6689;--dash-cyan:#20a5b5;display:grid;gap:22px}.dashboard-command-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:218px;padding:34px 38px;border-radius:25px;background:linear-gradient(118deg,#022856 0%,#2763AC 52%,#69A4E2 100%);color:#fff;box-shadow:0 20px 55px #0B3C7B2c}.dashboard-command-hero:before,.dashboard-command-hero:after{content:'';position:absolute;border:1px solid #ffffff1c;border-radius:50%;pointer-events:none}.dashboard-command-hero:before{width:340px;height:340px;left:-90px;top:-190px}.dashboard-command-hero:after{width:260px;height:260px;right:38%;bottom:-210px}.command-copy,.command-score{position:relative;z-index:1}.command-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid #ffffff29;border-radius:30px;background:#ffffff13;font-size:9px;font-weight:700}.command-eyebrow i{width:7px;height:7px;border-radius:50%;background:#65e6b2;box-shadow:0 0 0 5px #65e625}.command-copy h2{font-size:27px;margin:14px 0 7px}.command-copy>p{margin:0;max-width:650px;color:#D8EBFA;font-size:11px;line-height:1.9}.command-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.command-meta span{font-size:8px;color:#D8EBFA;padding:6px 9px;border-radius:8px;background:#ffffff12}.command-score{display:flex;align-items:center;gap:17px;min-width:290px;padding:16px 18px;border:1px solid #ffffff24;border-radius:20px;background:#ffffff13;backdrop-filter:blur(10px)}.score-ring{--score:70;width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#73ecc0 calc(var(--score)*1%),#ffffff21 0);position:relative}.score-ring:after{content:'';position:absolute;inset:8px;background:#2763AC;border-radius:50%}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong,.score-ring span{display:block}.score-ring strong{font-size:20px}.score-ring span{font-size:7px;color:#CFE6F8}.command-score>div:last-child b,.command-score>div:last-child span,.command-score>div:last-child small{display:block}.command-score>div:last-child b{font-size:11px}.command-score>div:last-child span{font-size:15px;font-weight:800;color:#76e9bd;margin:5px 0}.command-score>div:last-child small{color:#CFE6F8;font-size:8px;line-height:1.6}
.dashboard-section{display:grid;gap:14px}.dashboard-section-head,.dashboard-card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.dashboard-section-head h3,.dashboard-card-head h3{font-size:16px;margin:3px 0 4px;color:#292d42}.dashboard-section-head p,.dashboard-card-head p{font-size:9px;color:#8d91a2;margin:0}.dashboard-section-head>a,.dashboard-card-head>a{color:#4187D6;font-size:9px;text-decoration:none;font-weight:700}.section-kicker{color:#4187D6;font-size:8px;font-weight:800;letter-spacing:.2px}.section-count{font-size:8px;color:#4187D6;background:#EAF5FF;border-radius:20px;padding:5px 9px;font-weight:700}
.quick-command-section{padding:20px;border:1px solid #eaebf4;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfbfe);box-shadow:0 8px 25px #02285608}.quick-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-command{--action:#4187D6;display:flex;align-items:center;gap:10px;min-height:70px;padding:11px 12px;border:1px solid #ebecef;border-radius:14px;background:#fff;color:#33374a;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.quick-command:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--action) 30%,#e8e9f1);box-shadow:0 13px 26px color-mix(in srgb,var(--action) 13%,transparent)}.quick-command.emerald{--action:#17a777}.quick-command.orange{--action:#e18a37}.quick-command.cyan{--action:#1aa4b6}.quick-command.blue{--action:#4387e8}.quick-command.rose{--action:#d85d84}.quick-command.indigo{--action:#2763AC}.quick-command.purple{--action:#4187D6}.quick-command.amber{--action:#d5a42b}.quick-command.teal{--action:#159b91}.quick-command.sky{--action:#3a9ddd}.quick-command.pink{--action:#d459a0}.quick-command.lime{--action:#76a72b}.quick-command.slate{--action:#637083}.quick-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--action) 12%,white);color:var(--action)}.quick-icon svg,.kpi-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-copy{min-width:0;flex:1}.quick-copy b,.quick-copy small{display:block}.quick-copy b{font-size:9px;color:#35394d}.quick-copy small{font-size:7px;color:#969aa9;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-arrow{color:var(--action);font-size:12px;opacity:.75}
.executive-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.executive-kpi{--kpi:#4187D6;position:relative;overflow:hidden;display:block;padding:18px;border:1px solid #e9eaf2;border-radius:18px;background:#fff;color:#33374a;text-decoration:none;box-shadow:0 8px 25px #02285608;transition:transform .22s ease,box-shadow .22s ease}.executive-kpi:after{content:'';position:absolute;width:110px;height:110px;left:-55px;top:-55px;border-radius:50%;background:color-mix(in srgb,var(--kpi) 8%,transparent)}.executive-kpi:hover{transform:translateY(-4px);box-shadow:0 16px 34px color-mix(in srgb,var(--kpi) 13%,transparent)}.executive-kpi.emerald{--kpi:#17a777}.executive-kpi.blue{--kpi:#4387e8}.executive-kpi.orange{--kpi:#e48a39}.executive-kpi.cyan{--kpi:#20a5b5}.executive-kpi.rose{--kpi:#db6689}.executive-kpi>header{display:flex;align-items:center;justify-content:space-between}.kpi-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--kpi) 12%,white);color:var(--kpi)}.live-dot{font-size:7px;color:#1b9c71;background:#e6f8f1;padding:4px 7px;border-radius:20px}.live-dot:before,.live-pulse:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#22b985;margin-left:4px;box-shadow:0 0 0 4px #22b98519}.kpi-value{display:flex;align-items:baseline;gap:5px;margin-top:14px}.kpi-value strong{font-size:24px;color:#272b40;letter-spacing:-.5px}.kpi-value small{font-size:8px;color:#898e9f}.executive-kpi h4{font-size:10px;margin:5px 0 3px}.executive-kpi p{font-size:8px;color:#9296a6;margin:0}.kpi-progress{height:4px;margin-top:13px;border-radius:6px;background:#eff0f5;overflow:hidden}.kpi-progress i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--kpi),color-mix(in srgb,var(--kpi) 55%,white))}
.dashboard-analytics-grid,.dashboard-operations-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:15px}.dashboard-operations-grid{grid-template-columns:1fr 1fr}.dashboard-card{background:#fff;border:1px solid #e9eaf2;border-radius:19px;padding:19px;box-shadow:0 8px 25px #02285608}.attendance-chart{display:flex;height:240px;margin-top:18px;padding-top:8px}.chart-scale{width:34px;display:flex;flex-direction:column;justify-content:space-between;color:#a1a4b2;font-size:7px;padding-bottom:27px}.attendance-bars{position:relative;flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:9px;border-bottom:1px solid #e8eaf0;background:repeating-linear-gradient(to bottom,#edf0f4 0,#edf0f4 1px,transparent 1px,transparent 25%)}.attendance-bar-item{text-align:center;display:flex;min-width:0;flex-direction:column;justify-content:flex-end}.attendance-bar-track{height:192px;display:flex;align-items:end;justify-content:center}.attendance-bar-track i{position:relative;display:block;width:min(27px,70%);min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#4187D6,#4e88e4);box-shadow:0 8px 17px #4187D62b;transition:height .35s ease}.attendance-bar-track i em{position:absolute;top:-17px;right:50%;transform:translateX(50%);font-style:normal;font-size:7px;color:#575c70;font-weight:700}.attendance-bar-item>b{font-size:7px;margin-top:6px;color:#656a7d}.attendance-bar-item>small{font-size:6px;color:#a0a3af}.chart-summary{display:flex;gap:14px;margin-top:13px;color:#777c8f;font-size:7px}.chart-summary span{display:flex;align-items:center;gap:5px}.chart-summary i{width:7px;height:7px;border-radius:2px}.chart-summary .green{background:#25ad7b}.chart-summary .orange{background:#e49244}.chart-summary .red{background:#df6574}.department-visual{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:20px;margin-top:21px}.department-donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4187D6 calc(var(--filled)*1%),#ececf6 0);position:relative}.department-donut:after{content:'';position:absolute;inset:16px;background:#fff;border-radius:50%}.department-donut div{position:relative;z-index:1;text-align:center}.department-donut strong,.department-donut span{display:block}.department-donut strong{font-size:25px}.department-donut span{font-size:8px;color:#8e92a2}.department-list{display:grid;gap:12px}.department-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px}.department-row span{display:flex;align-items:center;gap:6px;color:#666b7d}.department-row span i{width:7px;height:7px;border-radius:50%;background:hsl(calc(205 + var(--index)*4),68%,48%)}.department-row b{font-size:9px}.department-track{height:5px;border-radius:6px;background:#f0f1f5;overflow:hidden;margin-top:5px}.department-track i{display:block;height:100%;border-radius:6px;background:hsl(calc(205 + var(--index)*4),68%,48%)}
.workflow-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.workflow-card{--work:#4187D6;position:relative;display:block;padding:16px;border:1px solid #e9eaf2;border-radius:16px;background:#fff;color:#34384c;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.workflow-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--work) 28%,#e9eaf2)}.workflow-card.orange{--work:#e48a39}.workflow-card.blue{--work:#4387e8}.workflow-card.violet{--work:#4187D6}.workflow-card.indigo{--work:#2763AC}.workflow-card.cyan{--work:#20a5b5}.workflow-card.pink{--work:#d459a0}.workflow-card.emerald{--work:#17a777}.workflow-card.slate{--work:#637083}.workflow-status{font-size:7px;color:var(--work);background:color-mix(in srgb,var(--work) 10%,white);padding:4px 7px;border-radius:15px}.workflow-card strong{display:block;font-size:21px;margin:13px 0 3px}.workflow-card h4{font-size:9px;margin:0 0 5px}.workflow-card p{font-size:7px;color:#9296a5;margin:0}.workflow-card>i{display:block;font-style:normal;color:var(--work);font-size:7px;font-weight:700;margin-top:12px}
.dashboard-alerts{display:grid;gap:9px;margin-top:15px}.dashboard-alert{--alert:#e48a39;display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--alert) 7%,white);border:1px solid color-mix(in srgb,var(--alert) 15%,white);color:#404459;text-decoration:none}.dashboard-alert.info{--alert:#4387e8}.dashboard-alert.danger{--alert:#dc6574}.dashboard-alert.success{--alert:#17a777}.alert-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--alert);background:#fff;font-weight:800}.dashboard-alert>div{flex:1}.dashboard-alert b{font-size:8px}.dashboard-alert p{font-size:7px;color:#858a9c;margin:3px 0 0}.dashboard-alert>i{font-style:normal;color:var(--alert)}.dashboard-empty-success{text-align:center;padding:35px;color:#208866}.dashboard-empty-success b,.dashboard-empty-success span{display:block}.dashboard-empty-success span{font-size:8px;color:#9397a6;margin-top:5px}.live-pulse{font-size:7px;color:#1b9c71}.activity-timeline{display:grid;margin-top:14px}.activity-item{display:grid;grid-template-columns:18px 1fr;gap:8px;min-height:58px;position:relative}.activity-item:before{content:'';position:absolute;right:6px;top:15px;bottom:-4px;width:1px;background:#e6e8ef}.activity-item:last-child:before{display:none}.activity-node{width:13px;height:13px;margin-top:3px;border:3px solid #CFE6F8;border-radius:50%;background:#4187D6;position:relative;z-index:1}.activity-item header{display:flex;justify-content:space-between;gap:8px}.activity-item b{font-size:8px}.activity-item small{font-size:6px;color:#a0a4b1;direction:ltr}.activity-item p{font-size:7px;color:#777c8e;margin:4px 0}.activity-item em{font-style:normal;font-size:6px;color:#4187D6;background:#EDF7FF;border-radius:8px;padding:2px 6px}.today-attendance-card{padding-bottom:9px}.dashboard-attendance-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 17px;margin-top:12px}.dashboard-attendance-list article{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #eff0f4}.dashboard-attendance-list .person{min-width:170px;flex:1}.dashboard-attendance-list .person small{display:block}.attendance-times{display:flex;gap:13px}.attendance-times span{min-width:52px}.attendance-times small,.attendance-times b{display:block}.attendance-times small{font-size:6px;color:#a0a4b1}.attendance-times b{font-size:8px;margin-top:2px}
#employeeAddForm:target,#attendanceAdd:target,#newLeaveRequest:target,#module-form:target,#job-form:target,#documentUpload:target,#newUserForm:target,#shiftCreate:target,#leave-type-form:target,#asset-type-form:target,#regularizationCreate:target,#policyCreate:target,#biometric-device-form:target{display:block!important;scroll-margin-top:90px;animation:dashboardFormReveal .35s ease}@keyframes dashboardFormReveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.quick-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.executive-kpi-grid{grid-template-columns:repeat(2,1fr)}.workflow-card-grid{grid-template-columns:repeat(3,1fr)}.dashboard-attendance-list{grid-template-columns:1fr}}
@media(max-width:920px){.dashboard-command-hero{align-items:flex-start;padding:27px}.command-score{min-width:260px}.quick-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-analytics-grid,.dashboard-operations-grid{grid-template-columns:1fr}.workflow-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.executive-dashboard{gap:16px}.dashboard-command-hero{display:block;min-height:0;padding:23px 19px;border-radius:20px}.command-copy h2{font-size:21px}.command-score{width:100%;min-width:0;margin-top:20px}.score-ring{width:80px;height:80px;flex-basis:80px}.dashboard-section-head,.dashboard-card-head{align-items:flex-start}.dashboard-section-head p{display:none}.quick-command-section{padding:14px}.quick-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-command{display:grid;grid-template-columns:36px 1fr;min-height:67px;padding:9px}.quick-icon{width:36px;height:36px;grid-row:1/3}.quick-arrow{display:none}.quick-copy small{white-space:normal}.executive-kpi-grid{grid-template-columns:1fr}.workflow-card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:15px}.attendance-chart{height:215px;overflow-x:auto}.attendance-bars{min-width:480px}.department-visual{grid-template-columns:1fr}.department-donut{margin:auto}.dashboard-attendance-list article{align-items:flex-start;flex-wrap:wrap}.dashboard-attendance-list .person{min-width:100%;}.attendance-times{flex:1}}
@media(max-width:420px){.quick-command-grid{grid-template-columns:1fr}.quick-command{display:flex}.workflow-card-grid{grid-template-columns:1fr}.command-score{display:grid;grid-template-columns:80px 1fr}.dashboard-section-head h3,.dashboard-card-head h3{font-size:14px}}

/* Executive dashboard intrinsic-width safeguards for narrow screens */
.executive-dashboard{width:100%;min-width:0;max-width:100%;overflow:hidden}.executive-dashboard>*,.dashboard-section,.dashboard-command-hero,.quick-command-section,.quick-command-grid,.executive-kpi-grid,.dashboard-analytics-grid,.dashboard-operations-grid,.workflow-card-grid,.dashboard-card,.quick-command,.executive-kpi,.workflow-card{min-width:0;max-width:100%}.dashboard-section-head>div,.dashboard-card-head>div,.command-copy,.command-score>div:last-child{min-width:0}.command-copy p,.dashboard-section-head p,.dashboard-card-head p{overflow-wrap:anywhere}@media(max-width:680px){.main,.content{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.dashboard-command-hero,.quick-command-section,.dashboard-card{width:100%}.command-score{box-sizing:border-box}.executive-dashboard .dashboard-section-head>a,.executive-dashboard .dashboard-card-head>a{white-space:nowrap}}

/* Monthly attendance and absence analytics */
.monthly-attendance-analysis{padding:22px;display:grid;gap:17px}.monthly-analysis-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.monthly-analysis-head h3{margin:3px 0 5px;font-size:17px;color:#292d42}.monthly-analysis-head p{margin:0;color:#8d91a2;font-size:9px}.monthly-analysis-filter{display:flex;align-items:flex-end;gap:8px;padding:9px;border:1px solid #e8eaf1;border-radius:13px;background:#fafaff}.monthly-analysis-filter label{font-size:7px;color:#858a9b}.monthly-analysis-filter select{display:block;width:105px;height:35px;margin-top:4px;border:1px solid #dfe2eb;border-radius:9px;background:#fff;color:#3d4255;padding:0 9px;font-family:inherit;font-size:8px}.monthly-analysis-filter .btn{height:35px;white-space:nowrap}.monthly-attendance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.monthly-attendance-kpi{--monthly:#4187D6;position:relative;overflow:hidden;padding:15px;border:1px solid #e8eaf1;border-radius:15px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--monthly) 4%,white))}.monthly-attendance-kpi.absence{--monthly:#df6676}.monthly-attendance-kpi.punctuality{--monthly:#1aa779}.monthly-attendance-kpi.hours{--monthly:#3f89dc}.monthly-attendance-kpi>span{font-size:8px;color:#777c8e}.monthly-attendance-kpi>div{display:flex;justify-content:space-between;align-items:baseline;margin:7px 0 4px}.monthly-attendance-kpi strong{font-size:22px;color:#2d3145}.monthly-attendance-kpi em{font-style:normal;font-size:7px;font-weight:800;border-radius:12px;padding:3px 6px}.monthly-attendance-kpi em.positive{color:#188663;background:#e8f8f2}.monthly-attendance-kpi em.negative{color:#cf5365;background:#fff0f2}.monthly-attendance-kpi small{display:block;font-size:7px;color:#9a9eac}.monthly-attendance-kpi>i{display:block;height:4px;margin-top:11px;border-radius:5px;background:var(--monthly)}.monthly-analysis-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.monthly-analysis-grid.secondary{grid-template-columns:1.25fr .75fr}.monthly-analysis-panel{min-width:0;border:1px solid #e9eaf2;border-radius:15px;background:#fbfbfe;padding:15px}.monthly-analysis-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.monthly-analysis-panel h4{font-size:11px;margin:0 0 4px;color:#35394c}.monthly-analysis-panel header p{font-size:7px;color:#969aaa;margin:0}.monthly-analysis-panel header>span{font-size:7px;color:#4187D6;background:#EAF5FF;border-radius:15px;padding:4px 7px}.monthly-analysis-panel header>a{font-size:7px;color:#4187D6;text-decoration:none;font-weight:700}.weekly-performance-list{display:grid;gap:12px}.weekly-performance-row{display:grid;grid-template-columns:78px 1fr 38px;align-items:center;gap:9px}.weekly-label b,.weekly-label small{display:block}.weekly-label b{font-size:8px}.weekly-label small{font-size:6px;color:#a0a3b0;margin-top:2px}.weekly-stack{height:11px;display:flex;overflow:hidden;border-radius:10px;background:#eeeff4}.weekly-stack i{height:100%;min-width:0}.weekly-stack .present,.weekly-performance footer .present{background:#22ad7b}.weekly-stack .late,.weekly-performance footer .late{background:#eba04a}.weekly-stack .half,.weekly-performance footer .half{background:#4187D6}.weekly-stack .absent,.weekly-performance footer .absent{background:#df6475}.weekly-performance-row>strong{font-size:8px;text-align:left}.weekly-performance footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:11px;border-top:1px solid #eaebf1;font-size:7px;color:#777c8e}.weekly-performance footer span{display:flex;align-items:center;gap:4px}.weekly-performance footer i{width:7px;height:7px;border-radius:2px}.status-analysis-body{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:16px}.absence-gauge{width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#df6475 calc(var(--absence)*1%),#eef0f4 0);position:relative}.absence-gauge:after{content:'';position:absolute;inset:13px;border-radius:50%;background:#fff}.absence-gauge>div{position:relative;z-index:1;text-align:center}.absence-gauge strong,.absence-gauge span{display:block}.absence-gauge strong{font-size:18px;color:#33374b}.absence-gauge span{font-size:7px;color:#9a9dac;margin-top:2px}.status-breakdown-list{display:grid;gap:8px}.status-breakdown-list>div{display:flex;justify-content:space-between;gap:10px;font-size:7px}.status-breakdown-list span{display:flex;align-items:center;gap:5px;color:#707587}.status-breakdown-list span i{width:7px;height:7px;border-radius:2px}.status-breakdown-list i.present{background:#22ad7b}.status-breakdown-list i.late{background:#eba04a}.status-breakdown-list i.absent{background:#df6475}.status-breakdown-list i.half{background:#4187D6}.status-breakdown-list i.leave{background:#46a0d2}.status-breakdown-list b{font-size:8px}.status-breakdown-list small{font-size:6px;color:#9da1ae}.status-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.status-foot span{font-size:7px;color:#888c9c;padding:8px;border-radius:9px;background:#fff}.status-foot b{display:block;font-size:9px;color:#35394c;margin-top:3px}.department-attendance-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 17px}.department-attendance-list>div>div:first-child{display:flex;justify-content:space-between;font-size:8px}.department-attendance-list>div>small{font-size:6px;color:#999dab}.department-attendance-track,.employee-rate>span{height:5px;overflow:hidden;border-radius:6px;background:#edeef3;margin:5px 0}.department-attendance-track i,.employee-rate i{display:block;height:100%;border-radius:6px}.department-attendance-track i.excellent,.employee-rate i.excellent{background:#20aa78}.department-attendance-track i.good,.employee-rate i.good{background:#4b8cdf}.department-attendance-track i.risk,.employee-rate i.risk{background:#dd6475}.attendance-insight-cards{display:grid;gap:9px}.attendance-insight-cards>div{position:relative;padding:11px 12px 11px 42px;border-radius:11px;background:#fff;border:1px solid #ebecef}.attendance-insight-cards>div:before{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:7px;font-size:11px}.attendance-insight-cards .best:before{content:'✓';color:#168763;background:#e7f7f1}.attendance-insight-cards .risk:before{content:'!';color:#ce5364;background:#fff0f2}.attendance-insight-cards .overtime:before{content:'◷';color:#4d62c8;background:#EDF7FF}.attendance-insight-cards span,.attendance-insight-cards b,.attendance-insight-cards small{display:block}.attendance-insight-cards span{font-size:6px;color:#9498a7}.attendance-insight-cards b{font-size:9px;margin:3px 0}.attendance-insight-cards small{font-size:6px;color:#8e92a1}.employee-monthly-performance{background:#fff}.employee-monthly-performance .table-wrap{max-height:390px}.employee-monthly-performance table{min-width:820px}.employee-monthly-performance th{position:sticky;top:0;z-index:2;background:#f7f8fb}.employee-monthly-performance td,.employee-monthly-performance th{font-size:8px}.employee-rate{display:grid;grid-template-columns:75px 38px;align-items:center;gap:7px}.employee-rate>span{margin:0}.employee-rate b{font-size:8px}
@media(max-width:1200px){.monthly-attendance-kpis{grid-template-columns:repeat(2,1fr)}.monthly-analysis-grid,.monthly-analysis-grid.secondary{grid-template-columns:1fr}.department-attendance-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.monthly-analysis-head{display:block}.monthly-analysis-filter{margin-top:13px;width:max-content;max-width:100%}.department-attendance-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.monthly-attendance-analysis{padding:14px}.monthly-analysis-filter{display:grid;grid-template-columns:1fr 1fr;width:100%}.monthly-analysis-filter select{width:100%}.monthly-analysis-filter .btn{grid-column:1/-1}.monthly-attendance-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.monthly-attendance-kpi{padding:12px}.monthly-attendance-kpi strong{font-size:18px}.weekly-performance-row{grid-template-columns:64px 1fr 34px}.status-analysis-body{grid-template-columns:100px 1fr}.absence-gauge{width:94px;height:94px}.department-attendance-list{grid-template-columns:1fr}.employee-monthly-performance{padding:12px}}
@media(max-width:420px){.monthly-attendance-kpis{grid-template-columns:1fr}.status-analysis-body{grid-template-columns:1fr}.absence-gauge{margin:auto}.status-foot{grid-template-columns:1fr}}

/* IRTAQA ALTANMIAH logo-based brand system */
:root{--brand-navy:#022856;--brand-deep:#0B3C7B;--brand-primary:#2763AC;--brand-medium:#4187D6;--brand-sky:#69A4E2;--brand-soft:#EAF5FF;--brand-pale:#F4FAFF;--brand-border:#CFE3F5;--brand-shadow:#02285629;--brand-gradient:linear-gradient(135deg,#0B3C7B 0%,#2763AC 52%,#69A4E2 100%)}
::selection{background:#A9C7E4;color:#022856}.btn.primary,button.btn.primary,a.btn.primary,.primary:not(.badge):not(.stat-icon){background:linear-gradient(135deg,#0B3C7B,#2763AC 58%,#4187D6)!important;color:#fff!important;box-shadow:0 6px 16px #02285629!important;border-color:transparent!important}.btn.primary:hover,button.btn.primary:hover,a.btn.primary:hover,.primary:not(.badge):not(.stat-icon):hover{background:linear-gradient(135deg,#022856,#0B3C7B 58%,#2763AC)!important;box-shadow:0 9px 21px #02285638!important}.btn.secondary,a.btn.secondary,button.btn.secondary,.secondary:not(.badge){background:#EAF5FF!important;color:#0B3C7B!important;border:1px solid #CFE3F5!important}.btn.secondary:hover,a.btn.secondary:hover,button.btn.secondary:hover{background:#DCEEFE!important;color:#022856!important;border-color:#A9C7E4!important}.nav-link:hover,.nav-link.active{background:#EAF5FF;color:#0B3C7B}.nav-link.active{box-shadow:inset -3px 0 #2763AC}.brand-mark{background:var(--brand-gradient);box-shadow:0 8px 18px var(--brand-shadow)}.avatar.purple{background:#EAF5FF;color:#2763AC}.stat-icon.purple{background:#EAF5FF;color:#2763AC}.section-kicker,.dashboard-section-head>a,.dashboard-card-head>a,.panel-head>a,.monthly-analysis-panel header>a{color:#2763AC}.section-count,.workflow-status,.activity-item em{color:#0B3C7B;background:#EAF5FF}.live-dot,.live-pulse{color:#0B3C7B}.score-ring{background:conic-gradient(#69A4E2 calc(var(--score)*1%),#ffffff21 0)}.score-ring:after{background:#0B3C7B}.department-donut{background:conic-gradient(#2763AC calc(var(--filled)*1%),#E7EEF5 0)}.activity-node{background:#2763AC;border-color:#CFE3F5}.attendance-bar-track i{background:linear-gradient(180deg,#69A4E2,#2763AC);box-shadow:0 8px 17px #2763AC2b}.kpi-progress i,.monthly-attendance-kpi>i{background:linear-gradient(90deg,var(--kpi,#2763AC),color-mix(in srgb,var(--kpi,#2763AC) 45%,#69A4E2))}.quick-command.violet,.executive-kpi.violet,.workflow-card.violet{--action:#2763AC;--kpi:#2763AC;--work:#2763AC}.quick-command.purple{--action:#4187D6}.quick-command.indigo,.workflow-card.indigo{--action:#2763AC;--work:#2763AC}.command-eyebrow{border-color:#ffffff36;background:#0228562b}.dashboard-command-hero{background:linear-gradient(118deg,#022856 0%,#0B3C7B 48%,#4187D6 100%);box-shadow:0 20px 55px #0228562c}.executive-dashboard input:focus,.executive-dashboard select:focus,.executive-dashboard textarea:focus,.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus,.module-form input:focus,.module-form select:focus,.module-form textarea:focus{border-color:#4187D6!important;box-shadow:0 0 0 3px #4187D61c!important;outline:none}.switch input:checked+i{background:#2763AC!important}.settings-nav a.active,.asset-tabs a.active,.attendance-tabs a.active,.leave-tabs a.active{background:#EAF5FF!important;color:#0B3C7B!important;border-color:#A9C7E4!important}.logout-link{color:#0B3C7B}.public-home-link{color:#2763AC}.career-hero,.portal-hero{background:linear-gradient(135deg,#022856,#2763AC 62%,#69A4E2)!important}.apply{background:linear-gradient(135deg,#0B3C7B,#2763AC 60%,#4187D6)!important;color:#fff!important;box-shadow:0 6px 16px #02285624}.training-status-form select:focus{border-color:#4187D6;box-shadow:0 0 0 3px #4187D616}

/* Accessible high-contrast brand buttons */
.btn.primary,button.btn.primary,a.btn.primary,.primary:not(.badge):not(.stat-icon),.apply{background:linear-gradient(135deg,#022856,#0B3C7B 55%,#2763AC)!important;color:#fff!important}.btn.primary:hover,button.btn.primary:hover,a.btn.primary:hover,.primary:not(.badge):not(.stat-icon):hover,.apply:hover{background:linear-gradient(135deg,#022856,#0B3C7B 72%,#1E4B86)!important}

/* Corrected IRTAQA ALTANMIAH wordmark */
.brand-name{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto 8px;text-align:center;line-height:1.15;color:#022856}
.brand-name b{font-size:15px;font-weight:800;letter-spacing:0}
.brand-name span{font-family:Manrope,Arial,sans-serif;direction:ltr;font-size:9px;font-weight:800;letter-spacing:.45px;color:#2763AC}
.brand-logo{display:block;margin-inline:auto}

.logout-icon-only{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;font-size:15px;line-height:1;background:#fff0f2;color:#c94e5c!important;border-color:#f1d1d6;border-radius:9px}.logout-icon-only:hover{background:#ffe3e7;color:#a93c4a!important;transform:scale(1.04)}

/* Recruitment workspace */
.recruitment-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.recruitment-kpi{background:#fff;border:1px solid #e7ebf3;border-radius:15px;padding:18px;box-shadow:0 7px 22px #02285608}.recruitment-kpi span,.recruitment-kpi small{display:block;color:#85899a;font-size:10px}.recruitment-kpi strong{display:block;color:#2763AC;font-size:25px;margin:5px 0}.recruitment-kpi.success strong{color:#20a873}.recruitment-kpi.warning strong{color:#d29440}.recruitment-kpi.info strong{color:#3984d9}.candidate-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px}.candidate-filter{background:#fff;border:1px solid #e6e9f1;border-radius:11px;padding:13px 10px;color:#73778a;text-decoration:none;font-size:11px;display:flex;justify-content:space-between}.candidate-filter b{color:#2763AC}.candidate-filter.active{background:#EDF7FF;border-color:#9dcaf0;color:#2763AC;font-weight:700}.candidate-toolbar form{display:flex;gap:9px}.candidate-toolbar input{flex:1;border:1px solid #e3e5ed;border-radius:8px;padding:10px;font-family:inherit}.candidate-status-form{margin:0}.candidate-status-form select{border:1px solid #dfe4ee;border-radius:7px;padding:7px;background:#fff;font-family:inherit;font-size:10px;color:#555b6d}@media(max-width:900px){.recruitment-kpis{grid-template-columns:repeat(2,1fr)}.candidate-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.recruitment-kpis{grid-template-columns:1fr 1fr;gap:8px}.recruitment-kpi{padding:12px}.recruitment-kpi strong{font-size:20px}.candidate-summary{grid-template-columns:1fr 1fr}.candidate-toolbar form{display:block}.candidate-toolbar form .btn{margin-top:8px;width:100%}}

/* Advanced AI recruitment suite */
.candidate-profile-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#022856,#2763AC);color:#fff;border-radius:18px;padding:23px;margin-bottom:16px}.candidate-profile-head h2{margin:0 0 5px}.candidate-profile-head p,.candidate-contact{margin:3px 0;color:#dcecff;font-size:11px}.candidate-avatar{width:62px;height:62px;border-radius:18px;background:#ffffff20;display:grid;place-items:center;font-size:22px;font-weight:800}.candidate-head-actions{margin-inline-start:auto;display:flex;gap:8px}.candidate-detail-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-bottom:14px}.score-hero{display:flex;align-items:baseline;gap:5px;margin:15px 0}.score-hero strong{font-size:44px;color:#2763AC}.score-hero b{margin-inline-start:12px;color:#159466}.score-bars>div{display:grid;grid-template-columns:90px 45px 1fr;align-items:center;gap:8px;margin:10px 0;font-size:11px}.score-bars i,.funnel-list i{height:8px;background:#edf1f7;border-radius:10px;overflow:hidden}.score-bars em,.funnel-list em{display:block;height:100%;background:linear-gradient(90deg,#69A4E2,#2763AC);border-radius:10px}.analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-columns>div{background:#f8fafc;border:1px solid #e7ebf2;border-radius:10px;padding:11px}.analysis-columns p{white-space:pre-line}.candidate-facts{display:grid;grid-template-columns:115px 1fr;gap:10px;font-size:11px}.candidate-facts dt{color:#8a90a1}.candidate-facts dd{margin:0;white-space:pre-line}.stage-timeline>div{position:relative;padding:0 22px 17px 0;border-right:2px solid #dfe9f4}.stage-timeline i{position:absolute;right:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#2763AC}.stage-timeline small{display:block;color:#8d93a2}.stage-timeline p{margin:5px 0}.interview-mini{border-bottom:1px solid #edf0f5;padding:10px 0}.interview-mini small{display:block;color:#8a90a1}.interview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.interview-card dl{display:grid;grid-template-columns:80px 1fr;gap:7px;font-size:11px}.interview-card dt{color:#8a90a1}.interview-card dd{margin:0}.interview-card details{border-top:1px solid #e9edf3;margin-top:12px;padding-top:10px}.interview-card summary{cursor:pointer;color:#2763AC;font-weight:700}.interview-card textarea,.interview-card input{width:100%;box-sizing:border-box;margin:5px 0;padding:8px;border:1px solid #dfe4ed;border-radius:7px;font-family:inherit}.score-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.provider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.provider-card{background:#fff;border:1px solid #e5eaf1;border-radius:13px;padding:16px;display:grid;grid-template-columns:12px 1fr;gap:4px 8px}.provider-card i{width:10px;height:10px;background:#e35f64;border-radius:50%;margin-top:4px}.provider-card i.connected{background:#20a873}.provider-card span{grid-column:2;color:#8b91a0;font-size:10px}.api-token-panel code{display:block;background:#f4f7fa;border:1px dashed #bdcadd;padding:12px;border-radius:8px;word-break:break-all;margin:9px 0}.panel pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;background:#0b2340;color:#dcecff;padding:14px;border-radius:10px}.recruitment-analytics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:14px}.funnel-list>div{display:grid;grid-template-columns:170px 40px 1fr;align-items:center;gap:9px;margin:12px 0;font-size:11px}.source-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #edf0f4}.analytics-score{margin-top:16px;background:#edf7ff;border-radius:11px;padding:14px;display:flex;justify-content:space-between;color:#2763AC}.analytics-score b{font-size:20px}.job-row-actions{display:flex;align-items:flex-start;gap:5px}.job-row-actions form{margin:0}.job-row-actions summary{list-style:none;cursor:pointer}.weight-popover{position:absolute;z-index:20;background:#fff;border:1px solid #dfe5ef;border-radius:10px;box-shadow:0 10px 28px #02285620;padding:9px;display:grid;grid-template-columns:repeat(4,58px);gap:5px}.weight-popover input{width:58px;box-sizing:border-box;padding:6px;border:1px solid #dfe4ed;border-radius:6px}.pipeline-card{text-decoration:none;color:inherit}
@media(max-width:1050px){.provider-grid{grid-template-columns:repeat(3,1fr)}.candidate-detail-grid,.recruitment-analytics-grid{grid-template-columns:1fr}.interview-grid{grid-template-columns:1fr}}
@media(max-width:680px){.candidate-profile-head{align-items:flex-start;flex-wrap:wrap;padding:16px}.candidate-head-actions{width:100%;margin:0}.candidate-head-actions .btn{flex:1;text-align:center}.provider-grid{grid-template-columns:1fr 1fr}.analysis-columns{grid-template-columns:1fr}.score-bars>div{grid-template-columns:70px 38px 1fr}.funnel-list>div{grid-template-columns:110px 30px 1fr}.recruitment-interview-form .form-grid{grid-template-columns:1fr}.weight-popover{position:fixed;inset:auto 12px 12px 12px;grid-template-columns:repeat(4,1fr)}.weight-popover input{width:100%}}

/* Recruitment agents, flows and credits */
.credit-chip{background:#e8f4ff;color:#2763AC;border:1px solid #bfdcf4;border-radius:12px;padding:10px 14px}.credit-chip b{font-size:18px;margin-inline-start:8px}.automation-builders,.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agent-card{display:flex;gap:12px;border-bottom:1px solid #edf0f4;padding:12px 0}.agent-card .candidate-avatar{width:42px;height:42px;font-size:13px;background:#e9f4ff;color:#2763AC}.agent-card small{display:block;color:#8d93a3}.agent-card p{margin:5px 0;color:#666d80;font-size:11px}.flow-card{border:1px solid #e5e9f0;border-radius:12px;padding:13px;margin:10px 0}.flow-card>small{display:block;color:#8d93a3}.flow-nodes{display:flex;align-items:center;gap:7px;overflow:auto;margin-top:12px;padding-bottom:6px}.flow-node{min-width:145px;background:#edf7ff;border:1px solid #bcdcf5;border-radius:9px;padding:9px;display:flex;gap:7px;align-items:flex-start}.flow-node.question{background:#fff8ea;border-color:#f1d59a}.flow-node i{width:20px;height:20px;border-radius:50%;background:#2763AC;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal;flex:0 0 auto}.flow-node span{font-size:10px}.automation-builders textarea{width:100%;padding:10px;border:1px solid #dfe4ed;border-radius:8px;font-family:inherit}.bulk-upload-panel form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bulk-upload-panel select,.bulk-upload-panel input{padding:9px;border:1px solid #dfe4ee;border-radius:8px;font-family:inherit}
@media(max-width:850px){.automation-builders,.automation-grid{grid-template-columns:1fr}}@media(max-width:600px){.credit-chip{width:100%;margin-top:10px}.flow-nodes{align-items:stretch}.flow-node{min-width:135px}}

/* Candidate pipeline board */
.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;margin:16px 0;overflow:auto;padding-bottom:5px}.pipeline-column{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:13px;padding:10px;min-height:125px;transition:.2s}.pipeline-column.drag-over{border-color:#2763AC;background:#eaf5ff;box-shadow:0 0 0 3px #2763AC18}.pipeline-column-head{display:flex;justify-content:space-between;margin-bottom:9px;color:#2763AC;font-size:11px}.pipeline-column-head span{background:#e4f1fc;border-radius:20px;padding:2px 7px}.pipeline-card{display:block;background:#fff;border:1px solid #e4e8f0;border-radius:9px;padding:10px;margin:7px 0;box-shadow:0 3px 10px #02285608;text-decoration:none;color:inherit}.pipeline-card[draggable=true]{cursor:grab}.pipeline-card.dragging{opacity:.45}.pipeline-card strong,.pipeline-card small{display:block}.pipeline-card small{color:#858b9b;margin-top:4px;font-size:10px}.pipeline-card em{display:inline-block;color:#199a6a;font-size:11px;margin-top:6px;font-style:normal}.pipeline-empty{color:#a2a8b5;font-size:10px;text-align:center;padding:20px 4px}.candidate-score{display:block;font-size:18px}.score-good{color:#199a6a}.score-mid{color:#d38a25}.score-low{color:#d04b4b}.candidate-status-form{display:inline-block;margin:4px 0}@media(max-width:900px){.pipeline-board{grid-template-columns:repeat(6,170px)}}

.score-distribution>div{display:grid;grid-template-columns:70px 1fr 35px;align-items:center;gap:10px;margin:13px 0}.score-distribution i{height:13px;background:#edf1f6;border-radius:8px;overflow:hidden}.score-distribution em{height:100%;display:block;background:linear-gradient(90deg,#69A4E2,#2763AC);border-radius:8px}.score-distribution span,.score-distribution b{font-size:11px}

/* Recruitment phone campaigns and call logs */
.call-builders,.call-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phone-row,.campaign-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px 18px 11px 0;border-bottom:1px solid #edf0f4}.phone-row span,.campaign-row span{font-size:10px;color:#8c92a2}.phone-row i{position:absolute;right:0;top:16px;width:9px;height:9px;border-radius:50%;background:#ddd}.phone-row i.on{background:#1fa973}.campaign-row em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:#2763AC;background:#eaf5ff;padding:4px 8px;border-radius:12px;font-size:9px}.call-queue-form{border-right:4px solid #2763AC}@media(max-width:900px){.call-builders,.call-overview-grid{grid-template-columns:1fr}}@media(max-width:650px){.call-queue-form .form-grid,.call-builders .form-grid{grid-template-columns:1fr}}

.flow-node.condition{background:#fff0f2;border-color:#f2bdc4}.flow-node.action{background:#ecfbf4;border-color:#afe4ca}.checkbox-row{flex-direction:row!important;align-items:center!important;min-height:42px}.checkbox-row input{width:auto!important}.agent-card em{font-size:9px;color:#2763AC;font-style:normal}

.matching-jobs>div{display:grid;grid-template-columns:1fr 130px 70px;gap:10px;padding:11px;border-bottom:1px solid #edf0f4;align-items:center}.matching-jobs a{text-decoration:none;color:#2763AC}.matching-jobs span{color:#818798;font-size:10px}.matching-jobs strong{text-align:left}@media(max-width:600px){.matching-jobs>div{grid-template-columns:1fr auto}.matching-jobs span{grid-row:2}.matching-jobs strong{grid-column:2;grid-row:1/3}}

/* Visual recruitment flow builder */
.flow-builder-shell{--flow-blue:#2878e8;--flow-purple:#4187d6;--flow-orange:#ef9b12;--flow-green:#18b779;--flow-pink:#e63d89;--flow-red:#eb434b;--flow-cyan:#12aebd;margin:-22px;min-height:calc(100vh - 92px);background:#f6f8fc;color:#182238;overflow:hidden}
.flow-builder-toolbar{min-height:72px;background:#fff;border-bottom:1px solid #e6eaf1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(200px,300px) auto;align-items:center;gap:16px;padding:10px 18px;position:relative;z-index:30}.flow-builder-title{display:flex;align-items:center;gap:10px;min-width:0}.flow-back{width:34px;height:34px;border-radius:9px;background:#f1f5fa;color:#2763AC;text-decoration:none;display:grid;place-items:center;font-size:19px}.flow-builder-title>div{display:grid;min-width:0}.flow-builder-title input{border:0;background:transparent;font-family:inherit;min-width:0}.flow-builder-title #flowName{font-size:15px;font-weight:800;color:#172238}.flow-builder-title #flowDescription{font-size:10px;color:#858c9e;margin-top:3px}.flow-agent-select label{font-size:9px;color:#818899}.flow-agent-select select{display:block;width:100%;padding:8px;border:1px solid #dfe5ed;border-radius:8px;margin-top:3px;font-family:inherit;background:#fff}.flow-toolbar-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.flow-toolbar-actions .btn{white-space:nowrap}.flow-tool-btn{width:32px;height:32px;border:1px solid #dfe5ed;background:#fff;border-radius:8px;cursor:pointer;color:#526073;font-size:17px}.flow-tool-btn:disabled{opacity:.4}.flow-save-state{font-size:9px;color:#1c9868;white-space:nowrap}.flow-save-state.dirty{color:#d18518}.flow-load-notice{padding:8px 18px;background:#fff8e8;border-bottom:1px solid #f2dda8;font-size:10px;display:flex;gap:12px}.flow-load-notice .danger{color:#cf4049}
.flow-builder-workspace{display:grid;grid-template-columns:230px minmax(460px,1fr) 260px;height:calc(100vh - 165px);min-height:600px;direction:ltr}.flow-node-palette,.flow-inspector{background:#fff;direction:rtl;overflow-y:auto;position:relative;z-index:25}.flow-node-palette{border-right:1px solid #e3e8f0;padding:13px}.flow-inspector{border-left:1px solid #e3e8f0;padding:13px}.flow-panel-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:2px 2px 13px}.flow-panel-head strong,.flow-panel-head small{display:block}.flow-panel-head small{font-size:9px;color:#9399a7;margin-top:3px}.flow-panel-close{display:none;border:0;background:#f1f4f8;border-radius:7px;width:28px;height:28px}.flow-palette-list{display:grid;gap:8px}.flow-palette-item{width:100%;display:grid;grid-template-columns:34px 1fr 18px;gap:8px;align-items:center;text-align:right;background:#fff;border:1px solid #e3e7ee;border-right:3px solid var(--node-color,#2878e8);border-radius:9px;padding:9px;cursor:grab;font-family:inherit;color:#273246;transition:.18s}.flow-palette-item:hover{transform:translateX(-3px);box-shadow:0 6px 18px #02285612;border-color:var(--node-color,#2878e8)}.flow-palette-item i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--node-color,#2878e8) 13%,white);color:var(--node-color,#2878e8);font-style:normal;font-weight:900}.flow-palette-item span b,.flow-palette-item span small{display:block}.flow-palette-item span b{font-size:10px}.flow-palette-item span small{font-size:8px;color:#9096a5;margin-top:2px}.flow-palette-item em{font-size:18px;color:var(--node-color,#2878e8);font-style:normal}.type-message{--node-color:#2878e8}.type-question{--node-color:#4187d6}.type-condition{--node-color:#ef9b12}.type-appointment{--node-color:#18b779}.type-form{--node-color:#12aebd}.type-webhook{--node-color:#2c79be}.type-transfer{--node-color:#e63d89}.type-delay{--node-color:#eb771d}.type-audio{--node-color:#118ec6}.type-end{--node-color:#eb434b}
.flow-canvas-panel{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 30px;direction:rtl;background:#eef2f8}.flow-canvas{position:relative;overflow:hidden;outline:0;touch-action:none;background-color:#f7f9fc;background-image:radial-gradient(#cfd7e3 1px,transparent 1px);background-size:20px 20px}.flow-canvas.drop-ready{box-shadow:inset 0 0 0 4px #2878e850}.flow-canvas.space-ready{cursor:grab}.flow-canvas.panning{cursor:grabbing}.flow-world{position:absolute;inset:0;width:2400px;height:1600px;transform-origin:0 0;will-change:transform}.flow-edge-layer,.flow-node-layer{position:absolute;inset:0;width:2400px;height:1600px;overflow:visible}.flow-node-layer{pointer-events:none}.flow-builder-node{--node-color:#2878e8;position:absolute;width:230px;min-height:116px;background:#fff;border:1px solid color-mix(in srgb,var(--node-color) 34%,#dfe5ee);border-top:4px solid var(--node-color);border-radius:12px;box-shadow:0 8px 22px #17375f16;direction:rtl;pointer-events:auto;user-select:none;transition:box-shadow .15s,border-color .15s}.flow-builder-node.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 24%,transparent),0 12px 28px #17375f20}.flow-builder-node.connection-source{box-shadow:0 0 0 4px color-mix(in srgb,var(--node-color) 28%,transparent)}.flow-node-drag{display:grid;grid-template-columns:32px 1fr 22px;gap:8px;align-items:center;padding:10px 10px 5px;cursor:move}.flow-node-drag>i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--node-color) 13%,white);color:var(--node-color);font-style:normal;font-weight:900}.flow-node-drag small,.flow-node-drag strong{display:block}.flow-node-drag small{font-size:8px;color:var(--node-color)}.flow-node-drag strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.flow-node-menu{border:0;background:transparent;color:#9ba1af;font-size:17px}.flow-builder-node>p{font-size:9px;color:#72798a;line-height:1.7;margin:2px 11px 10px;min-height:31px}.flow-node-config{display:block;border-top:1px solid #edf0f4;padding:5px 10px;font-size:8px;color:#858c9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-port{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--node-color);left:calc(50% - 8px);z-index:4;cursor:crosshair;padding:0}.flow-port.input{top:-12px}.flow-port.output{bottom:-12px}.flow-port:hover{background:var(--node-color);transform:scale(1.15)}.flow-edge-layer{pointer-events:none}.flow-edge{pointer-events:stroke;cursor:pointer}.flow-edge-line{fill:none;stroke:#48a8be;stroke-width:2;stroke-dasharray:5 4;marker-end:url(#flowArrow)}#flowArrow path{fill:#48a8be}.flow-edge-hit{fill:none;stroke:transparent;stroke-width:16}.flow-edge.selected .flow-edge-line{stroke:#2763AC;stroke-width:4;stroke-dasharray:none}.flow-edge-label{pointer-events:none}.flow-edge-label rect{fill:#fff;stroke:#dae3ed}.flow-edge-label text{font-size:10px;fill:#526174;font-family:inherit}.flow-empty-canvas{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;color:#8e97a8}.flow-empty-canvas[hidden]{display:none}.flow-empty-canvas strong,.flow-empty-canvas span{display:block}.flow-empty-canvas span{font-size:10px;margin-top:5px}.flow-canvas-controls{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;background:#fff;border:1px solid #dfe5ed;border-radius:9px;box-shadow:0 5px 16px #12345b18;overflow:hidden;direction:ltr}.flow-canvas-controls button{width:32px;height:32px;border:0;border-right:1px solid #e7eaf0;background:#fff;cursor:pointer}.flow-canvas-controls span{min-width:46px;text-align:center;font-size:9px;color:#697286}.flow-minimap{position:absolute;right:14px;bottom:14px;width:140px;height:90px;background:#fffffff0;border:1px solid #dbe2ec;border-radius:9px;box-shadow:0 5px 16px #12345b12;overflow:hidden}.flow-minimap svg{width:100%;height:100%}.flow-minimap rect{fill:var(--node-color,#2878e8);opacity:.7}.flow-minimap line{stroke:#9fc1cf;stroke-width:10}.flow-canvas-hint{display:flex;align-items:center;justify-content:center;gap:25px;font-size:8px;color:#8991a0;background:#fff;border-top:1px solid #e3e8f0;direction:rtl}
.flow-inspector-empty{text-align:center;color:#8e96a7;padding:80px 12px}.flow-inspector-empty i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eff5fb;color:#2763AC;font-size:25px;font-style:normal;margin:0 auto}.flow-inspector-empty p{font-size:10px;line-height:1.8}.flow-node-form{display:grid;gap:12px}.flow-node-form[hidden]{display:none}.flow-node-form label{font-size:9px;color:#71798a}.flow-node-form input,.flow-node-form textarea,.flow-node-form select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #dfe5ed;border-radius:8px;font-family:inherit;font-size:10px;background:#fff}.flow-type-badge{--node-color:#2878e8;color:var(--node-color);background:color-mix(in srgb,var(--node-color) 12%,white);border:1px solid color-mix(in srgb,var(--node-color) 28%,white);border-radius:9px;padding:10px;font-weight:800}.flow-type-badge.edge{color:#2763AC;background:#eef7ff;border-color:#c6dff3}.flow-node-position{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-inspector-actions{display:flex;gap:7px}.flow-inspector-actions .btn{flex:1}.flow-mobile-switcher{display:none}
.flow-dialog{position:fixed;inset:0;background:#071d3a80;z-index:1000;display:grid;place-items:center;padding:18px}.flow-dialog[hidden]{display:none}.flow-dialog-card{width:min(520px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:0 24px 70px #001a3a45;padding:22px;position:relative}.flow-dialog-close{position:absolute;left:13px;top:13px;width:30px;height:30px;border:0;border-radius:8px;background:#f1f4f8;font-size:18px}.flow-validation-summary{display:flex;justify-content:space-between;gap:10px;border-radius:10px;padding:12px;margin:15px 0}.flow-validation-summary.success{background:#eaf9f2;color:#158c62}.flow-validation-summary.danger{background:#fff0f1;color:#c63e49}.flow-validation-item{font-size:11px;padding:8px 10px;border-radius:8px}.flow-validation-item.danger{background:#fff1f2;color:#c9434d}.flow-validation-item.warning{background:#fff7e8;color:#b87212}.flow-validation-item.success{background:#edf9f4;color:#188d64}.flow-test-card{max-width:620px}.flow-test-status{display:flex;justify-content:space-between;color:#2763AC;font-size:10px}.flow-test-card>p{background:#f4f8fc;border-radius:10px;padding:18px;min-height:65px;line-height:1.8}.flow-test-card #flowTestChoices{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.flow-test-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1250px){.flow-builder-toolbar{grid-template-columns:1fr auto}.flow-agent-select{grid-row:2;grid-column:1/2}.flow-toolbar-actions{grid-row:1/3;grid-column:2}.flow-builder-workspace{grid-template-columns:205px minmax(420px,1fr) 230px;height:calc(100vh - 205px)}}
@media(max-width:900px){.flow-builder-shell{margin:-14px;min-height:calc(100vh - 72px)}.flow-builder-toolbar{display:flex;flex-wrap:wrap;padding:8px 10px}.flow-builder-title{width:100%}.flow-agent-select{flex:1}.flow-toolbar-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.flow-save-state{margin-inline-start:auto}.flow-mobile-switcher{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #e4e9f0;padding:6px;gap:5px}.flow-mobile-switcher button{border:0;border-radius:7px;background:#f0f4f8;padding:8px;font-family:inherit;font-size:10px}.flow-mobile-switcher button.active{background:#2763AC;color:#fff}.flow-builder-workspace{display:block;height:calc(100vh - 260px);min-height:560px;position:relative}.flow-node-palette,.flow-inspector,.flow-canvas-panel{position:absolute;inset:0}.flow-node-palette,.flow-inspector{display:none;z-index:50}.flow-builder-shell[data-mobile-panel="palette"] .flow-node-palette,.flow-builder-shell[data-mobile-panel="inspector"] .flow-inspector{display:block}.flow-builder-shell[data-mobile-panel="palette"] .flow-canvas-panel,.flow-builder-shell[data-mobile-panel="inspector"] .flow-canvas-panel{visibility:hidden}.flow-panel-close{display:block}.flow-palette-list{grid-template-columns:repeat(2,1fr)}.flow-canvas-hint{display:none}.flow-canvas-panel{grid-template-rows:1fr}.flow-minimap{width:105px;height:68px}}
@media(max-width:540px){.flow-builder-title #flowName{font-size:13px}.flow-agent-select{width:100%;flex-basis:100%}.flow-toolbar-actions .btn{font-size:9px;padding:8px}.flow-tool-btn{display:none}.flow-save-state{width:100%;order:10}.flow-builder-workspace{height:calc(100vh - 304px);min-height:500px}.flow-palette-list{grid-template-columns:1fr}.flow-builder-node{width:210px}.flow-minimap{display:none}.flow-node-position{grid-template-columns:1fr}.flow-dialog{padding:8px}.flow-dialog-card{padding:18px}.flow-test-actions .btn{flex:1}}

.visual-flow-create{border-top:4px solid #2763AC}.visual-builder-badge{font-size:9px;background:#e9f5ff;color:#2763AC;border:1px solid #c4e0f5;padding:6px 9px;border-radius:14px}.flow-library{display:grid;gap:10px}.flow-library-card{border:1px solid #e4e9f0;border-radius:12px;padding:12px;background:#fcfdff}.flow-library-head{display:flex;justify-content:space-between;gap:10px}.flow-library-head b,.flow-library-head small{display:block}.flow-library-head small{font-size:9px;color:#8b92a2;margin-top:3px}.flow-library-head>span{font-size:9px;color:#2763AC;background:#edf7ff;border-radius:12px;padding:5px 8px;height:max-content;white-space:nowrap}.flow-mini-sequence{display:flex;align-items:center;gap:6px;margin:12px 0;overflow:hidden}.flow-mini-sequence i{--node-color:#2763AC;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--node-color) 13%,white);color:var(--node-color);font-size:9px;font-style:normal}.flow-mini-sequence>b{font-size:9px;color:#98a0af}.flow-mini-sequence>em{font-size:9px;font-style:normal}.flow-library-actions{display:flex;align-items:center;gap:6px}.flow-library-actions form{margin:0}@media(max-width:520px){.flow-library-head{display:block}.flow-library-head>span{display:inline-block;margin-top:7px}.flow-library-actions .btn{flex:1;text-align:center}}
.type-action{--node-color:#18b779}
.flow-world{inset:auto;left:0;top:0;right:auto;bottom:auto;direction:ltr}.flow-node-layer,.flow-edge-layer{left:0;top:0;right:auto;bottom:auto}

/* Automatic AI resume screening and pipeline integration */
.screening-command-bar{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:center;background:linear-gradient(135deg,#f4f9ff,#fff);border:1px solid #d8e8f7;border-radius:16px;padding:12px 14px;margin:14px 0;box-shadow:0 7px 25px #0228560a}.screening-state{display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:8px;padding:7px 10px;border-inline-end:1px solid #e4edf6}.screening-state>span{width:9px;height:9px;border-radius:50%;background:#91a4b7}.screening-state b{font-size:18px;color:#022856}.screening-state small{font-size:10px;color:#687789}.screening-state.queued>span{background:#efb347}.screening-state.running>span{background:#2779c8;box-shadow:0 0 0 5px #2779c81a;animation:screeningPulse 1.5s infinite}.screening-state.completed>span{background:#1cad75}.screening-state.failed>span{background:#dc5061}@keyframes screeningPulse{50%{box-shadow:0 0 0 8px #2779c800}}
.ai-pipeline-board{grid-template-columns:repeat(7,minmax(185px,1fr));padding-bottom:8px}.pipeline-card-list{min-height:108px}.pipeline-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.candidate-score-ring{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#e7f8f0;border:3px solid #d1ecdf;color:#08724a!important;font-size:11px!important;font-weight:800}.pipeline-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.pipeline-card-meta span{font-size:8px;color:#667689;background:#f0f5fa;border-radius:20px;padding:3px 6px}.processing-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;background:#edf3f8;color:#526579;white-space:nowrap}.processing-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#8296aa}.processing-chip.is-queued{background:#fff7e7;color:#996311}.processing-chip.is-queued:before{background:#efb347}.processing-chip.is-running{background:#eaf4ff;color:#1764a7}.processing-chip.is-running:before{background:#2779c8;animation:screeningPulse 1.4s infinite}.processing-chip.is-failed{background:#fff0f2;color:#a52c3e}.processing-chip.is-failed:before{background:#dc5061}.screening-error{display:block;color:#b13647;font-size:8px;margin-top:4px}.inline-form{display:inline-block;margin:0}.candidate-table td{vertical-align:middle}.bulk-upload-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.bulk-upload-panel form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.screening-toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.screening-toggle-row label{display:flex;align-items:center;gap:7px;background:#f5f9fd;border:1px solid #dbe8f3;border-radius:10px;padding:9px 11px;font-size:11px}.screening-toggle-row input{width:auto}.automation-indicator{display:inline-block;margin-top:5px;border-radius:20px;padding:3px 7px;font-size:8px}.automation-indicator.on{background:#e7f8f0;color:#08724a}.automation-indicator.off{background:#f0f2f5;color:#687789}.weight-popover{min-width:290px}.weight-popover label{display:flex;align-items:center;gap:7px;font-size:9px}.weight-popover label input{width:auto}.screening-master-toggle .switch-control{display:flex;align-items:center;gap:8px;margin-top:8px}.switch-control input{width:auto}.switch-control i{width:34px;height:19px;border-radius:20px;background:#ccd8e3;position:relative}.switch-control i:after{content:"";position:absolute;width:15px;height:15px;top:2px;right:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:.2s}.switch-control input:checked+i{background:#2763ac}.switch-control input:checked+i:after{right:17px}.switch-control b{font-size:10px;color:#526579}
.confidence-meter{background:#f5f9fd;border:1px solid #dce9f5;border-radius:12px;padding:11px 13px;margin:12px 0}.confidence-meter>div{display:flex;justify-content:space-between;font-size:11px}.confidence-meter i{display:block;height:7px;background:#dce7f1;border-radius:10px;overflow:hidden;margin-top:7px}.confidence-meter em{display:block;height:100%;background:linear-gradient(90deg,#69a4e2,#2763ac);border-radius:10px}.decision-explanation{background:#edf6ff;border-inline-start:4px solid #2763ac;border-radius:10px;padding:12px;margin:14px 0}.decision-explanation h4{margin:0 0 5px;color:#0b3c7b}.decision-explanation p{margin:0}.requirements-evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.requirements-evidence>div{border-radius:12px;padding:12px;background:#f4fbf8;border:1px solid #d5eee2}.requirements-evidence>div+div{background:#fff8f0;border-color:#f1dfc8}.requirements-evidence h4{margin:0 0 7px;font-size:11px}.requirements-evidence p{margin:0;white-space:pre-line}.ai-fairness-note{display:flex;align-items:flex-start;gap:10px;background:#f8fafc;border:1px dashed #bdccdb;border-radius:12px;padding:12px;margin-top:14px}.ai-fairness-note b{color:#0b3c7b;white-space:nowrap}.ai-fairness-note span{font-size:10px;color:#687789;line-height:1.7}
@media(max-width:1050px){.screening-command-bar{grid-template-columns:repeat(2,1fr)}.screening-state{border-inline-end:0}.ai-pipeline-board{grid-template-columns:repeat(7,185px)}.bulk-upload-panel{align-items:stretch;flex-direction:column}}
@media(max-width:680px){.screening-command-bar{grid-template-columns:1fr 1fr;padding:10px}.screening-state{grid-template-columns:8px auto 1fr;padding:5px}.screening-state b{font-size:15px}.screening-command-bar form{grid-column:1/-1}.bulk-upload-panel form{display:grid;grid-template-columns:1fr}.requirements-evidence{grid-template-columns:1fr}.ai-fairness-note{display:block}.ai-fairness-note b{display:block;margin-bottom:6px}.screening-toggle-row{display:grid}.candidate-head-actions{align-items:flex-start}}
.screening-queue-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.screening-queue-actions form{margin:0}@media(max-width:680px){.screening-queue-actions{grid-column:1/-1}.screening-queue-actions .btn{flex:1}}
.pipeline-card-top>.candidate-score-ring{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;aspect-ratio:1!important;border-radius:999px!important;padding:0!important;margin:0!important;line-height:28px!important;text-align:center!important;overflow:hidden}

/* Reliable pointer dragging and visual node linking */
.flow-node-drag,.flow-port{touch-action:none}.flow-builder-node.dragging-node{transition:none!important;z-index:30;box-shadow:0 0 0 4px color-mix(in srgb,var(--node-color) 24%,transparent),0 18px 38px #17375f2b}.flow-builder-node.dragging-node .flow-node-drag{cursor:grabbing}.flow-canvas.connecting{cursor:crosshair}.flow-connection-preview{fill:none;stroke:#2763ac;stroke-width:3;stroke-dasharray:8 5;pointer-events:none;animation:flowLinkDash .8s linear infinite}.flow-connection-preview[hidden]{display:none}@keyframes flowLinkDash{to{stroke-dashoffset:-26}}.flow-port:after{content:"";position:absolute;inset:-10px;border-radius:50%}.flow-port.connection-target{background:#18b779;border-color:#fff;box-shadow:0 0 0 5px #18b77955;transform:scale(1.22)}.flow-canvas.connecting .flow-port.input{box-shadow:0 0 0 4px color-mix(in srgb,var(--node-color) 18%,transparent)}.flow-canvas.connecting .flow-port.input:hover{background:#18b779;border-color:#fff;box-shadow:0 0 0 6px #18b77945}.flow-builder-node.connection-source .flow-port.output{background:var(--node-color);border-color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--node-color) 28%,transparent)}
@media(pointer:coarse){.flow-port{width:22px;height:22px;left:calc(50% - 11px)}.flow-port.input{top:-15px}.flow-port.output{bottom:-15px}.flow-port:after{inset:-12px}}

/* Automated AI phone interviews */
.interview-command-head{align-items:flex-start;background:linear-gradient(135deg,#f5faff,#eef7ff);border:1px solid #d8eafb;border-radius:22px;padding:22px}.interview-provider-state{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;min-width:min(390px,100%)}.interview-provider-state>span{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dfe8f1;border-radius:12px;background:#fff;color:#718092;font-size:12px}.interview-provider-state>span b{color:#a13d4a}.interview-provider-state>span.ready{border-color:#b8e3cf;background:#effbf6;color:#13724c}.interview-provider-state>span.ready b{color:#13724c}.interview-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.interview-kpi-grid article{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;padding:16px 18px;background:#fff;border:1px solid #e3ebf2;border-radius:16px;box-shadow:0 8px 24px rgba(2,40,86,.045)}.interview-kpi-grid article span{font-size:12px;color:#718092}.interview-kpi-grid article strong{grid-column:2;font-size:25px;color:#022856}.status-dot{width:10px;height:10px;border-radius:50%;grid-row:1/3}.status-dot.pending{background:#e7a326}.status-dot.running{background:#4187d6;box-shadow:0 0 0 5px #e7f3ff}.status-dot.success{background:#1eaa70}.status-dot.failed{background:#d65363}.interview-control-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:14px;align-items:start}.panel-title,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-title h3,.section-heading h3{margin:0}.panel-title p,.section-heading p{margin:5px 0 0;color:#718092}.automation-chip,.security-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e7f3ff;color:#0b5aa5;font-size:11px;font-weight:800;white-space:nowrap}.consent-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dce8f2;border-radius:13px;background:#f9fcff}.consent-check input{width:18px!important;height:18px;margin-top:2px}.consent-check span{display:grid;gap:3px}.consent-check small{color:#728094}.interview-process-map ol{display:grid;gap:13px;padding:0;margin:18px 0;list-style:none}.interview-process-map li{display:flex;gap:11px;align-items:center}.interview-process-map li>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f3ff;color:#0b5aa5}.interview-process-map li span{display:grid;gap:2px}.interview-process-map li small{color:#7b8795}.fairness-note{padding:13px;border:1px solid #bcdcf6;background:#f2f9ff;border-radius:13px;color:#194b78}.fairness-note p{margin:5px 0 0;font-size:12px;line-height:1.7}.interview-operations{margin-top:14px}.live-indicator{display:flex;align-items:center;gap:7px;color:#177653;font-size:12px}.live-indicator i{width:8px;height:8px;border-radius:50%;background:#1eaa70;box-shadow:0 0 0 5px #dff7ec}.interview-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.interview-operation-card{border:1px solid #e0e9f1;border-radius:17px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff);min-width:0}.interview-operation-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf2f6}.interview-operation-card h4{margin:0;color:#022856}.interview-operation-card header p{margin:4px 0 0;color:#788696;font-size:12px}.candidate-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#0b3c7b,#4187d6);color:#fff;font-weight:900}.interview-status{padding:6px 9px;border-radius:999px;background:#edf6ff;color:#155fa7;font-size:10px;font-weight:800;white-space:nowrap}.interview-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.interview-meta-grid span{display:grid;gap:3px;padding:9px;background:#f5f9fc;border-radius:10px;min-width:0}.interview-meta-grid small{font-size:9px;color:#8190a0}.interview-meta-grid b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-score-strip{display:flex;align-items:center;gap:12px;padding:11px;border-radius:13px;background:#edf8f3;border:1px solid #c7e8d8}.interview-score-strip>strong{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#16865b;color:#fff;font-size:17px}.interview-score-strip>div{display:grid;gap:3px}.interview-score-strip small{color:#527262}.interview-error{padding:9px 11px;border-radius:10px;background:#fff1f2;color:#a43a47;font-size:11px}.interview-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.interview-card-actions form{margin:0}.interview-details{margin-top:12px;border-top:1px solid #edf2f6;padding-top:10px}.interview-details summary{cursor:pointer;color:#0b5aa5;font-weight:700;font-size:12px}.interview-details audio{width:100%;margin:12px 0}.ai-evaluation-summary{margin:11px 0;padding:12px;background:#f5faff;border-radius:11px}.ai-evaluation-summary p{white-space:pre-line;line-height:1.8}.interview-transcript{max-height:230px;overflow:auto;white-space:pre-wrap;direction:rtl;text-align:right;background:#f5f7fa;border:1px solid #e2e7ed;border-radius:11px;padding:12px;font-family:inherit;line-height:1.8}.manual-interview-score{margin-top:12px}.settings-subsection{border-top:1px solid #e7edf3;padding-top:15px;margin-top:15px}.settings-subsection h4{color:#0b3c7b;margin:0 0 12px}.provider-readiness-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.provider-readiness-table>span{display:grid;gap:4px;padding:10px;border-radius:11px;background:#f7f9fb}.provider-readiness-table em{font-style:normal;color:#a13d4a;font-size:10px}.provider-readiness-table em.ready{color:#177653}.webhook-setup-card code{display:block;direction:ltr;text-align:left;padding:12px;border-radius:10px;background:#062d5a;color:#d9edff;overflow:auto;margin:10px 0}.webhook-setup-card small{display:block;color:#6e7d8c}.smart-interview-mini{display:grid;gap:7px;padding:12px;border:1px solid #e3ebf2;border-radius:12px;margin:9px 0}.smart-interview-mini>div:first-child{display:flex;justify-content:space-between;gap:8px}.mini-interview-score{display:flex!important;justify-content:space-between;align-items:center;gap:10px}.mini-interview-score strong{color:#0b5aa5}.smart-interview-mini em{font-style:normal;color:#177653;font-size:11px}.smart-interview-mini audio{width:100%}
@media(max-width:1100px){.interview-control-grid{grid-template-columns:1fr}.interview-provider-state{min-width:0}.provider-readiness-table{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.interview-command-head{display:grid}.interview-provider-state,.interview-kpi-grid,.interview-card-grid{grid-template-columns:1fr 1fr;width:100%}.interview-meta-grid{grid-template-columns:1fr 1fr}.interview-operation-card>header{grid-template-columns:auto 1fr}.interview-operation-card>header .interview-status{grid-column:1/-1;width:max-content}.panel-title,.section-heading{align-items:flex-start}}
@media(max-width:480px){.interview-provider-state,.interview-kpi-grid,.interview-card-grid,.provider-readiness-table{grid-template-columns:1fr}.interview-meta-grid{grid-template-columns:1fr 1fr}.interview-card-actions .btn{width:100%}.interview-card-actions form{flex:1 1 46%}.phone-interview-scheduler,.interview-process-map,.interview-operation-card{padding:13px}.mini-interview-score{align-items:flex-start;flex-direction:column}}

/* Recruitment settings reference-inspired layout */
.recruitment-settings-shell{display:grid;gap:18px}.settings-page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.settings-page-hero h2{margin:5px 0;font-size:24px;color:#102544}.settings-page-hero p{margin:0;color:#7a8797}.settings-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;background:#f0f3f8;border:1px solid #e3e8f0;border-radius:10px;padding:4px}.settings-tabs a{padding:10px 13px;border-radius:7px;color:#647286;text-decoration:none;font-size:12px;font-weight:700}.settings-tabs a.active,.settings-tabs a:hover{background:#fff;color:#0b3c7b;box-shadow:0 1px 4px #10254418}.integration-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-provider-card{border:1px solid #efb8c0;border-radius:14px;padding:18px;background:linear-gradient(135deg,#fff8f9,#fff);box-shadow:0 4px 14px #263b5b0a}.integration-provider-card.is-connected{border-color:#b9dfd1;background:linear-gradient(135deg,#f9fffc,#fff)}.provider-card-top,.provider-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.provider-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffe8ec;color:#dc5367;font-size:24px;font-weight:900}.is-connected .provider-icon{background:#e6f8f0;color:#15966b}.provider-status{font-size:11px;font-weight:800;color:#cf4c5d;background:#ffe9ed;border-radius:99px;padding:7px 10px}.is-connected .provider-status{color:#13845e;background:#e2f7ed}.integration-provider-card h3{margin:17px 0 4px;color:#1b2b44;font-size:17px}.integration-provider-card p{margin:0 0 18px;color:#8290a0;font-size:12px}.provider-card-bottom{border-top:1px solid #f0e8ea;padding-top:13px;color:#85909c;font-size:11px}.brand-settings-section{padding:20px 0 22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7edf4;padding-bottom:16px}.section-heading>div:first-child{display:flex;align-items:center;gap:10px}.section-heading h3{margin:0;color:#172c4a}.section-heading p{margin:5px 0 0;color:#8491a0;font-size:12px}.section-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#0b5aa5;background:#eaf5ff;font-size:20px}.section-actions{display:flex;align-items:center;gap:10px}.connection-pill{color:#14946c;font-size:11px;border:1px solid #bfe8d7;background:#f1fcf7;border-radius:99px;padding:7px 10px}.brand-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px}.brand-settings-grid label,.redesigned-integration-form label{color:#5d6c7e;font-size:12px}.brand-settings-grid input{margin-top:6px}.brand-settings-grid .wide{grid-column:1/-1}.compact-heading{align-items:flex-start;border:0;padding-bottom:4px}.integration-submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e7edf4;padding-top:18px;color:#738296;font-size:11px}.redesigned-integration-form{padding:20px}.redesigned-integration-form .settings-subsection{margin-top:0;padding-top:20px}.redesigned-integration-form .form-grid{padding-bottom:12px}.redesigned-integration-form .provider-readiness-table{margin-top:10px}.redesigned-integration-form .webhook-setup-card{margin-top:0}@media(max-width:820px){.integration-provider-grid,.brand-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.settings-page-hero,.section-heading,.integration-submit-row{align-items:stretch;flex-direction:column}.integration-provider-grid,.brand-settings-grid{grid-template-columns:1fr}.settings-tabs{overflow-x:auto;flex-wrap:nowrap}.settings-tabs a{white-space:nowrap}.section-actions{justify-content:space-between}.provider-card-bottom{align-items:flex-start;flex-direction:column}.redesigned-integration-form{padding:14px}}

/* Interview meeting integrations */
.meeting-link-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:10px 0;padding:11px 12px;border:1px solid #cfe4f6;border-radius:12px;background:#f4faff}.meeting-link-card span{font-size:11px;color:#6d7d8e}.meeting-link-card a{color:#0b5aa5;font-weight:800;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-link-card small{color:#7e8a98}.meeting-url-field small{display:block;margin-top:5px;color:#8290a0;font-size:10px}@media(max-width:560px){.meeting-link-card{grid-template-columns:1fr}.meeting-link-card a{white-space:normal;overflow-wrap:anywhere}}

.meeting-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px}.meeting-account-grid label{display:grid;gap:6px;padding:14px;border:1px solid #e1e9f2;border-radius:13px;background:#fbfdff}.meeting-account-grid label>b{color:#123c6c;font-size:14px}.meeting-account-grid label>span{color:#8290a0;font-size:11px}.meeting-account-grid input{margin:0}.meeting-account-grid small{color:#16865b;font-weight:700}@media(max-width:820px){.meeting-account-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.meeting-account-grid{grid-template-columns:1fr}}

.meeting-mode-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.meeting-mode-badge.in-person{background:#fff3df;color:#b77215}.meeting-mode-badge.online{background:#e8f4ff;color:#1765a6}.meeting-record-link{color:#1765a6;font-weight:700;text-decoration:none;white-space:nowrap}

.meetings-calendar-panel{overflow:hidden}.calendar-head{align-items:flex-start}.calendar-filters{display:flex;gap:6px;flex-wrap:wrap}.calendar-filter{border:1px solid #dce7f2;background:#fff;color:#6e7e91;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:10px;cursor:pointer}.calendar-filter.active{background:#2763AC;color:#fff;border-color:#2763AC}.calendar-timeline{position:relative;padding:8px 4px 8px 0}.calendar-timeline:before{content:"";position:absolute;right:108px;top:18px;bottom:18px;width:2px;background:#e2ebf4}.calendar-event{display:grid;grid-template-columns:88px 40px minmax(0,1fr);gap:0;position:relative;min-height:92px;padding:10px 0}.calendar-event[hidden],.calendar-empty[hidden]{display:none}.calendar-event time{display:flex;flex-direction:column;gap:3px;text-align:left;padding-top:4px;color:#708298;font-size:11px;direction:ltr}.calendar-event time b{color:#274d73;font-size:12px}.calendar-event time span{color:#4187D6;font-weight:800}.calendar-event-marker{z-index:1;width:14px;height:14px;margin:7px auto 0;border:3px solid #fff;border-radius:50%;background:#e5a33d;box-shadow:0 0 0 3px #f5e3bc}.calendar-event.is-online .calendar-event-marker{background:#2763AC;box-shadow:0 0 0 3px #d9ebfa}.calendar-event-body{border:1px solid #e8eef5;border-radius:12px;padding:12px 14px;background:#fff}.calendar-event-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-event-title h4{margin:0;color:#304257;font-size:13px}.calendar-event-body p{margin:7px 0;color:#8a97a6;font-size:10px}.calendar-event-meta{display:flex;gap:14px;flex-wrap:wrap;color:#77879a;font-size:10px}.calendar-event-meta a{color:#1765a6;font-weight:800;text-decoration:none}.calendar-empty{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-height:120px;color:#8a97a6;font-size:11px}.calendar-empty strong{color:#53677d;font-size:13px}@media(max-width:680px){.calendar-head{display:block}.calendar-filters{margin-top:13px}.calendar-timeline:before{right:70px}.calendar-event{grid-template-columns:55px 30px minmax(0,1fr)}.calendar-event time{font-size:9px}.calendar-event time b{font-size:10px}.calendar-event-body{padding:10px}.calendar-event-title{align-items:flex-start;flex-direction:column}.calendar-event-title h4{font-size:12px}.calendar-event-meta{gap:7px;flex-direction:column}}

.record-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.record-edit-link,.record-delete-link{border:0;background:none;padding:0;font-family:inherit;font-size:10px;cursor:pointer;text-decoration:none}.record-edit-link{color:#1765a6}.record-delete-link{color:#d45d68}.record-edit-link:hover,.record-delete-link:hover{text-decoration:underline}

.leave-filter-note{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.leave-view-switch{display:inline-flex;gap:3px;margin-right:auto;padding:3px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}.leave-view-switch a{display:grid;place-items:center;width:32px;height:29px;border-radius:6px;color:#7d8b9a;text-decoration:none;font-size:18px}.leave-view-switch a.active{background:#2763AC;color:#fff}.leave-balances-list-view{padding:0}.leave-balances-list-view table th,.leave-balances-list-view table td{text-align:center}.leave-balances-list-view table th:first-child,.leave-balances-list-view table td:first-child{text-align:right}.leave-type-label{display:inline-flex;align-items:center;gap:6px}.leave-type-label i{width:9px;height:9px;border-radius:50%;display:inline-block}.balance-adjust-inline{margin-top:8px}.balance-adjust-inline form{display:flex;gap:5px;align-items:center}.balance-adjust-inline input{width:75px;border:1px solid #e1e6ee;border-radius:6px;padding:6px}.balance-adjust-inline .btn{padding:6px 9px}@media(max-width:680px){.leave-filter-note{gap:10px}.leave-view-switch{margin-right:0}.leave-balances-list-view table{min-width:720px}}

/* Global readability scale: slightly larger Arabic UI typography */
body{font-size:14px}.nav-link{font-size:13px}.nav-label{font-size:11px}.topbar h1{font-size:21px}.breadcrumb{font-size:11px}.content{font-size:14px}.page-intro h2{font-size:20px}.page-intro p{font-size:12px}.btn{font-size:12px}.panel-head h3{font-size:15px}.panel-head p,.form-help{font-size:11px}th{font-size:11px}td{font-size:12px}.form-grid label,.detail-form label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea,.search input,.date-filter input{font-size:12px}.badge,.count{font-size:10px}.muted{font-size:11px}.person b{font-size:12px}.person small{font-size:10px}.stat-card span{font-size:11px}.stat-card strong{font-size:22px}.stat-card small{font-size:10px}@media(max-width:680px){body{font-size:14px}.nav-link{font-size:13px}.topbar h1{font-size:18px}.page-intro h2{font-size:19px}.btn{font-size:12px}.panel-head h3{font-size:14px}th{font-size:11px}td{font-size:12px}.form-grid label{font-size:11px}}

.payment-security-note{font-size:10px;color:#16865b;background:#e8f8f0;border-radius:999px;padding:7px 11px}.payment-provider-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-setting-card{display:grid;gap:10px;padding:16px;border:1px solid #e1e8f0;border-radius:14px;background:#fbfdff}.payment-setting-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f5;padding-bottom:10px}.payment-setting-title .provider-logo{width:34px;height:34px;border-radius:10px;background:#eaf4ff;color:#2763AC}.payment-setting-title b{display:block;color:#27435f;font-size:14px}.payment-setting-title small{display:block;color:#16865b;font-size:10px;margin-top:3px}.payment-setting-card label{display:grid;gap:5px;color:#6d7d8e;font-size:10px}.payment-setting-card input,.payment-setting-card select,.payment-setting-card textarea{border:1px solid #dfe7ef;border-radius:7px;padding:9px;font:inherit;color:#33465b;background:#fff}.payment-setting-card textarea{resize:vertical}.payment-settings-form .form-actions{border-top:1px solid #edf1f5;padding-top:14px}.bank-setting-card{grid-column:auto}@media(max-width:900px){.payment-provider-settings{grid-template-columns:1fr 1fr}}@media(max-width:560px){.payment-provider-settings{grid-template-columns:1fr}.payment-security-note{align-self:flex-start}}

.leave-balance-employee-controls .employee-status-tabs span{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:8px;color:#858d9b;font-size:10px}.leave-balance-employee-controls .employee-status-tabs span.active{background:#eef6ff;color:#2763AC}.leave-balance-employee-grid{margin-top:14px}.leave-balance-employee-card .employee-card-body{min-height:145px}.leave-balance-summary{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding-bottom:10px;border-bottom:1px solid #edf0f4}.leave-balance-summary span{font-size:9px;color:#9298a6}.leave-balance-summary b{font-size:17px;color:#394c61}.leave-balance-summary b.green-text{color:#16865b}.leave-balance-mini-list{margin-top:8px}.leave-balance-mini-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid #f0f2f5;font-size:9px;color:#646f7f}.leave-balance-mini-row span{display:flex;align-items:center;gap:5px;min-width:0}.leave-balance-mini-row span i,.leave-type-label i{width:8px;height:8px;display:inline-block;border-radius:50%;flex:0 0 auto}.leave-balance-mini-row strong{font-size:10px;color:#16865b;direction:ltr}.leave-balance-mini-row .balance-info{border:0;background:transparent;color:#737989;cursor:pointer;padding:3px}.leave-balance-employee-card .balance-adjust-row{padding:8px 0}.leave-balance-employee-card .balance-adjust-row form{display:flex;align-items:end;gap:7px}.leave-balance-employee-card .balance-adjust-row label{display:grid;gap:3px;font-size:9px;color:#707d8b}.leave-balance-employee-card .balance-adjust-row input{width:70px;padding:5px;border:1px solid #dfe6ed;border-radius:6px}.leave-balance-employee-card .balance-adjust-row .btn{padding:6px 9px;font-size:10px}.leave-balances-list-view{margin-top:14px}.leave-balances-list-view .employee-card-actions button{font-size:18px}.leave-balances-list-view .employee-card-actions{justify-content:center}.balance-adjust-inline form{display:flex;align-items:center;justify-content:center;gap:6px}.balance-adjust-inline input{width:70px;padding:5px;border:1px solid #dfe6ed;border-radius:6px}.balance-adjust-inline .btn{padding:5px 8px;font-size:10px}

.employee-selfservice-hero{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:22px 25px;color:#fff;background:linear-gradient(125deg,#122c50,#2763ac 68%,#69a4e2);box-shadow:0 8px 22px #02285618;margin-bottom:15px}.employee-selfservice-hero span{font-size:11px;color:#cfe4fa}.employee-selfservice-hero h2{font-size:24px;margin:6px 0}.employee-selfservice-hero p{margin:0;color:#d9e9f8;font-size:11px}.selfservice-hero-mark{font-size:48px;opacity:.8}.employee-selfservice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.selfservice-stat{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:15px;box-shadow:0 5px 15px #02285607}.selfservice-stat span,.selfservice-stat small{display:block;color:#8995a4;font-size:10px}.selfservice-stat strong{display:block;color:#294762;font-size:19px;margin:7px 0}.attendance-stat strong{color:#16865b;font-size:15px}.selfservice-attendance{margin-bottom:15px}.selfservice-date{color:#7c8c9b;font-size:11px;direction:ltr}.attendance-selfservice-actions{display:flex;align-items:center;gap:10px;padding-top:3px}.attendance-selfservice-actions form{margin:0}.attendance-complete{color:#16865b;font-size:11px;background:#eefaf4;padding:9px 12px;border-radius:8px}.selfservice-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.selfservice-balance-list{display:grid;gap:4px}.selfservice-balance-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4;color:#5f7081;font-size:11px}.selfservice-balance-row span{display:flex;align-items:center;gap:7px}.selfservice-balance-row i{width:9px;height:9px;border-radius:50%}.selfservice-balance-row b{color:#16865b;font-size:12px}.selfservice-balance-row small{font-weight:400;color:#9aa4af}.selfservice-form{display:grid;gap:10px}.selfservice-form label{display:grid;gap:5px;color:#68798a;font-size:10px}.selfservice-form input,.selfservice-form select,.selfservice-form textarea{border:1px solid #dfe7ef;border-radius:7px;padding:9px;font:inherit;color:#33465b;background:#fff}.selfservice-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selfservice-document-list{margin-top:14px}.selfservice-document-list a{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f4;color:#2763ac;text-decoration:none;font-size:16px}.selfservice-document-list a div{flex:1}.selfservice-document-list a b,.selfservice-document-list a small{display:block}.selfservice-document-list a b{font-size:11px;color:#40566d}.selfservice-document-list a small{font-size:9px;color:#929daa;margin-top:3px}.selfservice-document-list a>span{font-size:20px}.document-upload-form{padding-bottom:6px}.employee-portal-page .panel{border-radius:13px}@media(max-width:900px){.employee-selfservice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.employee-selfservice-hero{padding:18px;align-items:flex-start}.employee-selfservice-hero h2{font-size:20px}.selfservice-hero-mark{font-size:34px}.selfservice-columns{grid-template-columns:1fr}.attendance-selfservice-actions{flex-wrap:wrap}.selfservice-date-grid{grid-template-columns:1fr}.employee-selfservice-grid{gap:8px}.selfservice-stat{padding:12px}.selfservice-stat strong{font-size:16px}.selfservice-stat span,.selfservice-stat small{font-size:9px}}
.approval-role .approval-order{width:42px;padding:5px;border:1px solid #dfe7ef;border-radius:6px;text-align:center;font-size:10px}.approval-role{direction:rtl}

.employee-account-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 9px;background:#f5f9fd;border:1px solid #e0eaf3;border-radius:8px}.employee-account-box b,.employee-account-box small{display:block}.employee-account-box b{font-size:10px;color:#496278}.employee-account-box small{font-size:9px;color:#8493a1;margin-top:3px}.account-mini-action,.account-reset-toggle{border:0;background:transparent;color:#2763ac;font-size:10px;cursor:pointer;padding:3px}.account-reset-toggle{display:block;margin-top:4px}.employee-account-form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:7px}.employee-account-form input{min-width:0;border:1px solid #dce6ef;border-radius:6px;padding:6px;font-size:9px}.employee-account-form .btn{padding:6px 8px;font-size:9px;white-space:nowrap}.employee-import{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.employee-import label{display:grid;gap:5px;font-size:10px;color:#68798a}.employee-import input{padding:8px;border:1px solid #dce6ef;border-radius:7px}@media(max-width:680px){.employee-account-form{grid-template-columns:1fr}.employee-import{display:grid}.employee-import .btn{width:max-content}}
.selfservice-password-panel{margin:16px 0;border-right:3px solid #2763ac}.selfservice-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.selfservice-password-form label{display:grid;gap:5px;color:#65788b;font-size:11px}.selfservice-password-form input{padding:9px;border:1px solid #dce6ef;border-radius:8px}@media(max-width:760px){.selfservice-password-form{grid-template-columns:1fr}.password-security-badge{font-size:10px;color:#14845d;background:#e8f8f0;padding:6px 9px;border-radius:99px}}

.org-page-head{align-items:center}.org-kpi{display:flex;align-items:center;gap:9px;background:#eef7ff;color:#15558e;border:1px solid #d4e8f7;padding:10px 15px;border-radius:12px}.org-kpi b{font-size:22px}.org-kpi span{font-size:11px}.org-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.org-form-grid label{display:grid;gap:6px;font-size:11px;color:#607486}.org-form-grid .wide{grid-column:1/-1}.org-form-grid input,.org-form-grid select,.org-form-grid textarea{border:1px solid #d9e5ef;border-radius:8px;padding:10px;background:#fff;font:inherit}.org-chart-panel{margin-top:18px}.org-chart-scroll{overflow-x:auto;padding:18px 4px 28px}.org-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px;min-width:780px;position:relative}.org-node{position:relative;background:#fff;border:1px solid #dbe7ef;border-radius:13px;padding:15px;box-shadow:0 6px 18px rgba(23,63,93,.08);min-height:190px}.org-node:not(.org-root)::before{content:'↓';position:absolute;top:-23px;left:50%;color:#2ab88c;font-size:18px}.org-node.org-root{border:2px solid #23b487;background:linear-gradient(145deg,#fff,#f3fcf9)}.org-node-top{display:flex;justify-content:space-between;align-items:center}.org-node-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf5ff;color:#15558e;font-size:18px}.org-node h3{margin:12px 0 4px;font-size:16px;color:#173554}.org-node-type{font-size:10px;color:#2a74aa;background:#edf7ff;padding:4px 8px;border-radius:99px}.org-node-manager{display:flex;align-items:center;gap:8px;margin-top:15px;padding:9px;background:#f7fafc;border-radius:9px}.org-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2869a8;font-weight:700}.org-node-manager div{display:grid;gap:2px}.org-node-manager small{font-size:9px;color:#8696a4}.org-node-manager b{font-size:11px;color:#263e53}.org-node-parent{margin-top:10px;color:#82919d;font-size:10px}.org-node-parent b{color:#4a6579}.org-node-actions{display:flex;gap:10px;margin-top:11px;border-top:1px solid #edf1f4;padding-top:9px}.org-node-actions a,.org-node-actions button{border:0;background:none;color:#2763ac;font-size:10px;cursor:pointer;text-decoration:none}.org-node-actions button{color:#c44d5b}.org-empty{grid-column:1/-1}@media(max-width:800px){.org-form-grid{grid-template-columns:1fr 1fr}.org-form-grid .wide{grid-column:1/-1}}@media(max-width:520px){.org-form-grid{grid-template-columns:1fr}.org-chart-grid{min-width:300px;grid-template-columns:1fr}.org-node:not(.org-root)::before{left:48%}}

/* Employee card reference layout */
.employee-card{overflow:hidden;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(29,63,89,.07)}.employee-card>header{padding:14px 13px 12px;border-bottom:1px solid #edf1f4;align-items:flex-start}.employee-card-person{align-items:center;min-width:0}.employee-card-person img,.employee-card-person .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px}.employee-card-person h3{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.employee-card-person a{font-size:9px;color:#748493;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.employee-card-body{padding:14px 13px 10px;min-height:150px}.employee-card-body p{font-size:10px;line-height:1.8;color:#71808d;text-align:right;margin:0}.employee-card-body p b{color:#536b7c;font-weight:600}.employee-account-box{margin-top:10px;padding:7px 8px;background:#f8fafc;border:1px solid #e9eef2}.account-state{font-size:9px;padding:3px 7px;border-radius:99px}.account-state.linked{color:#16855c;background:#e8f8f0}.account-state.unlinked{color:#9b6c16;background:#fff7df}.employee-card>footer{min-height:42px;padding:8px 12px;border-top:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between;color:#8594a0;font-size:10px}.employee-card-actions{display:flex;align-items:center;gap:10px;direction:rtl}.employee-card-actions a,.employee-card-actions button{width:19px;height:19px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#71808c;font-size:16px;line-height:1;cursor:pointer;text-decoration:none}.employee-card-actions a:hover,.employee-card-actions button:hover,.employee-card-actions .employee-key-action{color:#1c71a8}.employee-card-actions form{display:contents}.employee-key-action{font-size:18px!important;color:#2763ac!important}.employee-password-popover{display:flex;align-items:end;gap:8px;padding:10px 12px;background:#eef7ff;border-top:1px solid #d8eaf7}.employee-password-popover label{flex:1;display:grid;gap:4px;color:#597184;font-size:10px}.employee-password-popover input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #cfe0ec;border-radius:7px}.employee-password-popover .btn{padding:7px 10px;font-size:10px;white-space:nowrap}@media(max-width:600px){.employee-card-body{min-height:0}.employee-password-popover{flex-direction:column;align-items:stretch}.employee-password-popover .btn{width:100%}}

.employee-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px}.employee-modal.hidden{display:none}.employee-modal-backdrop{position:absolute;inset:0;background:rgba(9,31,52,.48);backdrop-filter:blur(3px)}.employee-modal-card{position:relative;width:min(420px,100%);padding:27px 25px 22px;background:#fff;border:1px solid #dbe7ef;border-radius:17px;box-shadow:0 18px 60px rgba(7,39,69,.25);text-align:center;direction:rtl}.employee-modal-close{position:absolute;top:10px;left:12px;width:29px;height:29px;border:0;border-radius:50%;background:#f2f6f9;color:#687c8b;font-size:21px;cursor:pointer;line-height:1}.employee-modal-icon{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:15px;background:#eaf5ff;color:#17659c;font-size:29px}.employee-modal-card h3{margin:0;color:#173554;font-size:18px}.employee-modal-card p{margin:7px 0 19px;color:#758695;font-size:12px}.employee-modal-card form{display:grid;gap:14px;text-align:right}.employee-modal-card label{display:grid;gap:6px;color:#506a7d;font-size:11px}.employee-modal-card input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d3e1eb;border-radius:9px;font:inherit;outline:none}.employee-modal-card input:focus{border-color:#2a75ad;box-shadow:0 0 0 3px rgba(42,117,173,.12)}.employee-modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:2px}.employee-modal-actions .btn{min-width:105px}@media(max-width:520px){.employee-modal{padding:12px}.employee-modal-card{padding:24px 17px 18px}.employee-modal-actions{display:grid;grid-template-columns:1fr 1fr}.employee-modal-actions .btn{min-width:0}}

/* Visual training marketplace and consoles */
.training-public-page{margin:0;background:#f7faff;color:#173554}.training-market{max-width:1240px;margin:auto;padding:0 28px}.training-public-nav{height:76px;display:flex;align-items:center;justify-content:space-between}.training-brand img{width:145px;max-height:52px;object-fit:contain}.training-public-nav>div{display:flex;align-items:center;gap:22px}.training-public-nav>div>a:not(.btn){color:#536d82;text-decoration:none;font-size:12px}.training-public-nav .btn{padding:10px 18px}.training-hero{min-height:445px;border-radius:24px;padding:62px 66px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;background:linear-gradient(120deg,#0d3152 0%,#155d87 55%,#278e95 100%);color:#fff;position:relative}.training-hero:after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff25;left:-100px;bottom:-210px}.eyebrow{font-size:11px;letter-spacing:.3px;color:#c6f0e8;font-weight:700}.eyebrow.dark{color:#247aa2}.training-hero h1{font-size:43px;line-height:1.35;margin:18px 0 13px;letter-spacing:-1px}.training-hero h1 strong{color:#72e1c1}.training-hero p{max-width:520px;color:#d5e8f2;font-size:14px;line-height:2}.training-hero-actions{display:flex;gap:10px;margin-top:27px}.ghost-light{border:1px solid #ffffff55;color:#fff;background:#ffffff12}.training-hero-visual{height:300px;display:grid;place-items:center;position:relative}.video-orb{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#80f2d0,#248e9a 50%,#0c466a);box-shadow:0 0 0 26px #ffffff0c,0 0 0 52px #ffffff08,0 22px 50px #00253a55}.video-orb span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#147a8b;font-size:22px;padding-right:3px}.floating-stat{position:absolute;padding:11px 15px;border:1px solid #ffffff3b;border-radius:11px;background:#ffffff18;backdrop-filter:blur(8px);display:grid;gap:3px}.floating-stat b{font-size:17px}.floating-stat small{font-size:9px;color:#d5edf1}.stat-one{top:26px;right:22px}.stat-two{bottom:26px;left:14px}.training-trust{display:flex;gap:28px;align-items:center;justify-content:center;padding:25px 0;color:#8095a5;font-size:11px}.training-trust b{color:#4b7185;font-weight:600}.training-section{padding:45px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:8px 0 0;font-size:27px}.section-heading>a{color:#18789d;text-decoration:none;font-size:11px}.program-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.program-market-card{border:1px solid #e2ebf1;border-radius:15px;background:#fff;overflow:hidden;transition:.2s;box-shadow:0 7px 20px #2952730a}.program-market-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #29527316}.program-cover{height:130px;background:linear-gradient(135deg,#e1f0f7,#b9dfda);display:flex;justify-content:space-between;align-items:flex-start;padding:14px;color:#236377}.program-cover span{font-size:9px;background:#ffffffaa;padding:5px 8px;border-radius:99px}.program-cover b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16849b}.program-card-content{padding:15px}.program-meta,.program-card-foot{display:flex;justify-content:space-between;align-items:center;color:#8293a1;font-size:9px}.program-card-content h3{font-size:15px;margin:10px 0 6px;color:#173554}.program-card-content p{height:38px;overflow:hidden;color:#788b99;font-size:10px;line-height:1.8;margin:0 0 15px}.program-card-foot a{color:#18789d;text-decoration:none;font-weight:700}.training-empty{grid-column:1/-1;text-align:center;padding:45px;background:#fff;border:1px dashed #cfe0e9;border-radius:15px}.trainers-section{padding-top:10px}.trainer-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.trainer-market-card{text-align:center;padding:23px 12px;background:#fff;border:1px solid #e2ebf1;border-radius:14px}.trainer-avatar{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#e4f3f5;color:#17859b;font-weight:700;font-size:20px}.trainer-market-card h3{font-size:13px;margin:10px 0 5px}.trainer-market-card p{font-size:10px;color:#8192a0;margin:0 0 10px}.trainer-market-card span{font-size:10px;color:#d1953a}.trainer-invite a{font-size:10px;color:#18789d}.training-cta{display:flex;justify-content:space-between;align-items:center;border-radius:18px;padding:33px 40px;background:#dff3ec;margin:20px 0 45px}.training-cta h2{margin:8px 0;font-size:22px}.training-cta p{color:#547a7c;font-size:11px}.btn.light{background:#fff;color:#176b87}.training-public-footer{text-align:center;color:#8ba0ad;font-size:10px;padding:20px 0 35px}
.training-console-head{display:flex;justify-content:space-between;align-items:center;padding:25px 0 18px}.training-console-head h2{font-size:24px;margin:8px 0}.training-console-head p{font-size:11px;color:#778b9b;margin:0}.console-head-actions{display:flex;gap:8px}.training-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:8px 0 18px}.training-metric-card{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e1eaf0;border-radius:12px;background:#fff}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:17px}.metric-icon.blue{color:#2276a7;background:#e8f4fb}.metric-icon.violet{color:#7660b6;background:#f0edfb}.metric-icon.green{color:#188965;background:#e6f7ef}.metric-icon.orange{color:#c78625;background:#fff5df}.training-metric-card div{display:grid;gap:3px}.training-metric-card small{font-size:10px;color:#8494a0}.training-metric-card b{font-size:22px;color:#173554}.training-metric-card em{font-size:9px;color:#32936f;font-style:normal}.training-console-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.training-console-panel{min-height:310px}.training-console-panel .panel-head>a{font-size:10px;color:#26779b;text-decoration:none}.training-program-list,.session-list,.enrollment-list{display:grid;gap:4px}.training-program-row,.session-row,.enrollment-row{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #edf2f5}.program-mini-cover{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e6f3f6;color:#237d92}.training-row-main,.session-row>div:nth-child(2),.enrollment-row>div:nth-child(2){flex:1;display:grid;gap:4px}.training-program-row b,.session-row b,.enrollment-row b{font-size:11px;color:#29445a}.training-program-row small,.session-row small,.enrollment-row small{font-size:9px;color:#8a9aa6}.training-program-row>a{font-size:10px;color:#24799a;text-decoration:none}.session-date{width:80px;text-align:center;background:#f2f8fb;border-radius:7px;padding:5px;display:grid;gap:3px}.session-date b{font-size:9px;color:#297b98}.session-date small{font-size:8px;color:#7e96a3}.session-play{color:#1d789b;text-decoration:none}.enrollment-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e8f1fb;color:#3377a2;font-size:12px}.progress-mini{width:65px;height:5px;background:#edf1f3;border-radius:99px;overflow:hidden}.progress-mini span{display:block;height:100%;background:#38b38f;border-radius:99px}.enrollment-row em{font-size:9px;color:#5a7786;font-style:normal}.provider-feature-strip{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.provider-feature-strip div{display:grid;gap:5px}.provider-feature-strip b{font-size:13px}.provider-feature-strip span{font-size:10px;color:#8193a0}
@media(max-width:850px){.training-market{padding:0 16px}.training-hero{grid-template-columns:1fr;padding:40px 28px}.training-hero-visual{height:220px}.program-market-grid{grid-template-columns:repeat(2,1fr)}.trainer-market-grid{grid-template-columns:repeat(2,1fr)}.training-metric-grid{grid-template-columns:repeat(2,1fr)}.training-console-grid{grid-template-columns:1fr}}
@media(max-width:560px){.training-public-nav{height:auto;padding:13px 0}.training-public-nav>div>a:not(.btn){display:none}.training-hero{padding:34px 22px}.training-hero h1{font-size:33px}.training-hero p{font-size:12px}.training-hero-actions{flex-direction:column}.training-trust{gap:12px;flex-wrap:wrap;justify-content:flex-start}.training-trust span{width:100%}.section-heading{align-items:start;gap:8px;flex-direction:column}.program-market-grid,.trainer-market-grid{grid-template-columns:1fr}.training-cta{display:grid;gap:20px;padding:25px}.training-console-head{display:grid;gap:15px}.training-metric-grid{gap:8px}.training-metric-card{padding:11px}.training-metric-card b{font-size:18px}.console-head-actions{flex-wrap:wrap}.provider-feature-strip{display:grid;gap:12px}}

.training-apply-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#eff8fb,#f7faff)}.training-apply-logo{position:absolute;top:25px;right:35px}.training-apply-logo img{width:145px}.training-apply-card{width:min(520px,100%);background:#fff;border:1px solid #e1ebf0;border-radius:18px;padding:32px;box-shadow:0 15px 45px #1c536b12}.training-apply-card h1{font-size:25px;margin:10px 0}.training-apply-card>p{font-size:12px;color:#778b99;line-height:1.9}.training-apply-card form{display:grid;gap:13px;margin-top:22px}.training-apply-card label{display:grid;gap:6px;color:#526c7d;font-size:11px}.training-apply-card input,.training-apply-card textarea{font:inherit;border:1px solid #d7e4ec;border-radius:8px;padding:10px}.training-apply-foot{text-align:center;margin-top:22px;font-size:10px;color:#8394a0}.training-apply-foot a{color:#24779c}.provider-approval-settings{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.provider-approval-settings>div{display:grid;gap:5px}.provider-approval-settings b{font-size:13px}.provider-approval-settings span{font-size:10px;color:#80929f}.provider-approval-settings form{display:flex;align-items:center;gap:12px}.toggle-line{display:flex;align-items:center;gap:6px;font-size:10px;color:#547084}.toggle-line input{accent-color:#2085a1}.provider-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.provider-review-card{border:1px solid #e2ebf0;border-radius:12px;padding:15px}.provider-review-head{display:flex;align-items:center;gap:9px}.provider-review-head>div:nth-child(2){flex:1}.provider-review-head h3{font-size:13px;margin:0 0 4px}.provider-review-head small{font-size:9px;color:#8495a1}.provider-review-head .badge{font-size:9px}.provider-review-card>p{font-size:10px;color:#277c98;margin:13px 0 5px}.provider-review-bio{font-size:10px;color:#7d8e99;line-height:1.8;min-height:35px}.provider-review-actions{display:flex;gap:7px;margin-top:13px}.provider-review-actions .btn{padding:7px 11px;font-size:10px}.session-scheduler{margin-bottom:18px}.session-scheduler-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1.2fr auto;gap:10px;align-items:end}.session-scheduler-grid label{display:grid;gap:5px;color:#60788a;font-size:10px}.session-scheduler-grid input,.session-scheduler-grid select{padding:9px;border:1px solid #d8e5ec;border-radius:7px;font:inherit}.session-scheduler-grid .btn{font-size:10px;white-space:nowrap}.live-training-page{margin:0;background:#071c30;color:#eaf5f8;min-height:100vh}.live-room-shell{max-width:1400px;margin:auto;padding:20px}.live-room-header{display:flex;align-items:center;gap:16px;padding:7px 0 20px}.live-room-header>a img{width:130px;background:#fff;border-radius:7px;padding:4px}.live-room-header>div{flex:1}.live-room-header span,.live-room-header small{font-size:10px;color:#9bb5c6}.live-room-header h1{font-size:19px;margin:5px 0;color:#fff}.live-status{padding:8px 11px;border:1px solid #ffffff22;border-radius:99px}.live-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#44d19e}.live-room-layout{display:grid;grid-template-columns:1fr 300px;gap:14px}.video-stage{background:#102f49;border:1px solid #ffffff16;border-radius:14px;padding:14px}.video-placeholder{min-height:510px;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,#173e5c,#0b243b);border-radius:10px}.video-placeholder h2{font-size:20px}.video-placeholder p{max-width:440px;font-size:11px;color:#99b1c0;line-height:1.9}.video-placeholder-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#1c8890;color:#fff;font-size:24px;padding-right:3px}.video-controls{display:flex;gap:8px;padding-top:13px}.video-controls button{border:1px solid #ffffff22;background:#ffffff0e;color:#cfe2e8;border-radius:7px;padding:9px 12px;font-size:10px}.video-controls .leave{margin-right:auto;color:#ff9b9b}.live-room-sidebar{background:#f8fbfc;color:#18354b;border-radius:14px;display:flex;flex-direction:column;min-height:600px}.live-side-head{padding:16px;border-bottom:1px solid #e2ebef;display:flex;justify-content:space-between;align-items:center}.live-side-head h3{font-size:13px;margin:0}.live-side-head span{font-size:9px;color:#7d909d}.live-chat-empty{flex:1;display:grid;place-items:center;text-align:center;padding:25px;font-size:10px;color:#8a9da7}.live-chat-input{display:flex;gap:5px;padding:10px;border-top:1px solid #e2ebef}.live-chat-input input{flex:1;min-width:0;border:1px solid #d6e3ea;border-radius:7px;padding:8px;font:inherit}.live-chat-input button{border:0;background:#1b7894;color:#fff;border-radius:7px;padding:0 10px;font-size:10px}@media(max-width:850px){.session-scheduler-grid{grid-template-columns:1fr 1fr}.session-scheduler-grid .btn{grid-column:1/-1;width:max-content}.provider-review-grid{grid-template-columns:1fr}.live-room-layout{grid-template-columns:1fr}.live-room-sidebar{min-height:280px}.video-placeholder{min-height:350px}}@media(max-width:550px){.training-apply-logo{right:17px}.training-apply-card{padding:22px}.session-scheduler-grid{grid-template-columns:1fr}.live-room-header{flex-wrap:wrap}.live-room-header>div{min-width:190px}.live-status{margin-right:auto}.video-controls{flex-wrap:wrap}.video-controls .leave{margin-right:0}}
.training-booking-page,.training-learning-page,.certificate-verify-page{max-width:1050px;margin:auto;padding:20px}.training-booking-page{min-height:100vh;display:grid;place-items:center;background:#f7faff}.training-booking-card{width:min(570px,100%);background:#fff;border:1px solid #e1ebf0;border-radius:18px;padding:28px;box-shadow:0 14px 38px #1d587412}.booking-cover{height:130px;border-radius:12px;background:linear-gradient(135deg,#0e3758,#37a991);display:grid;place-items:center;color:#fff;font-size:28px;margin-bottom:20px}.training-booking-card h1{font-size:25px;margin:8px 0}.training-booking-card>p{color:#788c9b;font-size:12px;line-height:1.9}.training-booking-card form{display:grid;gap:12px;margin-top:20px}.training-booking-card label{display:grid;gap:5px;font-size:11px;color:#587184}.training-booking-card input{padding:10px;border:1px solid #d9e5ec;border-radius:7px;font:inherit}.booking-note,.learning-muted{display:block;color:#8898a3;font-size:10px;margin-top:14px}.learning-head{padding:35px 0 20px}.learning-head h1{font-size:29px;margin:8px 0}.learning-head p{color:#778b99;font-size:11px}.learning-search{display:flex;gap:7px;max-width:450px;margin-top:18px}.learning-search input{flex:1;border:1px solid #d9e5ec;border-radius:7px;padding:10px}.learning-section{padding:20px 0}.learning-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learning-program-card{background:#fff;border:1px solid #e0eaf0;border-radius:12px;padding:15px}.learning-program-top{display:flex;justify-content:space-between;align-items:center}.learning-program-card h3{font-size:14px;margin:17px 0}.learning-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#79909d}.progress-track,.report-progress{height:6px;background:#e9eff2;border-radius:99px;overflow:hidden;margin-top:7px}.progress-track i,.report-progress i{display:block;height:100%;background:#39b58d;border-radius:99px}.certificate-ready{display:inline-block;margin-top:14px;color:#188a67;background:#e8f8f0;border-radius:99px;padding:5px 8px;font-size:9px}.certificate-grid{display:grid;gap:12px}.certificate-card{display:flex;align-items:center;gap:15px;padding:17px;background:#fff;border:1px solid #e0eaf0;border-radius:12px}.certificate-card>div:nth-child(2){flex:1}.certificate-seal{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#b8832b;background:#fff4d8;font-size:20px}.certificate-card h3{font-size:14px;margin:5px 0}.certificate-card p,.certificate-card small{font-size:10px;color:#80929e}.certificate-verify-page{min-height:100vh;display:grid;place-items:center;text-align:center}.certificate-verify-page>img{width:155px;margin:15px}.certificate-verify-card{width:min(570px,100%);padding:35px;background:#fff;border:1px solid #cfe3df;border-radius:18px;box-shadow:0 15px 40px #1d6a5412}.certificate-verify-card h1{color:#167e69}.certificate-verify-card h2{font-size:25px;margin:18px 0 8px}.certificate-verify-card h3{font-size:18px;color:#1b6e88}.certificate-number{margin:20px auto 8px;padding:10px;background:#f0f8f5;border-radius:7px;font-size:11px;color:#247c69}.certificate-seal.big{width:70px;height:70px;margin:auto;background:#dff6ec;color:#168966;font-size:30px}.performance-report-panel{margin-top:18px}.performance-table-wrap{overflow:auto}.performance-table{width:100%;border-collapse:collapse;min-width:850px}.performance-table th,.performance-table td{padding:12px 9px;border-bottom:1px solid #edf2f4;text-align:right;font-size:10px}.performance-table th{color:#718694;background:#fafcfd}.performance-table td:first-child{display:grid;gap:4px}.performance-table td:first-child small{font-size:9px;color:#93a1a9}.performance-table strong{color:#c78b28}.report-progress{width:90px;display:inline-block;margin:0 6px 0 0;vertical-align:middle}.post-session-evaluation{margin-top:15px;padding:24px;border-radius:14px;background:linear-gradient(120deg,#123a58,#1c7e83);display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center}.post-session-evaluation h2{font-size:22px;color:#fff}.post-session-evaluation p{font-size:11px;color:#c9e3e7}.post-session-evaluation form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.post-session-evaluation input,.post-session-evaluation select,.post-session-evaluation textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #ffffff38;background:#ffffff12;color:#fff;border-radius:7px;font:inherit}.post-session-evaluation input::placeholder,.post-session-evaluation textarea::placeholder{color:#b9d1d7}.post-session-evaluation textarea{grid-column:1/-1}.post-session-evaluation label{display:grid;gap:4px;color:#d1e4e8;font-size:9px}.post-session-evaluation .btn{grid-column:1/-1;width:max-content}@media(max-width:700px){.learning-program-grid{grid-template-columns:1fr}.certificate-card{align-items:flex-start;flex-wrap:wrap}.post-session-evaluation{grid-template-columns:1fr}.post-session-evaluation form{grid-template-columns:1fr}.post-session-evaluation textarea{grid-column:auto}}
.training-entry-section{background:#f7fbff;border-top:1px solid #edf3f8;border-bottom:1px solid #edf3f8}.training-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:auto}.training-entry-card{background:#fff;border:1px solid #e1ebf2;border-radius:16px;padding:23px;text-align:center;box-shadow:0 8px 24px #164e6d0b}.entry-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;background:#e5f5f1;color:#16866e;font-size:21px}.training-entry-card h3{font-size:15px;margin:5px 0 8px}.training-entry-card p{min-height:39px;color:#7b8e9c;font-size:11px;line-height:1.8}.training-entry-card .btn{display:inline-block;text-decoration:none;margin-top:8px}@media(max-width:650px){.training-entry-grid{grid-template-columns:1fr}}
/* Training public page aligned with Iraqa platform UI */
.training-platform-page{background:#f7f9fc;color:#173554;font-family:Cairo,Arial,sans-serif}.training-platform-shell{max-width:1240px;margin:auto;padding:0 26px}.training-platform-nav{height:78px;display:flex;align-items:center;justify-content:space-between}.training-brand img{width:195px;max-height:55px;object-fit:contain}.training-nav-links{display:flex;align-items:center;gap:18px}.training-nav-links>a:not(.btn){color:#587185;text-decoration:none;font-size:11px}.training-nav-links .btn{padding:9px 14px}.login-text{font-weight:700;color:#2763ac!important}.training-platform-hero{min-height:430px;padding:55px 58px;border-radius:20px;background:linear-gradient(135deg,#f1f7fc,#fff 55%,#eef7ff);border:1px solid #dceaf4;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;overflow:hidden}.platform-eyebrow{display:inline-flex;padding:6px 11px;border-radius:20px;color:#2763ac;background:#eaf5ff;border:1px solid #d8ebfa;font-size:10px;font-weight:700}.platform-eyebrow.dark{background:transparent;border:0;padding:0;color:#2763ac}.training-hero-copy h1{font-size:43px;line-height:1.35;margin:17px 0;color:#173554}.training-hero-copy h1 strong{color:#2763ac}.training-hero-copy p{max-width:550px;color:#718594;font-size:13px;line-height:2}.training-hero-actions{display:flex;gap:9px;margin-top:22px}.training-hero-note{display:flex;gap:25px;color:#8294a1;font-size:9px;margin-top:22px}.training-hero-note b{display:block;color:#2763ac;font-size:17px}.training-hero-visual{display:grid;place-items:center;min-height:300px}.training-dashboard-mock{width:min(355px,100%);padding:22px;border-radius:18px;background:linear-gradient(145deg,#0d3c6e,#2763ac);box-shadow:0 22px 45px #2763ac35;color:#fff;transform:rotate(2deg)}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mock-top i{width:8px;height:8px;border-radius:50%;background:#46ce9d;box-shadow:0 0 0 5px #46ce9d24}.mock-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 12px}.mock-stat-row div{padding:12px;border-radius:10px;background:#ffffff12;border:1px solid #ffffff1c}.mock-stat-row small{display:block;color:#c5deec;font-size:9px}.mock-stat-row b{font-size:23px}.mock-progress{height:7px;border-radius:99px;background:#ffffff24;overflow:hidden}.mock-progress span{display:block;height:100%;background:#65d7b4;border-radius:99px}.mock-session{display:flex;align-items:center;gap:9px;margin-top:22px;padding:11px;border-radius:10px;background:#fff;color:#173554}.mock-session i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e8f5ff;color:#2763ac;font-style:normal}.mock-session div{flex:1;display:grid;gap:2px}.mock-session b{font-size:10px}.mock-session small{font-size:8px;color:#8293a0}.mock-session em{font-size:8px;color:#1b9a76;font-style:normal}.mock-certificate{padding:11px 0 0;text-align:center;color:#bdeadc;font-size:9px}.training-platform-trust{display:flex;justify-content:center;align-items:center;gap:28px;padding:22px 0;color:#7a8d9c;font-size:10px}.training-platform-trust b{color:#4c7185}.training-platform-section{padding:58px 0 10px}.platform-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.platform-section-head h2{font-size:26px;margin:8px 0 4px}.platform-section-head p{font-size:11px;color:#8495a1;margin:0}.platform-section-head>a{font-size:10px;color:#2763ac;text-decoration:none}.platform-section-head.centered{display:block;text-align:center}.platform-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-program-card{background:#fff;border:1px solid #e2ebf2;border-radius:14px;overflow:hidden;box-shadow:0 8px 23px #164e6d09}.platform-program-cover{height:120px;padding:13px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#eaf5ff,#dff4ed);color:#2763ac}.platform-program-cover span{padding:5px 8px;border-radius:99px;background:#fff;font-size:9px}.platform-program-cover b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;font-size:13px}.platform-program-body{padding:15px}.platform-program-meta,.platform-program-foot{display:flex;justify-content:space-between;align-items:center;color:#8596a2;font-size:9px}.platform-program-body h3{font-size:14px;margin:10px 0 6px}.platform-program-body p{height:36px;overflow:hidden;color:#7d8e9b;font-size:10px;line-height:1.8;margin:0 0 14px}.platform-program-foot a{color:#2763ac;text-decoration:none;font-weight:700}.platform-trainer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform-trainer-card{padding:22px 14px;background:#fff;border:1px solid #e2ebf2;border-radius:13px;text-align:center}.platform-trainer-avatar{width:51px;height:51px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#eaf5ff;color:#2763ac;font-size:19px;font-weight:700}.platform-trainer-card h3{font-size:13px;margin:10px 0 5px}.platform-trainer-card p{min-height:30px;color:#8495a1;font-size:10px;margin:0 0 9px}.platform-trainer-card span{font-size:9px;color:#c48a2d}.platform-trainer-card a{font-size:10px;color:#2763ac;text-decoration:none}.training-join-section{padding-bottom:50px}.training-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}.training-join-card{background:#fff;border:1px solid #dfeaf2;border-radius:16px;padding:24px;box-shadow:0 8px 24px #164e6d0b}.training-join-card h3{font-size:16px;margin:10px 0 4px}.training-join-card>p{font-size:10px;color:#7e909d;margin:0 0 17px}.join-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;color:#2763ac;font-size:19px}.join-card-icon.teal{background:#e5f7f0;color:#16866e}.training-join-card form{display:grid;gap:10px}.training-join-card label{display:grid;gap:5px;color:#60798a;font-size:10px}.training-join-card input,.training-join-card textarea{width:100%;box-sizing:border-box;border:1px solid #d7e4ec;border-radius:7px;padding:9px;font:inherit;color:#173554;background:#fbfdff}.training-join-card .btn{margin-top:4px}.training-platform-cta{display:flex;justify-content:space-between;align-items:center;padding:30px 37px;margin:20px 0 42px;border-radius:18px;background:linear-gradient(120deg,#0c3d76,#2763ac);color:#fff}.training-platform-cta h2{font-size:22px;margin:8px 0}.training-platform-cta p{font-size:11px;color:#cce2f1}.training-platform-cta .platform-eyebrow{color:#d5edff;background:#ffffff14;border-color:#ffffff2a}.training-platform-cta .btn.light{background:#fff;color:#2763ac}.training-platform-footer{text-align:center;border-top:1px solid #e4edf3;padding:22px 0 30px;color:#91a0aa;font-size:10px}@media(max-width:850px){.training-platform-hero{grid-template-columns:1fr;padding:42px 30px}.platform-program-grid{grid-template-columns:repeat(2,1fr)}.platform-trainer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.training-platform-shell{padding:0 15px}.training-platform-nav{height:auto;padding:14px 0;gap:10px}.training-brand img{width:145px}.training-nav-links{gap:7px}.training-nav-links>a:not(.btn),.login-text{display:none}.training-nav-links .btn{font-size:9px;padding:8px}.training-platform-hero{padding:30px 20px}.training-hero-copy h1{font-size:33px}.training-hero-copy p{font-size:12px}.training-hero-actions{flex-direction:column}.training-hero-note{gap:12px;flex-wrap:wrap}.training-hero-visual{min-height:250px}.training-platform-trust{gap:12px;flex-wrap:wrap;justify-content:flex-start}.training-platform-trust span{width:100%}.platform-section-head{display:block}.platform-section-head>a{display:inline-block;margin-top:12px}.platform-program-grid,.training-join-grid{grid-template-columns:1fr}.platform-trainer-grid{grid-template-columns:repeat(2,1fr)}.training-platform-cta{display:block;padding:25px 22px}.training-platform-cta .btn{display:inline-block;margin-top:15px}}
/* Match the public landing logo size on the training page */
.training-platform-page .training-brand img{width:220px;height:auto;max-height:none}
@media(max-width:600px){.training-platform-page .training-brand img{width:220px;max-width:58vw}}
.provider-account-state{margin:8px 0;padding:7px 10px;border-radius:8px;background:#f3f8fc;color:#527085;font-size:10px}.provider-reset-form{margin-top:8px}@media(max-width:650px){.provider-reset-form .btn{width:100%}}
.training-session-empty-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px dashed #9ec5e8;border-radius:14px;background:#f7fbff}.provider-sessions-panel{margin-top:18px}.session-scheduler:target{outline:3px solid rgba(35,118,184,.18);outline-offset:3px}@media(max-width:700px){.training-session-empty-action{align-items:stretch;flex-direction:column}.training-session-empty-action .btn{width:100%}.session-scheduler-grid .btn{width:100%}}

/* White branded training live-room experience */
.live-training-page.live-training-white{margin:0;min-height:100vh;background:#fff;color:#173554;font-family:Cairo,Arial,sans-serif}
.live-training-white .live-platform-shell{max-width:1240px;margin:0 auto;padding:0 26px}
.live-training-white .live-platform-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #e5edf4;background:#fff}
.live-training-white .live-platform-brand{display:flex;align-items:center;flex:0 0 auto}
.live-training-white .live-platform-brand img{display:block;width:220px;height:auto;max-height:none;object-fit:contain}
.live-training-white .live-platform-links{display:flex;align-items:center;gap:20px}
.live-training-white .live-platform-links>a:not(.btn){color:#587185;text-decoration:none;font-size:12px;font-weight:600}
.live-training-white .live-platform-links>a:not(.btn):hover{color:#2763ac}
.live-training-white .live-platform-links .btn{padding:10px 18px;text-decoration:none}
.live-training-white .live-room-shell{max-width:none;margin:0;padding:30px 0 42px}
.live-training-white .live-session-head{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 28px;margin-bottom:18px;background:linear-gradient(135deg,#f2f8fd,#fff 65%,#eef8f5);border:1px solid #dce9f3;border-radius:18px}
.live-training-white .live-session-copy h1{margin:10px 0 7px;color:#173554;font-size:28px;line-height:1.4}
.live-training-white .live-session-copy p{margin:0;color:#708697;font-size:12px}
.live-training-white .live-session-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.live-training-white .live-session-meta>div{min-width:132px;padding:10px 13px;background:#fff;border:1px solid #e0eaf2;border-radius:11px;display:grid;gap:4px}
.live-training-white .live-session-meta small{color:#8698a5;font-size:9px}
.live-training-white .live-session-meta b{color:#294a63;font-size:11px;direction:ltr;text-align:right}
.live-training-white .live-status{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #ccebdd;border-radius:99px;background:#eefaf5;color:#16855f;font-size:10px;font-weight:700}
.live-training-white .live-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2bb98a;box-shadow:0 0 0 4px rgba(43,185,138,.12)}
.live-training-white .live-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:stretch}
.live-training-white .video-stage{padding:0;background:#fff;border:1px solid #dce7f0;border-radius:17px;box-shadow:0 10px 30px rgba(19,60,91,.07);overflow:hidden}
.live-training-white .video-stage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #e7eef4}
.live-training-white .video-stage-head>div{display:grid;gap:3px}
.live-training-white .video-stage-head b{font-size:12px;color:#294a63}
.live-training-white .video-stage-head small{font-size:9px;color:#8b9ba7}
.live-training-white .secure-room-badge{padding:6px 9px;border-radius:99px;background:#eef8f4;color:#16825e;font-size:9px}
.live-training-white .video-placeholder{min-height:490px;margin:14px;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,#fff 0,#f2f8fd 54%,#e8f2fa 100%);border:1px solid #dbe8f2;border-radius:13px;color:#173554}
.live-training-white .video-placeholder-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0e477c,#2763ac);color:#fff;font-size:24px;padding-right:4px;box-shadow:0 12px 28px rgba(39,99,172,.25)}
.live-training-white .video-placeholder h2{margin:20px 0 7px;color:#173554;font-size:22px}
.live-training-white .video-placeholder>p{max-width:520px;margin:0;color:#718697;font-size:11px;line-height:1.9;padding:0 18px}
.live-training-white .room-readiness{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;color:#60798a;font-size:9px}
.live-training-white .room-readiness span{display:inline-flex;align-items:center;gap:6px}
.live-training-white .room-readiness i{width:7px;height:7px;border-radius:50%;background:#2bb98a}
.live-training-white .video-controls{display:flex;align-items:center;gap:8px;padding:0 14px 14px}
.live-training-white .video-controls button,.live-training-white .video-controls .leave{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #d8e4ed;border-radius:9px;background:#f8fbfd;color:#456176;font:inherit;font-size:10px;text-decoration:none;cursor:pointer}
.live-training-white .video-controls button:hover{border-color:#8eb9db;background:#eef7ff;color:#1d6da8}
.live-training-white .video-controls .control-icon{color:#2763ac;font-size:14px}
.live-training-white .video-controls .leave{margin-right:auto;border-color:#f1d8dc;background:#fff7f8;color:#bb4d5c}
.live-training-white .live-room-sidebar{min-height:620px;background:#fff;color:#173554;border:1px solid #dce7f0;border-radius:17px;box-shadow:0 10px 30px rgba(19,60,91,.06);display:flex;flex-direction:column;overflow:hidden}
.live-training-white .live-side-head{padding:17px 18px;border-bottom:1px solid #e7eef4;display:flex;justify-content:space-between;align-items:center}
.live-training-white .live-side-head>div{display:grid;gap:3px}
.live-training-white .live-side-head h3{font-size:13px;margin:0;color:#294a63}
.live-training-white .live-side-head small{font-size:9px;color:#8b9aa6}
.live-training-white .live-side-head>span{padding:5px 8px;border-radius:99px;background:#eef7ff;color:#2763ac;font-size:9px}
.live-training-white .live-chat-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;background:#f8fafc;border-bottom:1px solid #edf2f6}
.live-training-white .live-chat-tabs button{border:0;background:transparent;color:#8293a0;padding:8px;font:inherit;font-size:10px;cursor:pointer}
.live-training-white .live-chat-tabs button.active{background:#fff;border-radius:7px;color:#2763ac;font-weight:700;box-shadow:0 2px 7px rgba(25,72,105,.08)}
.live-training-white .live-chat-empty{flex:1;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;color:#8394a0}
.live-training-white .chat-empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eef6fc;color:#2763ac;font-size:21px;margin-bottom:11px}
.live-training-white .live-chat-empty b{font-size:12px;color:#456176;margin-bottom:5px}
.live-training-white .live-chat-empty p{max-width:210px;margin:0;font-size:9px;line-height:1.8}
.live-training-white .live-chat-input{display:flex;gap:7px;padding:11px;border-top:1px solid #e7eef4;background:#fbfdff}
.live-training-white .live-chat-input input{flex:1;min-width:0;padding:10px;border:1px solid #d7e3ec;border-radius:8px;background:#fff;color:#173554;font:inherit;font-size:10px}
.live-training-white .live-chat-input button{border:0;border-radius:8px;background:#2763ac;color:#fff;padding:0 13px;font:inherit;font-size:10px;cursor:pointer}
.live-training-white .live-room-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:16px}
.live-training-white .live-room-info-grid article{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#fff;border:1px solid #e1eaf1;border-radius:13px}
.live-training-white .live-room-info-grid article>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#eaf4fc;color:#2763ac;font-size:10px;font-weight:700}
.live-training-white .live-room-info-grid article div{display:grid;gap:5px}
.live-training-white .live-room-info-grid b{font-size:11px;color:#294a63}
.live-training-white .live-room-info-grid p{margin:0;color:#80919e;font-size:9px;line-height:1.7}
.live-training-white .post-session-evaluation{margin-top:16px;padding:28px;border:1px solid #dce8f1;border-radius:17px;background:#fff;color:#173554;display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:start;box-shadow:0 10px 30px rgba(19,60,91,.05)}
.live-training-white .evaluation-copy h2{margin:12px 0 7px;color:#173554;font-size:23px}
.live-training-white .evaluation-copy>p{margin:0;color:#718697;font-size:11px;line-height:1.9}
.live-training-white .evaluation-note{margin-top:18px;padding:10px 12px;border-radius:9px;background:#f0f8f5;color:#2d8067;font-size:9px}
.live-training-white .post-session-evaluation form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.live-training-white .post-session-evaluation label{display:grid;gap:6px;color:#587184;font-size:10px}
.live-training-white .post-session-evaluation input,.live-training-white .post-session-evaluation select,.live-training-white .post-session-evaluation textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d7e3ec;border-radius:8px;background:#fbfdff;color:#173554;font:inherit;outline:none}
.live-training-white .post-session-evaluation input:focus,.live-training-white .post-session-evaluation select:focus,.live-training-white .post-session-evaluation textarea:focus{border-color:#69a4e2;box-shadow:0 0 0 3px rgba(105,164,226,.14);background:#fff}
.live-training-white .post-session-evaluation input::placeholder,.live-training-white .post-session-evaluation textarea::placeholder{color:#98a7b1}
.live-training-white .post-session-evaluation .evaluation-comment{grid-column:1/-1}
.live-training-white .post-session-evaluation .btn{grid-column:1/-1;width:max-content;min-width:150px}
.live-training-white .live-platform-footer{text-align:center;padding:23px 0 30px;border-top:1px solid #e5edf4;color:#8495a1;font-size:10px}
@media(max-width:950px){.live-training-white .live-session-head{align-items:flex-start;flex-direction:column}.live-training-white .live-session-meta{justify-content:flex-start}.live-training-white .live-room-layout{grid-template-columns:1fr}.live-training-white .live-room-sidebar{min-height:330px}.live-training-white .video-placeholder{min-height:400px}}
@media(max-width:700px){.live-training-white .live-platform-shell{padding:0 15px}.live-training-white .live-platform-nav{min-height:auto;padding:14px 0;align-items:flex-start}.live-training-white .live-platform-brand img{width:220px;max-width:58vw}.live-training-white .live-platform-links{gap:7px;flex-wrap:wrap;justify-content:flex-end}.live-training-white .live-platform-links>a:not(.btn){display:none}.live-training-white .live-platform-links .btn{padding:8px 10px;font-size:9px}.live-training-white .live-room-shell{padding-top:18px}.live-training-white .live-session-head{padding:20px}.live-training-white .live-session-copy h1{font-size:22px}.live-training-white .live-session-meta{display:grid;grid-template-columns:1fr 1fr;width:100%}.live-training-white .live-session-meta>div{min-width:0}.live-training-white .live-status{grid-column:1/-1;width:max-content}.live-training-white .video-placeholder{min-height:330px;margin:9px}.live-training-white .video-controls{flex-wrap:wrap;padding:0 9px 10px}.live-training-white .video-controls button{flex:1 1 calc(50% - 8px)}.live-training-white .video-controls .leave{margin:0;width:100%}.live-training-white .live-room-info-grid{grid-template-columns:1fr}.live-training-white .post-session-evaluation{grid-template-columns:1fr;padding:21px}.live-training-white .post-session-evaluation form{grid-template-columns:1fr}.live-training-white .post-session-evaluation .evaluation-comment,.live-training-white .post-session-evaluation .btn{grid-column:auto}.live-training-white .post-session-evaluation .btn{width:100%}}
@media(max-width:430px){.live-training-white .live-platform-brand img{width:190px;max-width:55vw}.live-training-white .live-session-meta{grid-template-columns:1fr}.live-training-white .live-status{grid-column:auto}.live-training-white .video-placeholder h2{font-size:18px}.live-training-white .room-readiness{gap:9px}.live-training-white .video-controls button{flex-basis:100%}}

/* Functional media controls and local WebRTC preview */
.live-training-white .video-placeholder{position:relative;overflow:hidden}
.live-training-white #local-media-preview{display:none;width:100%;height:100%;min-height:490px;object-fit:cover;background:#10263b;transform:scaleX(-1)}
.live-training-white #local-media-preview.visible{display:block}
.live-training-white .video-idle-state{display:grid;place-items:center;align-content:center;width:100%;min-height:490px}
.live-training-white .video-idle-state[hidden]{display:none!important}
.live-training-white .media-mode-label{position:absolute;top:15px;right:15px;padding:7px 11px;border-radius:99px;background:rgba(3,35,67,.82);color:#fff;font-size:9px;backdrop-filter:blur(7px)}
.live-training-white .media-feedback{position:absolute;left:50%;bottom:18px;z-index:3;max-width:calc(100% - 30px);padding:9px 13px;border-radius:9px;background:#173f64;color:#fff;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s;box-shadow:0 8px 24px rgba(10,42,70,.2)}
.live-training-white .media-feedback.visible{opacity:1;transform:translate(-50%,0)}
.live-training-white .media-feedback.error{background:#a74350}
.live-training-white .video-controls button.active{border-color:#8bb8dc;background:#eaf5ff;color:#175f99;box-shadow:0 0 0 2px rgba(39,99,172,.08)}
.live-training-white .video-controls button.active .control-icon{color:#16865f}
.live-training-white .video-controls button:disabled{cursor:wait;opacity:.6}
.live-training-white .media-device-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px 14px;padding:11px;background:#f7fafc;border:1px solid #e0e9f0;border-radius:10px}
.live-training-white .media-device-panel[hidden]{display:none!important}
.live-training-white .media-device-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#fff;border-radius:8px}
.live-training-white .media-device-panel span{color:#7c8f9d;font-size:9px}
.live-training-white .media-device-panel b{color:#35566f;font-size:9px}
@media(max-width:950px){.live-training-white #local-media-preview,.live-training-white .video-idle-state{min-height:400px}}
@media(max-width:700px){.live-training-white #local-media-preview,.live-training-white .video-idle-state{min-height:330px}.live-training-white .media-device-panel{grid-template-columns:1fr}.live-training-white .media-feedback{width:max-content;text-align:center}}
.live-training-white #local-media-preview.screen-sharing{transform:none}

/* LiveKit multi-participant training room */
.livekit-setup-notice{display:flex;align-items:center;gap:7px;margin:-4px 0 16px;padding:11px 15px;border:1px solid #f0dfb7;border-radius:11px;background:#fffaf0;color:#806022;font-size:10px;line-height:1.7}
.live-training-white .live-status[data-mode="connected"]{background:#e9f9f2;border-color:#bfe8d6;color:#137453}
.live-training-white .live-status[data-mode="connecting"]{background:#fff8e9;border-color:#f3dfa9;color:#8b6819}
.live-training-white .live-status[data-mode="local"]{background:#eef6fd;border-color:#cadeef;color:#2763ac}
.live-training-white .live-status[data-mode="error"]{background:#fff0f2;border-color:#efcbd1;color:#a84250}
.live-training-white .multi-participant-stage{display:block;padding:0;min-height:490px;background:#eef5fa}
.live-training-white .participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;min-height:490px;padding:9px;align-content:center}
.live-training-white .participant-grid[hidden]{display:none!important}
.live-training-white .participant-tile{position:relative;min-height:230px;border-radius:12px;background:linear-gradient(145deg,#173b5b,#0d2942);overflow:hidden;border:2px solid transparent;box-shadow:0 6px 18px rgba(10,43,70,.14)}
.live-training-white .participant-tile.speaking{border-color:#33c18d;box-shadow:0 0 0 3px rgba(51,193,141,.16)}
.live-training-white .participant-tile video{display:block;width:100%;height:100%;min-height:230px;position:absolute;inset:0;object-fit:cover;background:#10263b}
.live-training-white .participant-tile.local-participant video:not(.screen-sharing){transform:scaleX(-1)}
.live-training-white .participant-tile .participant-avatar{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2763ac,#69a4e2);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.live-training-white .participant-tile .participant-avatar[hidden]{display:none!important}
.live-training-white .participant-tile footer{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(4,26,44,.84));color:#fff}
.live-training-white .participant-tile footer span:first-child{font-size:10px;font-weight:700}
.live-training-white .participant-tile footer span:last-child{font-size:8px;color:#d8e5ee}
.live-training-white .room-join-form{display:flex;align-items:center;gap:8px;width:min(430px,calc(100% - 30px));margin-top:18px}
.live-training-white .room-join-form input{flex:1;min-width:0;padding:12px 13px;border:1px solid #cfdde8;border-radius:9px;background:#fff;color:#173554;font:inherit;font-size:11px;outline:none}
.live-training-white .room-join-form input:focus{border-color:#69a4e2;box-shadow:0 0 0 3px rgba(105,164,226,.14)}
.live-training-white .room-join-form .btn{white-space:nowrap;min-height:42px}
.live-training-white .video-controls .leave{font:inherit;cursor:pointer}
.live-training-white .live-chat-tabs{grid-template-columns:repeat(3,1fr)}
.live-training-white .room-tab-panel{display:flex;flex:1;min-height:0;flex-direction:column}
.live-training-white .room-tab-panel[hidden]{display:none!important}
.live-training-white .live-message-list{flex:1;min-height:330px;max-height:500px;overflow-y:auto;padding:12px;background:#fbfdff}
.live-training-white .chat-message{max-width:88%;margin:0 0 9px auto;padding:9px 11px;border:1px solid #dce8f1;border-radius:11px 11px 3px 11px;background:#fff;box-shadow:0 3px 10px rgba(25,72,105,.05)}
.live-training-white .chat-message.mine{margin-left:0;margin-right:auto;border-color:#c9e2f4;border-radius:11px 11px 11px 3px;background:#eaf5fd}
.live-training-white .chat-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.live-training-white .chat-message header b{font-size:9px;color:#2763ac}
.live-training-white .chat-message header time{font-size:8px;color:#97a5af}
.live-training-white .chat-message p{margin:0;color:#405d72;font-size:10px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.live-training-white .participant-list,.live-training-white .shared-files-list{flex:1;min-height:370px;max-height:500px;overflow-y:auto;padding:11px;background:#fbfdff}
.live-training-white .participant-list-row{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #e8eef3}
.live-training-white .participant-list-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf4fc;color:#2763ac;font-size:9px;font-weight:700}
.live-training-white .participant-list-row>div{display:grid;gap:2px}
.live-training-white .participant-list-row b{font-size:10px;color:#35566f}
.live-training-white .participant-list-row small{font-size:8px;color:#8a9aa6}
.live-training-white .side-empty-state{padding:34px 16px;text-align:center;color:#8a9aa6;font-size:10px;line-height:1.8}
.live-training-white .shared-file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid #e6edf3}
.live-training-white .shared-file-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf4fc;color:#2763ac;font-size:15px}
.live-training-white .shared-file-row>div{display:grid;min-width:0;gap:3px}
.live-training-white .shared-file-row b{font-size:9px;color:#36566e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-training-white .shared-file-row small{font-size:8px;color:#8798a4}
.live-training-white .shared-file-row a{padding:6px 8px;border:1px solid #cadeed;border-radius:7px;color:#2763ac;text-decoration:none;font-size:8px;background:#fff}
.live-training-white .room-file-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px;border-top:1px solid #e2ebf2;background:#fff}
.live-training-white .room-file-form button{border:1px solid #d4e2ec;border-radius:8px;padding:8px 10px;background:#f7fafc;color:#456176;font:inherit;font-size:9px;cursor:pointer}
.live-training-white .room-file-form .btn{color:#fff;background:#2763ac;border-color:#2763ac}
.live-training-white .room-file-form button:disabled{opacity:.55;cursor:not-allowed}
.live-training-white .room-file-form>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82939f;font-size:8px}
.live-training-white .room-file-form progress{grid-column:1/-1;width:100%;height:5px;accent-color:#2763ac}
.live-training-white .media-device-panel{grid-template-columns:repeat(4,1fr)}
@media(max-width:950px){.live-training-white .multi-participant-stage,.live-training-white .participant-grid{min-height:400px}.live-training-white .participant-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.live-training-white .participant-tile{min-height:190px}.live-training-white .participant-tile video{min-height:190px}}
@media(max-width:700px){.livekit-setup-notice{align-items:flex-start;flex-direction:column}.live-training-white .multi-participant-stage,.live-training-white .participant-grid{min-height:330px}.live-training-white .participant-grid{grid-template-columns:1fr}.live-training-white .participant-tile{min-height:260px}.live-training-white .participant-tile video{min-height:260px}.live-training-white .room-join-form{flex-direction:column}.live-training-white .room-join-form input,.live-training-white .room-join-form .btn{width:100%;box-sizing:border-box}.live-training-white .media-device-panel{grid-template-columns:1fr}.live-training-white .live-message-list{min-height:300px}.live-training-white .participant-list,.live-training-white .shared-files-list{min-height:300px}}
.logo-upload{display:flex!important;flex-direction:column;gap:8px;margin-top:14px;background:#f5f8fc;border:1px dashed #b8c7dc;border-radius:9px;padding:12px;color:#2763AC!important;cursor:pointer}.logo-upload input{height:auto!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}.brand-preview>div:first-child small{display:block;color:#9296a7;font-size:9px;line-height:1.7;margin-top:8px}

/* Expanded employee self-service and advance workflow */
.selfservice-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.selfservice-hero-btn{background:#fff;color:#174b82;padding:8px 13px}.selfservice-hero-btn.ghost{background:#ffffff18;border:1px solid #ffffff38;color:#fff}.selfservice-jump-nav{display:flex;gap:6px;overflow:auto;padding:7px;margin:-4px 0 15px;background:#fff;border:1px solid #e3eaf2;border-radius:12px;position:sticky;top:8px;z-index:20;box-shadow:0 7px 18px #1737590c}.selfservice-jump-nav a{flex:1;min-width:max-content;text-align:center;padding:8px 12px;border-radius:8px;color:#577086;text-decoration:none;font-size:11px;font-weight:700}.selfservice-jump-nav a:hover{background:#edf6ff;color:#2763ac}.portal-kpi-grid{grid-template-columns:repeat(5,1fr)}.portal-section{scroll-margin-top:82px;margin-bottom:15px}.portal-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.portal-mini-kpis span{display:block;padding:11px;border-radius:10px;background:#f5f9fd;color:#738397;font-size:10px;text-align:center}.portal-mini-kpis b{display:block;color:#234d74;font-size:17px;margin-bottom:3px}.portal-salary-highlight{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}.portal-salary-highlight>div{padding:13px;background:#f7fafd;border:1px solid #e8edf3;border-radius:10px}.portal-salary-highlight span,.portal-salary-highlight b{display:block}.portal-salary-highlight span{font-size:9px;color:#8492a2}.portal-salary-highlight b{font-size:12px;color:#36526d;margin-top:6px}.portal-salary-highlight .net{background:linear-gradient(135deg,#174778,#2763ac);border-color:#2763ac}.portal-salary-highlight .net span,.portal-salary-highlight .net b{color:#fff}.portal-form-note{font-size:9px;line-height:1.7;color:#7b8998;background:#f6f9fc;padding:9px;border-radius:8px;margin:9px 0 0}.advance-self-list{display:grid;gap:8px}.advance-self-list article{padding:12px;border:1px solid #e5ebf2;border-radius:11px;background:#fbfdff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.advance-self-list b,.advance-self-list small{display:block}.advance-self-list b{font-size:11px;color:#34536f}.advance-self-list small{font-size:9px;color:#8a96a4;margin-top:4px}.advance-self-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px;border-top:1px solid #edf1f5;color:#6a7d90;font-size:9px}.advance-self-meta .wide{grid-column:1/-1}.advance-admin-stats{margin-top:15px}.period-value{font-size:15px!important;direction:ltr}.advance-review-panel{border-right:3px solid #e5a33d}.advance-review-list{display:grid;gap:12px}.advance-review-card{padding:15px;border:1px solid #e4eaf1;border-radius:13px;background:#fbfdff}.advance-review-person{display:flex;align-items:center;gap:10px}.advance-review-person>div:nth-child(2){flex:1}.advance-review-person b,.advance-review-person small{display:block}.advance-review-person b{font-size:12px;color:#35516d}.advance-review-person small{font-size:9px;color:#8995a4;margin-top:3px}.advance-review-person>strong{color:#174f85;font-size:15px}.advance-request-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.advance-request-details span{padding:9px;background:#fff;border-radius:8px;color:#5f7286;font-size:10px}.advance-request-details b{display:block;color:#8995a4;font-size:9px;margin-bottom:4px}.advance-request-details .wide{grid-column:1/-1}.advance-review-form{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:8px;align-items:end;padding-top:11px;border-top:1px solid #e8edf3}.advance-review-form label{display:grid;gap:4px;color:#6f7f90;font-size:9px}.advance-review-form input{min-width:0;padding:8px;border:1px solid #dce5ee;border-radius:7px;font:inherit}.advance-review-actions{display:flex;gap:5px}.advance-review-actions .btn{white-space:nowrap}.advance-admin-create{margin-top:15px}@media(max-width:1050px){.portal-kpi-grid{grid-template-columns:repeat(3,1fr)}.portal-salary-highlight{grid-template-columns:repeat(3,1fr)}.advance-review-form{grid-template-columns:1fr 1fr}.advance-review-form .wide,.advance-review-actions{grid-column:1/-1}}@media(max-width:680px){.selfservice-jump-nav{top:4px}.portal-kpi-grid{grid-template-columns:1fr 1fr}.portal-mini-kpis{grid-template-columns:1fr 1fr}.portal-salary-highlight{grid-template-columns:1fr 1fr}.portal-salary-highlight .net{grid-column:1/-1}.advance-review-person{align-items:flex-start;flex-wrap:wrap}.advance-review-person>strong{width:100%;padding-right:52px}.advance-review-form{grid-template-columns:1fr}.advance-review-form .wide,.advance-review-actions{grid-column:auto}.advance-review-actions{display:grid;grid-template-columns:1fr 1fr}.selfservice-hero-actions .btn{font-size:10px}}

.company-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.company-brand-card{display:grid;gap:12px;border:1px solid #e5eaf2;border-radius:16px;padding:16px;background:#fff}.company-brand-preview{height:110px;border-radius:12px;background:#f5f8fc;display:grid;place-items:center;overflow:hidden}.company-brand-preview img{max-width:90%;max-height:90%;object-fit:contain}.company-brand-card label{display:grid;gap:6px;font-weight:700}.company-brand-card input[type=text],.company-brand-card input:not([type]){width:100%}