@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--bg:#f6f7f9;--ink:#222629;--muted:#82878e;--line:#e8eaee;--wine:#86323e;--wine-light:#f5e9ec;--green:#327763;--font:"DM Sans","Noto Sans Arabic",sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #b66a78}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dedfe4;border-radius:7px;outline:none;max-width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #86323e12}select{min-height:38px}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin-bottom:9px;font-size:29px;font-weight:600}h2{letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:650}h3{margin:23px 0 13px;font-size:14px;font-weight:650}p{line-height:1.65}small{font-size:11px}a{color:var(--wine)}.muted{color:var(--muted)}.inline{align-items:center;gap:7px;display:inline-flex}.grow{flex:1}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.eyebrow{letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:650}.btn{background:var(--wine);border:1px solid var(--wine);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:11px 17px;font-weight:550;transition:background .15s;display:inline-flex}.btn:hover{background:#6e2430}.btn.secondary{color:#4a4f55;background:#fff;border-color:#dfe2e6}.btn.secondary:hover{background:#fafafa}.text-btn{color:var(--wine);align-items:center;gap:6px;padding:5px 0;font-size:12px;font-weight:550;display:inline-flex}.text-btn:hover{text-decoration:underline}.icon-btn{color:#888e95;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-btn:hover{color:var(--ink);background:#f1f2f5}.full{width:100%;margin-top:16px}.sidebar{color:#a5acb2;z-index:30;background:#1e2327;flex-direction:column;width:242px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.brand{color:#f1f2f2;letter-spacing:-.7px;align-items:center;gap:12px;height:93px;padding:0 25px;font-size:21px;font-weight:600;display:flex}.brand img{object-fit:cover;border-radius:50%;width:43px;height:43px}.brand span{letter-spacing:4.3px;color:#9fa5a9;margin-top:3px;font-size:9px;font-weight:400;display:block}.workspace-label{color:#e2e4e5;border:1px solid #34393e;border-radius:7px;align-items:center;gap:9px;margin:1px 17px 24px;padding:12px 10px;font-size:11px;display:flex}.workspace-label>span:nth-child(2){flex:1}.workspace-label small{color:#858e96;margin-top:4px;font-size:10px;display:block}.workspace-icon{color:#c6c9cb;background:#343a3f;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.sidebar nav{padding:0 15px;overflow-y:auto}.nav-label{text-transform:uppercase;letter-spacing:1.5px;color:#737d86;margin:0 13px 12px;font-size:9px}.sidebar nav button{text-align:start;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:43px;margin-bottom:5px;padding:12px 14px;font-size:12px;font-weight:450;display:flex}.sidebar nav button:hover{background:#2a3036}.sidebar nav button.active{color:#fff;background:#7b303b}.sidebar nav button span{flex:1}.sidebar nav button b{color:#d5b3b9;background:#3b3238;border-radius:5px;padding:2px 6px;font-size:10px}.sidebar nav button.active b{color:#fff;background:#964451}.sidebar nav button small{color:#7e878f;font-size:10px}.management-label{margin-top:30px}.sidebar-bottom{margin-top:auto;padding:16px}.demo-note{color:#cad0d4;border:1px solid #343a40;border-radius:7px;align-items:center;gap:10px;margin-bottom:17px;padding:12px;font-size:11px;display:flex}.demo-note small{color:#7d8790;margin-top:4px;font-size:10px;display:block}.dot{background:#72ab94;border-radius:50%;width:6px;height:6px;display:inline-block}.user-card{color:#e2e5e7;border-top:1px solid #353a3e;align-items:center;gap:10px;padding-top:18px;font-size:12px;display:flex}.user-card>span:nth-child(2){flex:1}.user-card small{color:#8a949c;margin-top:3px;font-size:10px;display:block}.user-card .avatar{color:#d9c4c9;background:#454348}.user-card button:hover{color:#fff;background:#343a40}.main{min-width:0;margin-inline-start:242px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:71px;padding:0 35px;display:flex}.breadcrumb{color:#a0a4aa;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#61676f;font-weight:500}.topbar-right{align-items:center;gap:19px;display:flex}.demo-chip{color:#92505c;white-space:nowrap;background:#fbf6f7;border:1px solid #e8d6da;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:550}.language-btn{color:#646b72;align-items:center;gap:8px;font-size:12px;display:flex}.topbar-divider{background:var(--line);width:1px;height:23px}.content{max-width:1600px;margin:0 auto;padding:33px 35px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{color:#90959b;margin-bottom:0;font-size:12px}.heading-actions{align-items:center;gap:11px;display:flex}.date-chip{color:#747a81;background:#fff;border:1px solid #e1e3e7;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.stat{border:1px solid var(--line);text-align:start;background:#fff;border-radius:9px;min-width:0;padding:19px 20px;transition:transform .15s,box-shadow .15s}.stat:hover{transform:translateY(-2px);box-shadow:0 6px 20px #20283008}.stat-top{color:#92969c;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-top svg{color:#a0a4aa}.stat>strong{letter-spacing:-1.4px;margin:13px 0 15px;font-size:33px;font-weight:550;display:block}.stat-foot{color:#8a9096;justify-content:space-between;align-items:center;font-size:10px;display:flex}.stat.accent{background:#fcf7f8;border-color:#ead7dc}.stat.accent .stat-top svg,.stat.accent>strong{color:var(--wine)}.stat.accent .stat-foot{color:#a56c77}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:23px;margin-bottom:25px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:15px;padding:21px 22px;display:flex}.card-heading h2{margin-bottom:0}.card-heading p{color:#9a9ea4;margin:5px 0 0;font-size:11px}.map-panel svg{object-fit:cover;width:100%;height:201px;display:block}.map-key{color:#899082;background:#fafbf8;justify-content:space-between;gap:12px;padding:10px 13px;font-size:9px;display:flex}.map-key span{color:#6d746a;align-items:center;gap:6px;display:flex}.map-key i{background:var(--wine);border-radius:50%;width:5px;height:5px}.map-key small{font-size:8px}.coverage-list{padding:0 22px 10px}.coverage-list>button{text-align:start;border-bottom:1px solid #f0f1f4;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.coverage-list>button:last-child{border:0}.site-number{color:#a2a8ae;width:18px;font-size:10px}.coverage-list strong{font-size:11px;font-weight:550;display:block}.coverage-list small{color:#9a9fa5;margin-top:4px;font-size:9px;display:block}.mini-bar{background:#f0f1f4;border-radius:8px;width:68px;height:4px;overflow:hidden}.mini-bar i{background:#97b2a5;border-radius:8px;height:100%;display:block}.coverage-count{color:#51575c;min-width:25px;font-size:11px}.coverage-count>span{color:#aeb1b6;font-size:10px}.coverage-list svg{color:#b1b5ba}.overview-side{flex-direction:column;gap:20px;display:flex}.attention{flex:1}.attention .card-heading{padding-bottom:9px}.amber-dot{background:#bf9161}.attention>button{text-align:start;border-bottom:1px solid #eff0f3;align-items:center;gap:13px;width:calc(100% - 40px);margin:0 20px;padding:17px 0;display:flex}.attention>button:last-child{border:0}.attention-icon{color:#ad8b75;background:#f8f3f1;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.attention strong{letter-spacing:-.3px;font-size:15px;font-weight:550;display:block}.attention small{color:#9a9ea4;margin-top:5px;font-size:10px;display:block}.attention>button>svg{color:#aaafb4}.shift-card{color:#e5e8e8;background:#242b2f;border-radius:9px;padding:23px;position:relative;overflow:hidden}.shift-card:before{content:"";pointer-events:none;border:1px solid #3b4246;border-radius:50%;width:240px;height:240px;position:absolute;top:-40px;right:-90px}.shift-card-top{align-items:center;gap:9px;display:flex;position:relative}.shift-card-top>svg{color:#af858e}.shift-card-top>span{letter-spacing:1px;font-size:8px;line-height:1.5}.shift-card-top .live-pill{letter-spacing:0;color:#9caf9f;border:1px solid #46534c;border-radius:4px;align-items:center;gap:5px;margin-inline-start:auto;padding:4px 6px;font-size:8px;display:flex}.live-pill i{background:#81a98a;border-radius:50%;width:4px;height:4px;display:block}.shift-card h2{letter-spacing:-.4px;max-width:180px;margin:22px 0 19px;font-size:18px;font-weight:500;line-height:1.4}.shift-hours{gap:30px;display:flex}.shift-hours>div{color:#818f96;gap:9px;font-size:9px;display:flex}.shift-hours strong{color:#cdd3d6;margin-top:6px;font-size:11px;font-weight:400;display:block}.shift-card>button{color:#aeb6bb;border-top:1px solid #3a4247;justify-content:space-between;width:100%;margin-top:20px;padding:13px 0 0;font-size:10px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:start;white-space:nowrap;width:100%}th{color:#969ba2;text-align:start;background:#fafbfc;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;padding:12px 22px;font-size:10px;font-weight:500}td{color:#626970;border-bottom:1px solid #f0f1f4;padding:15px 22px;font-size:11px}td strong{color:#41474e;font-weight:550}tbody tr:last-child td{border-bottom:0}.person{text-align:start;align-items:center;gap:10px;display:flex}.row-link{padding:0}.person strong{display:block}.person small{color:#a4a8af;margin-top:4px;font-size:9px;display:block}.avatar{color:#8d7677;background:#ede9e8;border:1px solid #e4dddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:11px;font-weight:550;display:inline-flex}.avatar.small{width:29px;height:29px;font-size:9px}.badge{white-space:nowrap;border-radius:5px;align-items:center;padding:5px 8px;font-size:9px;font-weight:500;line-height:1.1;display:inline-flex}.badge.green{color:#52856e;background:#ecf5f0}.badge.red{color:#b36575;background:#f8e9ec}.badge.amber{color:#ab8a4d;background:#fbf3e5}.badge.gray{color:#8a929b;background:#f0f2f5}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;display:flex}.search{color:#a5a9b0;background:#fff;border:1px solid #e3e5e9;border-radius:6px;flex:1;align-items:center;gap:9px;min-width:190px;max-width:360px;padding:0 11px;display:flex}.search input{box-shadow:none;border:0;width:100%;min-width:0;padding:10px 0;font-size:11px}.search button{place-items:center;display:grid}.toolbar select,.toolbar .count{font-size:11px}.progress-cell{align-items:center;gap:12px;display:flex}.progress{background:#f1f2f4;border-radius:6px;width:83px;height:5px;display:block;overflow:hidden}.progress i{background:#9bb9aa;border-radius:6px;height:100%;display:block}.progress-cell small{color:#a3a7ad;font-size:9px}.empty{color:#a1a7af;text-align:center;flex-direction:column;align-items:center;padding:55px 25px;display:flex}.empty h3{margin-bottom:5px}.empty p{font-size:12px}.page-footer{color:#a5a9af;justify-content:space-between;padding:27px 0;font-size:9px;display:flex}.summary-strip{color:#8c939b;flex-wrap:wrap;gap:26px;margin:0 0 25px;font-size:11px;display:flex}.summary-strip>span{align-items:center;gap:8px;display:flex}.table-foot{color:#9ba2a9;border-top:1px solid var(--line);padding:13px 22px;font-size:10px}.sites-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.site-card{padding:22px 22px 0}.site-card-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.building-icon{color:#9c6370;background:#f4edef;border-radius:9px;place-items:center;width:45px;height:45px;display:grid}.site-card .eyebrow{letter-spacing:1px;font-size:8px}.site-card h2{font-size:17px}.site-card>p{margin-bottom:22px;font-size:10px}.site-metrics{border-block:1px solid #eef0f3;grid-template-columns:1fr 1.6fr;gap:10px;padding:16px 0;display:grid}.site-metrics small{color:#9a9fa6;margin-bottom:8px;font-size:9px;display:block}.site-metrics strong{font-size:17px;font-weight:500}.site-metrics strong span{color:#a6aab0;font-size:10px}.site-shifts{padding:9px 0}.site-shifts>div{color:#858c94;align-items:center;gap:12px;padding:9px 0;font-size:11px;display:flex}.site-shifts .inline{margin-inline-end:auto}.avatar-stack{display:flex}.avatar-stack>span{margin-inline-start:-7px}.avatar-stack .avatar{border:2px solid #fff;width:26px;height:26px;font-size:8px}.card-footer{border-top:1px solid #edf0f2;justify-content:space-between;padding:16px 0;display:flex}.site-card details{margin:6px 0 16px;font-size:11px}.site-card summary{cursor:pointer;color:#959ba2;justify-content:space-between;display:flex}.roster-row{border-bottom:1px solid #f0f0f3;align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.roster-row>span:first-child{flex:1}.site-card details p{margin:10px 0;font-size:10px}.training-summary{background:#f0f2f0;border:1px solid #e1e7e2;border-radius:8px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px;padding:24px;display:flex}.training-summary>div:first-child{align-items:center;gap:19px;min-width:240px;display:flex}.training-ring{color:#526a5d;border:4px solid #98afa1;border-right-color:#d9e0db;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:66px;height:66px;font-size:20px;display:flex}.training-ring small{color:#95a296;font-size:10px}.training-summary p{color:#8a978e;margin:6px 0 0;font-size:10px}.stage-labels{flex-wrap:wrap;gap:16px;max-width:500px;display:flex}.stage-labels>span{color:#7f8b82;align-items:center;gap:7px;font-size:10px;display:flex}.stage-labels i{background:#e1e8e2;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.assessment-cell{color:#b7a58b;background:#f4f3f1;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.assessment-cell.passed{color:#7d9e89;background:#edf5ef}.assessment-cell:hover{outline:2px solid #c8dace}.space-top{margin-top:25px}.referral-row{text-align:start;border-top:1px solid var(--line);align-items:center;gap:20px;width:100%;padding:17px 22px;font-size:11px;display:flex}.referral-row>span{color:#969ca3;flex:1;font-size:10px}.finance-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px;display:grid}.finance-stat{border:1px solid var(--line);background:#fff;border-radius:8px;padding:21px}.finance-stat>span{color:#90969d;margin-bottom:17px;font-size:11px;display:block}.finance-stat strong{letter-spacing:-.7px;white-space:nowrap;margin-bottom:11px;font-size:24px;font-weight:500;display:block}.finance-stat strong small{letter-spacing:0;color:#a2a8b0;font-size:9px;font-weight:400}.finance-stat>small{color:#a0a6ad;font-size:9px}.finance-stat.profit{background:#f0f5f1;border-color:#e0e9e1}.finance-stat.profit strong{color:#52735e}.finance-middle{grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.chart-legend{color:#9da2a9;gap:14px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{background:var(--wine);border-radius:2px;width:6px;height:6px}.chart-legend span+span i{background:#d9dfe0}.bar-chart{background:repeating-linear-gradient(0deg,#0000 0 43px,#f5f6f7 44px 45px) padding-box content-box;justify-content:space-around;gap:20px;padding:10px 30px 24px;display:flex}.bar-group{text-align:center;flex:1;max-width:110px}.bars{justify-content:center;align-items:flex-end;gap:9px;height:140px;display:flex}.bars>div{background:#984651;border-radius:4px 4px 0 0;width:33px;min-height:1px;max-height:125px;position:relative}.bars>div+div{background:#d9dfe0}.bars small{color:#9a9fa6;font-size:9px;position:absolute;top:-18px;left:0;right:0}.bar-group>span{color:#939aa2;margin-top:12px;font-size:10px;display:block}.balance-card{padding-bottom:18px}.balance-card>div:not(.card-heading){color:#9299a1;justify-content:space-between;padding:9px 22px;font-size:11px;display:flex}.balance-card strong{color:#606974;font-weight:500}.balance-card strong small{color:#a9afb6;font-size:8px}.balance-card .cash-line{border-top:1px solid var(--line);margin-top:10px;padding-top:15px!important}.balance-card>small{padding:4px 22px 0;font-size:9px;line-height:1.6;display:block}.finance-tabs{border-bottom:1px solid var(--line);gap:25px;padding:0 22px;display:flex}.finance-tabs button{color:#949ba3;white-space:nowrap;border-bottom:2px solid #0000;padding:18px 0;font-size:12px}.finance-tabs button.active{color:var(--wine);border-color:var(--wine)}.cell-sub{color:#a2a7ae;margin-top:6px;font-size:9px;display:block}.tablet-setup{justify-content:space-between;align-items:center;gap:25px;padding:26px;display:flex}.tablet-setup p{color:#8d949d;font-size:12px}.tablet-setup form{flex-direction:column;gap:12px;min-width:230px;display:flex}.drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#17212b45;position:fixed;inset:0}.drawer{z-index:41;background:#fff;width:510px;max-width:100%;position:fixed;inset-block:0;inset-inline-end:0;overflow:auto;box-shadow:-10px 0 60px #15202b16}.profile-panel{padding:29px}.profile-top{align-items:center;gap:15px;display:flex}.profile-top>.avatar{width:56px;height:56px;font-size:17px}.profile-top>div{flex:1}.profile-top .eyebrow{margin-bottom:7px;font-size:8px}.profile-top h2{font-size:23px}.profile-top span{color:#969ca4;font-size:11px}.profile-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin:21px 0;padding-bottom:20px;display:flex}.details-grid{grid-template-columns:1fr 1fr;gap:20px;margin:0;display:grid}.details-grid>div:nth-child(7){grid-column:1/-1}.details-grid dt{color:#9ca1a8;margin-bottom:7px;font-size:10px}.details-grid dd{color:#5d6670;overflow-wrap:anywhere;margin:0;font-size:12px}.section-line{justify-content:space-between;align-items:center;display:flex}.note-box{background:#f8f9fa;border:1px solid #edf0f3;border-radius:7px;margin-bottom:10px;padding:14px}.note-box small{color:#99a0a8;font-size:9px}.note-box p{color:#69737c;margin:7px 0 0;font-size:12px}.stages{border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.stages>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 13px;display:flex}.stages>div:last-child{border-bottom:0}.stages>div>span:nth-child(2){flex:1;font-size:11px}.stage-dot{color:#a0a6ac;background:#f1f2f4;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.stage-dot.complete{color:#6c977c;background:#edf4ef}.stack{flex-direction:column;gap:8px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#15202b65;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:580px;max-width:100%;max-height:90vh;padding:26px;overflow:auto;box-shadow:0 25px 90px #141e2c30}.modal-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px;display:flex}.modal-head .eyebrow{margin-bottom:8px;font-size:8px}.modal-head h2{font-size:22px}.modal-head p{color:#8c959d;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label{color:#78828c;flex-direction:column;gap:8px;font-size:11px;display:flex}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-note{color:#8d969f;background:#f8f9fa;border:1px solid #e9eaed;border-radius:6px;padding:12px;font-size:11px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:23px;padding-top:20px;display:flex}.modal-footer .btn{font-size:12px}.error{color:#aa4355;background:#fff0f1;border:1px solid #f1d6db;border-radius:6px;margin:14px 0;padding:12px;font-size:12px;line-height:1.5}.global-error{justify-content:space-between;display:flex}.toast{color:#e3efe7;z-index:100;background:#263b32;border-radius:8px;align-items:center;gap:12px;max-width:90vw;padding:14px 18px;font-size:12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #15202025}.toast button{color:#9fb2a7;place-items:center;display:grid}.checklist>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.checklist{margin-bottom:20px}.evidence-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.evidence-grid img,.evidence-grid video{object-fit:contain;border:1px solid var(--line);border-radius:6px;width:100%;max-height:200px}.upload-box{color:#aa8290;text-align:center;border:1px dashed #d9c6cd;border-radius:8px;flex-direction:column;align-items:center;gap:9px;margin-top:20px;padding:17px;font-size:11px;display:flex}.upload-box input{border:0;padding:7px;font-size:10px;display:block}.upload-box small{color:#a4a9b0;font-size:9px}.upload-box>span{align-items:center;gap:8px;display:flex}.issued-code{text-align:center;color:var(--wine);letter-spacing:4px;background:#f6f0f2;border-radius:8px;margin:22px 0;padding:30px;font-size:32px}.history-line{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 0;display:flex}.history-line>span{color:#99a1a9;font-size:11px}.history-line>p{color:#929aa3;flex-basis:100%;margin:0;font-size:11px}.personal-grid{grid-template-columns:1fr 1.6fr;gap:24px;display:grid}.personal-assignment{padding:26px}.personal-assignment>svg{color:var(--wine);margin:5px 0 14px}.personal-assignment h2{font-size:21px}.personal-assignment>p{color:#9ba2aa}.shift-tag{color:#9ca5af;background:#f5f6f8;border-radius:8px;gap:15px;margin:20px 0;padding:17px;font-size:12px;display:flex}.shift-tag strong{color:#6e7883;margin-top:6px;display:block}.personal-training .stages{margin:0 23px 23px}.kiosk{max-width:750px;margin:50px auto}.kiosk-site{justify-content:center;align-items:center;gap:15px;margin-bottom:30px;display:flex}.kiosk-site small{color:#9ca4ab;margin-bottom:7px;display:block}.kiosk-choices{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kiosk-choices button{border:1px solid var(--line);color:var(--wine);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:24px;padding:35px 20px;display:flex}.kiosk-choices button:hover{background:#fbf4f6;border-color:#d5b9c1}.login-screen{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#20272b;flex-direction:column;min-height:100vh;padding:47px 55px;display:flex;position:relative;overflow:hidden}.login-brand-top{z-index:1;align-items:center;gap:14px;display:flex}.login-brand-top img{object-fit:cover;border-radius:50%;width:58px;height:58px}.login-brand-top>span{letter-spacing:2px;font-size:17px;font-weight:600}.login-brand-top small{letter-spacing:7px;color:#9ba4ab;font-size:10px}.brand-orbit{color:#596269;opacity:.28;justify-content:center;align-items:center;width:100%;height:60%;display:flex;position:absolute;top:15%;left:0}.brand-orbit svg{width:380px;height:380px}.brand-orbit:before,.brand-orbit:after{content:"";border:1px solid #727b81;border-radius:50%;width:550px;height:550px;position:absolute}.brand-orbit:after{opacity:.5;width:680px;height:680px}.login-brand-copy{z-index:1;margin-top:auto;padding-top:330px}.login-brand-copy .eyebrow{color:#a97d87;font-size:10px}.login-brand-copy h1{letter-spacing:-1.5px;white-space:pre-line;margin-bottom:21px;font-size:44px;font-weight:450;line-height:1.22}.login-brand-copy p{color:#8e9aa3;font-size:13px}.brand-bottom{letter-spacing:2px;color:#63717b;margin-top:56px;font-size:8px}.login-form-side{flex-direction:column;padding:35px 50px;display:flex}.login-language{justify-content:flex-end;align-items:center;gap:24px;display:flex}.login-content{width:360px;max-width:100%;margin:auto;padding:45px 0}.login-icon{color:#9b5866;background:#f6edef;border-radius:12px;place-items:center;width:51px;height:51px;margin-bottom:26px;display:grid}.login-content>.eyebrow{color:#b0a2a7;font-size:9px}.login-content h2{letter-spacing:-.8px;margin:0 0 10px;font-size:30px;font-weight:550}.login-content>p{color:#9ca2a9;margin-bottom:28px;font-size:12px}.login-content form>label{color:#828b94;font-size:11px;display:block}.login-content form input{letter-spacing:5px;background:#fbfcfd;width:100%;margin:10px 0 19px;padding:15px;font-size:18px;display:block}.login-content form .btn{justify-content:space-between;width:100%;padding:13px 17px;font-size:12px}.demo-accounts{border:1px solid #e9e6e8;border-radius:8px;margin-top:30px;padding:14px}.demo-toggle{color:#7d6870;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:11px;font-weight:550;display:flex}.demo-toggle>span{align-items:center;gap:8px;display:flex}.demo-accounts p{color:#a3a2a8;margin:12px 0;font-size:9px}.role-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.role-grid button{color:#89727c;background:#fcfafb;border:1px solid #ede8eb;border-radius:5px;padding:9px 4px;font-size:10px}.role-grid button:hover{background:#f3e5ea;border-color:#d6b7c1}.role-grid small{color:#ada0a7;letter-spacing:.5px;margin-top:4px;font-size:8px;display:block}.login-content .login-disclaimer{color:#a5abb1;align-items:flex-start;gap:8px;margin:21px 0 0;font-size:9px;display:flex}.login-disclaimer svg{flex-shrink:0}.loading-screen{color:#8e6470;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close{display:none}[dir=rtl]{font-family:Noto Sans Arabic,DM Sans,sans-serif}[dir=rtl] .eyebrow,[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0}[dir=rtl] .sidebar .brand{direction:ltr}[dir=rtl] .breadcrumb svg,[dir=rtl] .text-btn svg{transform:scaleX(-1)}@media (min-width:1500px){.content{padding-top:40px}.map-panel svg{height:230px}.stat{padding:23px}.overview-grid{grid-template-columns:1.8fr 1fr}.shift-card h2{max-width:none}.shift-card{padding:27px}.shift-hours{gap:48px}}@media (max-width:1200px){.sidebar{width:215px}.main{margin-inline-start:215px}.content{padding:26px 23px 0}.topbar{padding:0 23px}.brand{padding:0 19px;font-size:19px}.brand img{width:37px;height:37px}.workspace-label{font-size:10px}.heading-actions .date-chip{display:none}.stats-grid{gap:12px}.stat{padding:17px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:18px}.sites-grid{grid-template-columns:repeat(2,1fr)}.finance-stats{gap:12px}.finance-stat{padding:17px}.finance-stat strong{font-size:20px}th,td{padding-inline:17px}.training-summary{align-items:flex-start}.stage-labels{gap:10px}}@media (max-width:960px){.sidebar{width:190px}.main{margin-inline-start:190px}.brand{gap:9px;font-size:17px}.brand span{letter-spacing:3px;font-size:8px}.workspace-label{gap:6px;margin-inline:12px;padding:9px 7px}.workspace-icon{display:none}.sidebar nav{padding:0 9px}.sidebar nav button{gap:10px;padding:12px 11px;font-size:11px}.content{padding:25px 20px 0}.topbar{padding-inline:20px}.page-heading h1{font-size:25px}.page-heading .btn{font-size:11px}.topbar-right{gap:12px}.topbar-right>.avatar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.overview-side{grid-template-columns:1fr 1fr;display:grid}.map-panel svg{height:220px}.finance-stats{grid-template-columns:repeat(2,1fr)}.finance-middle{grid-template-columns:1fr}.training-summary{flex-direction:column;gap:20px}.personal-grid{grid-template-columns:1fr}.tablet-setup{flex-direction:column;align-items:stretch}.login-brand{padding:40px 35px}.login-brand-copy h1{font-size:35px}.login-form-side{padding:30px}.login-brand-copy{padding-top:300px}}@media (max-width:700px){.sidebar{width:242px;transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.mobile-open{transform:translate(0)}.main{margin-inline-start:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{margin-inline-start:auto}.mobile-scrim{z-index:29;background:#17222b60;position:fixed;inset:0}.topbar{gap:10px;height:59px;padding:0 16px}.breadcrumb{gap:6px;font-size:10px}.breadcrumb>strong,.breadcrumb>svg{display:none}.topbar-right{gap:12px;margin-inline-start:auto}.topbar-divider{display:none}.topbar-right .demo-chip{padding:4px 5px;font-size:8px}.language-btn{gap:5px;font-size:11px}.content{padding:25px 16px 0}.page-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.heading-actions{width:100%}.heading-actions>.btn{flex:1}.stats-grid{gap:11px}.stat{padding:16px}.stat-top{font-size:10px}.stat>strong{margin:10px 0 13px;font-size:29px}.stat-foot{font-size:9px}.overview-side{grid-template-columns:1fr}.shift-card h2{max-width:none}.shift-hours{gap:45px}.card-heading{padding:19px 17px}.card-heading h2{font-size:15px}.map-panel{margin:0 15px 8px}.map-panel svg{height:190px}.map-key small{font-size:7px}.coverage-list{padding-inline:17px}.toolbar{flex-wrap:wrap;padding:15px}.search{min-width:170px;max-width:none}.toolbar .count{display:none}th,td{padding:13px 16px}.sites-grid{grid-template-columns:1fr}.finance-stats{gap:10px}.finance-stat{padding:16px}.finance-stat strong{font-size:21px}.finance-stat strong small{margin-top:5px;display:block}.finance-tabs{gap:19px;padding:0 16px;overflow:auto}.finance-tabs button{font-size:11px}.finance-middle{gap:17px}.summary-strip{gap:15px;font-size:10px}.training-summary{padding:19px}.stage-labels{gap:12px}.referral-row{flex-wrap:wrap}.referral-row>span{flex-basis:70%}.page-footer{gap:14px;font-size:8px}.profile-panel{padding:23px}.modal-backdrop{padding:12px}.modal{max-height:94dvh;padding:21px}.form-grid{gap:14px}.modal-head h2{font-size:21px}.kiosk-choices{grid-template-columns:1fr}.kiosk-choices button{flex-direction:row;padding:24px}.kiosk-choices strong{text-align:start;flex:1}.kiosk{margin-top:20px}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{min-height:100vh;padding:25px}.login-content{width:365px;padding:35px 0}.login-content h2{font-size:31px}.toast{min-width:290px;font-size:11px}.drawer{width:100%}.topbar .avatar{display:none}.tablet-setup{padding:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.document-list{flex-direction:column;gap:9px;display:flex}.document-list>a{background:#f8f5f6;border-radius:5px;align-items:center;gap:8px;padding:9px;font-size:11px;text-decoration:none;display:flex}.document-upload{color:#9199a3;border:1px dashed #dce0e5;border-radius:6px;padding:12px;font-size:11px}.document-upload input{background:0 0;border:0;width:100%;padding:9px 0 0;font-size:10px;display:block}.correction-history{white-space:normal;color:#a08a91;max-width:250px;margin-top:7px;font-size:9px}.correction-history summary{cursor:pointer}.correction-history p{background:#f8f6f7;border-radius:4px;margin-top:8px;padding:8px}:root{--scroll-track:#eeedef;--scroll-thumb:#986571;--scroll-hover:#783440}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:12px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}.sidebar{--scroll-track:#25292d;--scroll-thumb:#9a737c;--scroll-hover:#bb8b96;background:linear-gradient(160deg,#252a2f,#191d21 85%)}body{background:#f5f5f7}::selection{color:#54212c;background:#e6cbd1}button,a,input,select,textarea{outline-offset:4px}button:focus-visible{outline:2px solid #a44960}a:focus-visible{outline:2px solid #a44960}[tabindex]:focus-visible{outline:2px solid #a44960}.card,.stat,.site-card,.finance-stat{border-color:#e7e5e8;box-shadow:0 3px 16px #23232c05}.card{border-radius:16px}.stat{border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.stat:hover{border-color:#cbb4bb;transform:translateY(-3px);box-shadow:0 9px 24px #36212c0d}.stat:after{content:"";inset-inline-end:-20px;pointer-events:none;border:1px solid #86323e0a;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px}.stat-top>svg{box-sizing:content-box;color:#86323e;background:#f6f0f2;border-radius:11px;padding:9px}.stat.accent{background:linear-gradient(125deg,#fff,#f6ecef)}.page-heading h1{letter-spacing:-.8px}.eyebrow{letter-spacing:1.8px}.topbar{background:#ffffffed;border-bottom-color:#e8e6e9}.sidebar nav button{border-radius:9px;transition:background .18s,color .18s}.sidebar nav button.active{background:linear-gradient(100deg,#71333f,#542b36);box-shadow:inset 3px 0 #c78393}[dir=rtl] .sidebar nav button.active{box-shadow:inset -3px 0 #c78393}.btn{transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 3px 8px #77304016}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #77304024}.btn:active:not(:disabled){transform:translateY(0)}.btn.secondary{box-shadow:0 2px 5px #22222204}.avatar{background:linear-gradient(145deg,#f4e9ed,#e7d8df);border:1px solid #ffffffa6}th{color:#727079;background:#f8f7f9}tbody tr{transition:background .15s}tbody tr:hover{background:#fbf8fa}.badge{border:1px solid #00000004}.mini-bar,.progress{overflow:hidden}.mini-bar i,.progress i{transition:width .45s}.table-scroll{border-radius:0 0 15px 15px}.map-panel{border:1px solid #e5e6e2;border-radius:12px;margin:0 20px;overflow:hidden}.map-panel svg g[role=button]:hover circle:first-child{opacity:.28}.shift-card{isolation:isolate;background:linear-gradient(135deg,#30343b,#20242a 65%,#412730);border:1px solid #424047;position:relative;overflow:hidden}.shift-card>:not(.northlight-skyline){z-index:1;position:relative}.northlight-skyline{pointer-events:none;color:#d4bbc2;opacity:.4;width:100%;height:auto;position:absolute;bottom:0;left:0}.northlight-skyline.compact{opacity:.13;width:390px;bottom:16px;left:auto;right:-75px}.login-brand{isolation:isolate;background:radial-gradient(at 78% 32%,#65404a 0,#0000 46%),linear-gradient(140deg,#24282d,#191c21)}.login-brand:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#e7d5dc1c .8px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.login-brand>.northlight-skyline{opacity:.26;bottom:46px}.login-brand-copy,.brand-bottom,.login-brand-top{z-index:1;position:relative}.brand-orbit{filter:drop-shadow(0 12px 25px #0003)}.brand-orbit>svg{color:#d1b6bf}.orbit-point{background:#cd8c9e;border-radius:50%;width:9px;height:9px;position:absolute;top:16%;right:16%;box-shadow:0 0 0 7px #ca8c9b12,0 0 24px #ca8c9b70}.login-form-side{background:radial-gradient(at 95% 0,#f0e5e9,#0000 50%),#fafafb}.login-icon{background:linear-gradient(135deg,#f2e1e7,#faf5f6);border:1px solid #e7d5dc;border-radius:17px;box-shadow:0 6px 20px #80364609}.login-content h2{letter-spacing:-1px}.login-content input{background:#fff;border-color:#dcd6dc;box-shadow:0 2px 5px #24202904}.role-grid button{background:#fff;transition:border-color .18s,background .18s,transform .18s}.role-grid button:hover{background:#faf2f5;border-color:#bb8998;transform:translateY(-2px)}.empty-illustration{color:#996472;background:linear-gradient(135deg,#f7eef1,#eeedf2);border-radius:22px;place-items:center;width:80px;height:72px;margin-bottom:10px;display:inline-grid;position:relative}.empty-illustration span,.empty-illustration i{border:1px solid #c9aab4;border-radius:3px;width:10px;height:10px;position:absolute;top:10px;right:-5px;transform:rotate(25deg)}.empty-illustration i{width:6px;height:6px;inset:auto auto 8px -10px}.training-summary{background:linear-gradient(120deg,#f7f0f3,#f9f8fa);border:1px solid #e8dde2;border-radius:16px}.kiosk-choices button{border-radius:17px;transition:transform .2s,border-color .2s;box-shadow:0 6px 20px #46233207}.kiosk-choices button:hover:not(:disabled){border-color:#b68392;transform:translateY(-3px)}.personal-assignment{background:linear-gradient(130deg,#fff,#faf2f5)}.content>.page-heading,.login-content,.stats-grid>.stat{animation:.4s ease-out both nl-arrive}.stats-grid>.stat:nth-child(2){animation-delay:45ms}.stats-grid>.stat:nth-child(3){animation-delay:90ms}.stats-grid>.stat:nth-child(4){animation-delay:.135s}.modal,.toast{animation:.2s ease-out both nl-arrive}@keyframes nl-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.map-panel{margin:0 12px}.page-heading h1{letter-spacing:-.5px}.stat-top>svg{padding:6px}.login-content{padding-top:12px}.login-form-side{background:radial-gradient(at 100% 0,#eadde3,#0000 44%),#fafafb}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){*{scrollbar-color:auto}.btn:focus-visible{outline:2px solid buttontext}}.login-content{width:100%;min-width:0;max-width:365px}.login-form-side{min-width:0}.heading-actions,.card-heading,.summary-strip{flex-wrap:wrap}.heading-actions>*{max-width:100%}.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.shift-hours strong,.shift-tag strong{direction:ltr;unicode-bidi:isolate;display:block}.issued-code{overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}.table-scroll{overscroll-behavior-inline:contain}@media (max-width:960px){.btn,.language-btn,.icon-btn,.text-btn,select,.finance-tabs button,.assessment-cell{min-height:44px}.icon-btn,.assessment-cell{min-width:44px}.sidebar nav button{min-height:46px}.login-screen{grid-template-columns:minmax(0,1fr)}.login-brand{display:none}.login-form-side{justify-content:center;min-height:100dvh;padding:28px}.login-content{padding:40px 0}.role-grid button{min-height:52px}.overview-side{grid-template-columns:1fr}.sites-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.card-heading{gap:12px}}@media (max-width:700px){.sidebar:not(.mobile-open){visibility:hidden;pointer-events:none}.sidebar.mobile-open{visibility:visible}.topbar{flex-wrap:wrap;gap:6px;height:auto;min-height:60px;padding-block:6px}.topbar-right{gap:8px}.topbar-right .demo-chip{display:none}.login-form-side{padding:22px}.login-language{flex-wrap:wrap;gap:10px}.login-content{max-width:365px;padding:30px 0}.heading-actions{flex-wrap:wrap;gap:10px}.toolbar .search{flex:100%;min-width:0}.toolbar select{flex:1;max-width:100%}.finance-tabs{gap:16px}.finance-tabs button{flex-shrink:0}.summary-strip{align-items:flex-start;row-gap:10px}.stages>div{flex-wrap:wrap;gap:9px}.stages>div>span:nth-child(2){flex:110px;min-width:0}.details-grid dd,.note-box,.document-list>a{overflow-wrap:anywhere}.shift-hours{flex-wrap:wrap;gap:18px}.modal-backdrop{align-items:center;padding:10px}.modal{max-height:calc(100dvh - 20px);padding:18px}.modal-head{align-items:flex-start;gap:12px}.modal-head h2{overflow-wrap:anywhere}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}input,select,textarea{font-size:16px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}.page-footer{flex-wrap:wrap;row-gap:6px}.toast{overflow-wrap:anywhere;min-width:0;max-width:calc(100vw - 24px)}.kiosk-choices button{gap:12px;padding:20px}}@media (max-width:360px){.content{padding-inline:12px}.login-form-side{padding:20px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-stat{padding:12px}.finance-stat strong{overflow-wrap:anywhere;font-size:18px}.breadcrumb{font-size:9px}}
