*{box-sizing:border-box}:root{--primary:#2563eb;--primary2:#1d4ed8;--green:#059669;--bg:#f6f8fc;--surface:#fff;--text:#172033;--muted:#64748b;--border:#e4e9f1;--danger:#dc2626;--shadow:0 8px 28px rgba(15,23,42,.07)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:14px}a{color:var(--primary)}.sidebar{position:fixed;top:0;bottom:0;width:275px;background:#0f172a;color:#fff;padding:18px 14px;overflow:auto;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:7px 8px 22px}.brand-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#10b981,#047857);font-weight:900}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#94a3b8;font-size:10px;margin-top:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#dbe3ef;text-decoration:none;padding:12px;border-radius:10px;margin:3px 0}.sidebar nav a:hover{background:#1e293b;color:#fff}.sidebar nav a b{font-weight:600}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title strong,.topbar-title small{display:block}.topbar-title small{font-size:11px;color:var(--muted);margin-top:3px}.top-actions,.user-menu,.user-chip{display:flex;align-items:center;gap:11px}.language-switch{display:flex;gap:4px;background:#f1f5f9;border-radius:999px;padding:4px;max-width:360px;overflow:auto}.language-switch a{padding:6px 10px;border-radius:999px;text-decoration:none;color:#475569;white-space:nowrap;font-size:12px}.language-switch a.active{background:var(--primary);color:#fff}.user-chip{text-decoration:none;color:var(--text)}.user-chip>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dbeafe;color:#1d4ed8;font-weight:800}.user-chip b,.user-chip small{display:block}.user-chip small{font-size:10px;color:var(--muted)}.logout-link{color:var(--danger);text-decoration:none}.menu-btn{display:none;border:0;border-radius:9px;padding:9px;background:#eef2ff}.content{padding:28px 32px;min-height:calc(100vh - 74px)}.page-head,.panel-head,.dashboard-heading,.dashboard-banner,.welcome{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-head{margin-bottom:20px}.page-head h1,.dashboard-heading h1{margin:0;font-size:28px}.page-head p,.dashboard-heading p{margin:6px 0 0;color:var(--muted)}.eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;color:var(--green)!important;font-weight:800}.heading-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 16px;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;font:inherit}.btn:hover{background:var(--primary2)}.btn.secondary{background:#fff;color:#334155;border:1px solid var(--border)}.btn.small{padding:7px 10px;font-size:12px}.btn.danger,.danger{background:var(--danger)}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.panel h3{margin:0 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.metric-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;text-decoration:none;color:var(--text);box-shadow:0 3px 12px rgba(15,23,42,.04)}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--muted);margin-bottom:5px}.metric-card strong{font-size:25px}.metric-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-weight:900}.metric-icon.blue{background:#dbeafe;color:#2563eb}.metric-icon.green{background:#dcfce7;color:#16a34a}.metric-icon.teal{background:#ccfbf1;color:#0f766e}.metric-icon.yellow{background:#fef9c3;color:#ca8a04}.metric-icon.orange{background:#ffedd5;color:#ea580c}.metric-icon.red{background:#fee2e2;color:#dc2626}.metric-icon.purple{background:#f3e8ff;color:#9333ea}.metric-icon.cyan{background:#cffafe;color:#0891b2}.metric-arrow{margin-inline-start:auto;color:#94a3b8}.dashboard-banner{background:linear-gradient(110deg,#ecfdf5,#fff);border:1px solid #bbf7d0;border-radius:16px;padding:22px 24px;margin-bottom:20px}.dashboard-banner>div{display:flex;align-items:center;gap:14px}.dashboard-banner h3{margin:0 0 5px;color:#047857}.dashboard-banner p{margin:0;color:var(--muted)}.banner-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#10b981;color:#fff;font-size:24px}.charts-grid,.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-panel{min-height:300px}.column-chart{height:220px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding-top:15px;border-bottom:1px solid var(--border)}.column-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.column-item i{width:min(56px,70%);background:linear-gradient(#60a5fa,#2563eb);border-radius:7px 7px 0 0}.column-item small,.column-value{font-size:11px}.horizontal-chart{display:grid;gap:18px}.horizontal-row>div{display:flex;justify-content:space-between;margin-bottom:7px;font-size:12px}.horizontal-row i{display:block;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.horizontal-row em{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#0f766e);border-radius:999px}.report-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-card-grid a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;text-decoration:none;color:var(--text);box-shadow:0 3px 12px rgba(15,23,42,.04)}.report-card-grid a:hover{border-color:#10b981;color:#047857}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #edf1f5;white-space:nowrap}th{background:#fafcff;color:var(--muted);font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:11px}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#ffedd5;color:#9a3412}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8dee8;border-radius:9px;background:#fff;font:inherit}textarea{min-height:100px}.hidden{display:none}.alert{padding:13px 16px;border-radius:10px;margin-bottom:16px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.step-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #eef2f7}.step-row small{display:block;color:var(--muted);margin-top:4px}.empty-state{text-align:center;color:#94a3b8;padding:55px 10px}.muted{color:var(--muted)}.app-footer{text-align:center;color:#94a3b8;font-size:12px;padding:16px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0f172a,#1e3a8a)}.login-card{width:min(440px,92%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 75px rgba(0,0,0,.35)}.login-card .logo{width:64px;height:64px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:18px;font-weight:900}.full{width:100%;margin-top:12px}.login-language{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.login-language a{padding:8px 13px;border:1px solid var(--border);border-radius:999px;text-decoration:none}.mobile-overlay{display:none}html[dir=rtl] .sidebar{right:0;left:auto}html[dir=rtl] main{margin-right:275px;margin-left:0}html[dir=rtl] th,html[dir=rtl] td{text-align:right}html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{text-align:right}html[dir=ltr] body{font-family:Arial,Tahoma,sans-serif}html[dir=ltr] .sidebar{left:0;right:auto}html[dir=ltr] main{margin-left:275px;margin-right:0}html[dir=ltr] th,html[dir=ltr] td{text-align:left}html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{text-align:left}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.charts-grid,.dashboard-grid{grid-template-columns:1fr}.report-card-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){html[dir=rtl] main,html[dir=ltr] main{margin:0}.sidebar{width:275px}.menu-btn{display:block}.content{padding:18px}.topbar{padding:0 14px}.dashboard-heading,.dashboard-banner,.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.report-card-grid,.form-grid{grid-template-columns:1fr}.user-chip div,.logout-link{display:none}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:25}html[dir=rtl] .sidebar{transform:translateX(100%)}html[dir=ltr] .sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}
.file-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:700}.panel h3{margin-top:22px;padding-bottom:9px;border-bottom:1px solid #eef2f7}.panel h3:first-child{margin-top:0}

.company-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inline-form{display:inline-flex;margin:0}
.activate-btn{background:#059669}
.suspend-btn{background:#d97706}
.company-profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-grid.one-column{grid-template-columns:1fr}
.detail-grid>div,.detail-address{padding:14px;border:1px solid var(--border);border-radius:11px;background:#f8fafc}
.detail-grid small,.detail-address small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}
.detail-grid strong{display:block;overflow-wrap:anywhere}
.detail-address{margin-top:12px}
.detail-address p{margin:5px 0 0}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-links a{padding:10px 14px;border:1px solid #ccfbf1;background:#f0fdfa;color:#047857;border-radius:10px;text-decoration:none}
table td small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:900px){.company-profile-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}

.sidebar-nav{display:grid;gap:5px}
.menu-group{border-radius:11px;overflow:hidden}
.menu-group-toggle{width:100%;border:0;background:transparent;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;font:inherit;border-radius:10px}
.menu-group-toggle:hover,.menu-group.open>.menu-group-toggle{background:#1f2937;color:#fff}
.menu-group-title{display:flex;align-items:center;gap:11px}
.menu-group-title b{font-size:14px}
.menu-chevron{transition:transform .2s;font-size:18px}
.menu-group.open .menu-chevron{transform:rotate(180deg)}
.submenu{display:none;padding:4px 9px 9px}
.menu-group.open .submenu{display:grid;gap:3px}
.submenu-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#94a3b8;text-decoration:none;font-size:13px;border-inline-start:2px solid transparent}
.submenu-link:hover{background:#172033;color:#fff}
.submenu-link.active{background:#0f766e22;color:#5eead4;border-inline-start-color:#10b981}
html[dir="rtl"] .submenu{padding-right:18px;padding-left:9px}
html[dir="ltr"] .submenu{padding-left:18px;padding-right:9px}
.captcha-box{display:flex;justify-content:center;margin:16px 0;min-height:65px}
.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.settings-tabs a{padding:9px 14px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--text);background:#fff}
.settings-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.security-note{padding:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:11px;margin:15px 0}
.request-json{direction:ltr;text-align:left;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto;max-height:420px}

.header-clock{display:flex;flex-wrap:wrap;gap:7px 15px;align-items:center;padding:8px 13px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;color:var(--muted);font-size:11px}
.header-clock b{color:var(--text)}
.user-dropdown{position:relative}
.user-dropdown-toggle{border:0;cursor:pointer}
.user-dropdown-toggle i{font-style:normal;color:var(--muted);margin-inline-start:4px}
.user-dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:230px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:8px;box-shadow:0 18px 45px #0f172a22;z-index:1000}
.user-dropdown.open .user-dropdown-menu{display:grid}
.user-dropdown-meta{padding:10px;border-bottom:1px solid var(--border);margin-bottom:5px}
.user-dropdown-meta strong,.user-dropdown-meta small{display:block;overflow-wrap:anywhere}
.user-dropdown-meta small{color:var(--muted);margin-top:3px}
.user-dropdown-menu a{padding:10px 11px;border-radius:8px;text-decoration:none;color:var(--text)}
.user-dropdown-menu a:hover{background:#f1f5f9}
.user-dropdown-menu .logout-item{color:#dc2626}
.inline-search{display:flex;gap:7px;flex-wrap:wrap}
.inline-search input,.inline-search select{width:auto;min-width:160px}
.translation-quick-form{padding:15px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;margin-bottom:15px}
.translation-row-form{display:flex;gap:7px;align-items:flex-start}
.translation-row-form textarea{min-height:58px;min-width:360px}
code{direction:ltr;display:inline-block}
@media(max-width:1000px){.header-clock{display:none}.translation-row-form textarea{min-width:220px}}

/* User-entered data stays English/LTR in every interface language. */
input,select,textarea,
html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea,
html[dir="ltr"] input,html[dir="ltr"] select,html[dir="ltr"] textarea{
    direction:ltr!important;
    text-align:left!important;
    unicode-bidi:plaintext;
}
input[type="checkbox"],input[type="radio"]{
    direction:initial!important;
}
.language-dropdown{position:relative}
.language-dropdown-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer;font:inherit}
.language-dropdown-toggle b{color:var(--primary);font-size:12px}
.language-dropdown-toggle i{font-style:normal;color:var(--muted)}
.language-dropdown-menu{display:none;position:absolute;top:calc(100% + 9px);inset-inline-end:0;min-width:235px;max-height:360px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:13px;padding:7px;box-shadow:0 18px 45px #0f172a22;z-index:1100}
.language-dropdown.open .language-dropdown-menu{display:grid}
.language-dropdown-menu a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 11px;border-radius:9px;color:var(--text);text-decoration:none}
.language-dropdown-menu a:hover{background:#f1f5f9}
.language-dropdown-menu a.active{background:#ecfdf5;color:#047857}
.language-dropdown-menu small{color:var(--muted);font-size:10px}


/* Professional authentication page — v11.4 */
.auth-page{min-height:100vh;background:#080d18;color:#172033;overflow-x:hidden}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);background:#080d18}
.auth-visual{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:42px 54px;color:#fff;overflow:hidden;background:linear-gradient(115deg,rgba(0,0,0,.92),rgba(3,11,24,.55)),url('login-hero.jpg') center/cover no-repeat}
.auth-visual:before{content:"";position:absolute;inset:-15% 42% -20% -18%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018)}
.auth-visual-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(37,99,235,.2),transparent 40%),linear-gradient(to top,rgba(0,0,0,.6),transparent 55%)}
.auth-visual-top,.auth-visual-content,.auth-visual-footer{position:relative;z-index:2}
.auth-brand-light{display:flex;align-items:center;gap:12px}.auth-brand-light>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#111827;font-weight:900}.auth-brand-light b,.auth-brand-light small{display:block}.auth-brand-light b{font-size:17px}.auth-brand-light small{margin-top:4px;color:#cbd5e1;font-size:11px}
.auth-visual-content{max-width:620px;margin-block:auto;padding-block:60px}.auth-kicker{display:inline-block;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#dbeafe;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-visual-content h1{font-size:clamp(36px,4vw,65px);line-height:1.04;letter-spacing:-.045em;margin:22px 0 20px;max-width:720px}.auth-visual-content p{max-width:570px;color:#d4d9e2;font-size:16px;line-height:1.8}.auth-feature-list{display:grid;gap:10px;margin-top:27px;color:#edf2f7}.auth-feature-list span{font-size:13px}.auth-visual-footer{font-size:11px;color:#94a3b8}
.auth-form-side{position:relative;min-height:100vh;background:#f7f8fb;display:flex;align-items:center;justify-content:center;padding:78px 42px 45px}
.auth-form-side:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#dbeafe 0,transparent 32%),radial-gradient(circle at 0 100%,#dcfce7 0,transparent 28%);opacity:.65;pointer-events:none}
.auth-card{position:relative;z-index:2;width:min(500px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:38px 40px;box-shadow:0 28px 70px rgba(15,23,42,.14)}
.auth-logo{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;font-weight:900;box-shadow:0 12px 25px rgba(37,99,235,.28);margin-bottom:23px}
.auth-heading>span{color:#2563eb;font-size:12px;font-weight:800}.auth-heading h2{margin:7px 0 8px;font-size:31px;letter-spacing:-.02em}.auth-heading p{margin:0 0 25px;color:#64748b;line-height:1.6}
.auth-form{display:grid;gap:17px}.auth-field label{margin:0;color:#334155}.auth-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.auth-input-wrap{position:relative}.auth-input-wrap>span{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.55}.auth-input-wrap input{height:49px;padding-inline-start:40px!important;padding-inline-end:43px!important;border-radius:11px;background:#fff;border:1px solid #d8dee8;transition:.2s}.auth-input-wrap input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.password-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer}.password-toggle:hover{background:#f1f5f9}
.auth-submit{height:49px;border-radius:11px;font-weight:800;justify-content:space-between;padding-inline:19px;box-shadow:0 10px 22px rgba(37,99,235,.2)}.auth-submit b{font-size:18px}.auth-error{font-size:12px;line-height:1.6}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 15px;color:#94a3b8;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e5e7eb}.auth-register-link{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #dbe3ee;border-radius:11px;text-decoration:none;color:#1d4ed8;font-weight:700}.auth-register-link:hover{background:#eff6ff}.auth-security-note{text-align:center;color:#94a3b8;font-size:10px;line-height:1.6;margin:18px 0 0}
.auth-language-dropdown{position:absolute;z-index:5;top:24px;inset-inline-end:30px}.auth-language-toggle{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbe3ee;border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(9px);color:#334155;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.06)}.auth-language-toggle b{font-size:12px}.auth-language-toggle small{color:#2563eb}.auth-language-toggle i{font-style:normal;color:#94a3b8}.auth-language-menu{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:235px;max-height:330px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:13px;padding:7px;box-shadow:0 18px 45px rgba(15,23,42,.18)}.auth-language-dropdown.open .auth-language-menu{display:grid}.auth-language-menu a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 11px;border-radius:9px;text-decoration:none;color:#334155}.auth-language-menu a:hover{background:#f1f5f9}.auth-language-menu a.active{background:#eff6ff;color:#1d4ed8}.auth-language-menu small{color:#94a3b8;font-size:10px}
html[dir="rtl"] .auth-visual-content,html[dir="rtl"] .auth-brand-light{text-align:right}html[dir="ltr"] .auth-visual-content,html[dir="ltr"] .auth-brand-light{text-align:left}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:360px;padding:30px}.auth-visual-content{padding:45px 0 20px}.auth-visual-content h1{font-size:38px}.auth-feature-list{display:none}.auth-form-side{min-height:auto;padding:80px 22px 40px}.auth-language-dropdown{top:21px;inset-inline-end:22px}}
@media(max-width:600px){.auth-visual{display:none}.auth-form-side{min-height:100vh;padding:75px 15px 25px}.auth-card{padding:29px 22px;border-radius:18px}.auth-heading h2{font-size:27px}.auth-language-toggle b{display:none}}

/* Employee ERP premium login — v11.5 */
.login-modern-page{margin:0;min-height:100vh;background:#071225;overflow-x:hidden}
.login-modern-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) minmax(590px,1fr);font-family:Tahoma,Arial,sans-serif}
.login-modern-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;padding:48px 58px 36px;color:#fff;background:radial-gradient(circle at 68% 45%,rgba(15,84,201,.22),transparent 35%),linear-gradient(135deg,#020817 0%,#06142d 58%,#071a3b 100%)}
.login-modern-hero:after{content:"";position:absolute;top:-18%;right:-9%;width:28%;height:136%;border-radius:50%;background:#061d47;transform:rotate(-9deg);box-shadow:-45px 0 0 rgba(3,15,35,.65)}
.login-modern-brand,.login-modern-copy,.login-modern-features,.login-modern-hero footer{position:relative;z-index:2}
.login-modern-brand{display:flex;align-items:center;gap:18px}.login-modern-brand img{width:82px;height:82px}.login-modern-brand strong{display:block;font-size:28px;letter-spacing:.02em}.login-modern-brand strong span{color:#3985ff}.login-modern-brand small{display:block;color:#d2d8e3;font-size:16px;margin-top:5px}
.login-modern-copy{margin-top:105px;max-width:670px}.login-modern-copy h1{margin:0;font-size:clamp(43px,4.3vw,68px);line-height:1.38;letter-spacing:-.035em}.login-modern-copy h1 span{color:#3985ff}.login-modern-copy i{display:block;width:45px;height:4px;background:#3985ff;border-radius:99px;margin:24px 0 30px}.login-modern-copy p{max-width:660px;margin:0;color:#cfd6e2;font-size:17px;line-height:2}
.login-modern-features{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:45px;margin-top:48px;max-width:710px}.login-modern-features div{text-align:center}.login-modern-features b{width:82px;height:82px;display:grid;place-items:center;margin:auto;border-radius:18px;background:linear-gradient(145deg,rgba(32,68,123,.86),rgba(10,31,67,.88));border:1px solid rgba(255,255,255,.06);font-size:41px;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.2)}.login-modern-features span{display:block;margin-top:12px;font-size:14px}
.login-modern-network{position:absolute;z-index:1;left:-7%;right:22%;bottom:-15%;height:41%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(20,113,255,.24),transparent 62%),repeating-radial-gradient(ellipse at center,rgba(30,131,255,.48) 0 1px,transparent 2px 20px);opacity:.75;transform:rotate(7deg)}
.login-modern-hero footer{display:flex;align-items:flex-start;gap:15px;margin-top:auto;color:#d0d6e1;font-size:13px}.login-modern-hero footer>span{color:#3985ff;font-size:24px}.login-modern-hero footer small{display:block;margin-top:8px;color:#aeb8c8}
.login-modern-form-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:45px;background:linear-gradient(rgba(7,18,37,.18),rgba(7,18,37,.25)),url('login-office-blur.jpg') center/cover no-repeat}
.login-modern-form-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05),rgba(1,8,22,.18));backdrop-filter:blur(1px)}
.login-modern-card{position:relative;z-index:2;width:min(595px,95%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:38px 50px 34px;box-shadow:0 35px 90px rgba(0,12,35,.32)}
.login-modern-language{position:absolute;z-index:10;top:32px;inset-inline-start:calc(50% - 250px)}.login-modern-language .auth-language-toggle{min-width:135px;justify-content:center;background:rgba(255,255,255,.95)}.login-modern-language .auth-language-menu{z-index:30}
.login-modern-logo{display:block;width:91px;height:91px;margin:55px auto 9px}.login-modern-heading{text-align:center}.login-modern-heading h2{font-size:35px;margin:12px 0 8px;color:#101828}.login-modern-heading p{margin:0 0 30px;color:#72809a;font-size:16px}
.login-modern-form{display:grid}.login-modern-form>label{font-size:14px;margin:0 0 9px;color:#172033}.login-modern-input{position:relative;margin-bottom:22px}.login-modern-input>span{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:23px;color:#56657d}.login-modern-input input{height:58px;border:1px solid #cbd4e1;border-radius:9px;padding:0 52px!important;background:#fff;font-size:15px;box-shadow:none}.login-modern-input input:focus{outline:0;border-color:#3478f6;box-shadow:0 0 0 4px rgba(52,120,246,.11)}.login-modern-input .password-toggle{right:9px}
html[dir="rtl"] .login-modern-input>span{left:auto;right:17px}html[dir="rtl"] .login-modern-input .password-toggle{right:auto;left:9px}
.login-modern-options{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-3px 0 20px;font-size:13px}.login-modern-options label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}.login-modern-options label input{width:20px;height:20px}.login-modern-options span{color:#2872ed}
.login-modern-submit{height:56px;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:7px;background:linear-gradient(100deg,#2f6fe8,#347cf5);color:#fff;font:inherit;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(45,111,234,.23)}.login-modern-submit:hover{filter:brightness(.97)}
.login-modern-divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:#7b8799}.login-modern-divider:before,.login-modern-divider:after{content:"";height:1px;flex:1;background:#d9dee7}
.login-modern-register{height:53px;display:flex;align-items:center;justify-content:center;gap:13px;border:1.5px solid #3478f6;border-radius:8px;color:#2872ed;text-decoration:none;font-size:17px;font-weight:700}.login-modern-register:hover{background:#eff6ff}.login-modern-register span{font-size:22px}.login-modern-terms{text-align:center;color:#7d889a;font-size:11px;line-height:1.8;margin:22px 0 0}.login-modern-card .auth-error{margin:0 0 18px}
@media(max-width:1120px){.login-modern-shell{grid-template-columns:1fr}.login-modern-hero{min-height:580px}.login-modern-copy{margin-top:70px}.login-modern-form-zone{min-height:760px}.login-modern-language{top:28px;inset-inline-start:50%;transform:translateX(-50%)}.login-modern-card{margin-top:45px}}
@media(max-width:700px){.login-modern-hero{display:none}.login-modern-form-zone{min-height:100vh;padding:70px 14px 24px}.login-modern-card{width:100%;padding:28px 21px;border-radius:20px}.login-modern-logo{width:72px;height:72px;margin-top:42px}.login-modern-heading h2{font-size:28px}.login-modern-options{align-items:flex-start;flex-direction:column;gap:10px}.login-modern-language{top:16px}.login-modern-language .auth-language-toggle{min-width:120px}}


/* Employee ERP login reliability & responsive update — v11.6 */
.login-modern-page{min-width:0;overflow-x:hidden;overflow-y:auto}
.login-modern-shell{width:100%;min-width:0}
.login-modern-hero,.login-modern-form-zone,.login-modern-card{min-width:0;box-sizing:border-box}
.login-modern-language{position:absolute;z-index:50;top:24px;inset-inline-start:clamp(18px,7vw,74px)}
.login-modern-language>summary{list-style:none}
.login-modern-language>summary::-webkit-details-marker{display:none}
.login-modern-language[open] .auth-language-menu{display:grid}
.login-modern-language[open] .auth-language-toggle i{transform:rotate(180deg)}
.login-modern-language .auth-language-toggle{min-width:170px;max-width:min(280px,calc(100vw - 36px));justify-content:flex-start;background:rgba(255,255,255,.96)}
.login-modern-language .auth-language-toggle small{margin-inline-start:auto;color:#2563eb;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-modern-language .auth-language-toggle i{transition:transform .2s}
.login-modern-language .auth-language-menu{display:none;z-index:60;inset-inline-start:0;inset-inline-end:auto;width:min(290px,calc(100vw - 36px));min-width:0}
.login-modern-language .auth-language-menu a{direction:inherit;text-align:start}
.login-modern-card{max-height:none}
.login-modern-input input{width:100%;box-sizing:border-box}
.login-modern-options{flex-wrap:wrap}

@media (min-width:1181px){
  .login-modern-shell{grid-template-columns:minmax(460px,52%) minmax(520px,48%)}
  .login-modern-hero{padding:clamp(30px,3vw,52px) clamp(34px,4vw,68px) 28px}
  .login-modern-copy{margin-top:clamp(48px,8vh,100px)}
  .login-modern-copy h1{font-size:clamp(42px,4vw,68px);line-height:1.28}
  .login-modern-features{gap:clamp(18px,2vw,42px)}
  .login-modern-form-zone{padding:clamp(28px,3vw,50px)}
  .login-modern-card{width:min(590px,100%);padding:clamp(28px,3vw,42px) clamp(28px,3.5vw,52px)}
}

@media (max-width:1180px){
  .login-modern-shell{display:block}
  .login-modern-hero{display:none}
  .login-modern-form-zone{min-height:100dvh;padding:86px 24px 32px}
  .login-modern-card{width:min(620px,100%);margin:0 auto;padding:34px 40px}
  .login-modern-language{top:22px;inset-inline-start:50%;transform:translateX(-50%)}
  html[dir="rtl"] .login-modern-language{transform:translateX(50%)}
}

@media (max-width:700px){
  .login-modern-form-zone{padding:76px 12px 18px;align-items:flex-start}
  .login-modern-card{padding:26px 18px 24px;border-radius:18px}
  .login-modern-logo{width:66px;height:66px;margin:22px auto 6px}
  .login-modern-heading h2{font-size:27px}
  .login-modern-heading p{font-size:14px;margin-bottom:22px}
  .login-modern-input{margin-bottom:16px}
  .login-modern-input input{height:52px;font-size:16px}
  .login-modern-options{display:grid;gap:10px;justify-items:start}
  .login-modern-submit{height:52px;font-size:16px}
  .login-modern-register{height:auto;min-height:50px;font-size:15px;padding:10px}
  .login-modern-language{top:14px;width:calc(100% - 28px)}
  .login-modern-language .auth-language-toggle{width:100%;max-width:none}
  .login-modern-language .auth-language-menu{width:100%}
}

@media (max-width:380px){
  .login-modern-card{padding-inline:14px}
  .login-modern-heading h2{font-size:24px}
  .login-modern-form>label{font-size:13px}
}

@media (max-height:760px) and (min-width:1181px){
  .login-modern-hero{padding-top:26px;padding-bottom:22px}
  .login-modern-brand img{width:62px;height:62px}
  .login-modern-brand strong{font-size:24px}
  .login-modern-copy{margin-top:38px}
  .login-modern-copy h1{font-size:46px;line-height:1.2}
  .login-modern-copy p{font-size:15px;line-height:1.7}
  .login-modern-features{margin-top:28px}
  .login-modern-features b{width:64px;height:64px;font-size:30px}
  .login-modern-card{padding-top:26px;padding-bottom:24px}
  .login-modern-logo{width:65px;height:65px;margin:24px auto 3px}
  .login-modern-heading h2{font-size:28px;margin-top:7px}
  .login-modern-heading p{margin-bottom:18px}
  .login-modern-input{margin-bottom:14px}
  .login-modern-input input{height:50px}
  .login-modern-divider{margin:16px 0 12px}
  .login-modern-terms{margin-top:12px}
}

.salary-component-box{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:#f8fafc}.salary-component-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 140px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.salary-component-row:last-child{border-bottom:0}.salary-component-row small{display:block;color:var(--muted)}.money-positive{color:#059669;font-weight:700}.money-negative{color:#dc2626;font-weight:700}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.filter-bar>*{width:auto;min-width:140px}.search-select{position:relative;min-width:180px}.search-select-input{width:100%!important}.search-select-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.search-select-list{display:none;position:absolute;top:100%;left:0;right:0;z-index:2000;background:#fff;border:1px solid var(--border);border-radius:10px;max-height:240px;overflow:auto;box-shadow:0 15px 35px #0002}.search-select-list.open{display:grid}.search-select-list button{border:0;background:#fff;text-align:left;padding:10px;cursor:pointer}.search-select-list button:hover{background:#f1f5f9}@media(max-width:780px){.salary-component-row{grid-template-columns:1fr}.filter-bar>*{width:100%}.search-select{width:100%}}
\n@media print{.sidebar,.topbar,.page-head .heading-actions,.filter-bar,form:not(.printable),.btn,.app-footer{display:none!important}main{margin:0!important}.content{padding:0!important}.panel{box-shadow:none!important;border:0!important}.printable{display:block!important}body{background:#fff!important}}\n
@media print{.company-actions form,.heading-actions,.filter-bar,.sidebar,.topbar{display:none!important}.content{padding:0!important}.panel{box-shadow:none!important;border:0!important}}

#installmentPreview{margin-top:12px}.installment-field small{display:block;margin-top:5px}

.filter-bar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr)) auto auto auto;gap:9px;align-items:center}
.filter-check{display:flex;align-items:center;gap:7px;white-space:nowrap}
.empty-state{text-align:center;padding:35px;color:var(--muted)}
.pagination{display:flex;gap:6px;justify-content:center;margin:18px}.pagination a{padding:8px 12px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);background:#fff}.pagination a.active{background:var(--primary);color:#fff}
.permission-table{display:grid;gap:7px}.permission-row{display:grid;grid-template-columns:1fr 240px;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding:10px}.permission-row small,.details-grid small,table td small{display:block;color:var(--muted);margin-top:4px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-grid>div{border:1px solid var(--border);border-radius:10px;padding:12px}.details-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:1200px){.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-row{grid-template-columns:1fr 200px}}
@media(max-width:700px){.filter-bar{grid-template-columns:1fr}.permission-row,.details-grid{grid-template-columns:1fr}.permission-row select{width:100%}}

.permission-row select{min-width:180px}.permission-row select option[value="deny"]{color:#dc2626}.permission-row select option[value="allow"]{color:#059669}

.update-upload-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.update-upload-form input[type=file]{flex:1;min-width:260px;padding:12px;border:1px dashed var(--border);border-radius:12px;background:#f8fafc}
.update-prompt{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-inline-start:5px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}
.update-prompt-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:28px}
.update-prompt h2{margin:0 0 6px}
.update-timeline{position:relative}
.update-log-row{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}
.update-log-row:last-child{border-bottom:0}
.update-log-dot{width:11px;height:11px;border-radius:50%;background:#64748b;margin-top:5px}
.update-log-row.success .update-log-dot{background:#10b981}
.update-log-row.warning .update-log-dot{background:#f59e0b}
.update-log-row.error .update-log-dot{background:#ef4444}
.update-log-row small{display:block;color:var(--muted);margin-top:4px}
.hash-text{font-family:monospace;font-size:11px;overflow-wrap:anywhere}
.error-guide pre{white-space:pre-wrap;background:#fff1f2;color:#991b1b;padding:14px;border-radius:10px;border:1px solid #fecdd3}
@media(max-width:800px){.update-prompt{grid-template-columns:1fr}.update-prompt-icon{display:none}.update-prompt .heading-actions{justify-content:stretch}.update-prompt form,.update-prompt button{width:100%}}

.backup-create-form{display:grid;gap:18px}
.backup-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.backup-type-card{position:relative;display:grid;gap:7px;padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease}
.backup-type-card:hover{border-color:#93c5fd;box-shadow:0 10px 25px #2563eb12;transform:translateY(-1px)}
.backup-type-card input{position:absolute;inset-inline-start:14px;top:14px;width:auto!important}
.backup-type-card:has(input:checked){border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb20}
.backup-type-icon{font-size:28px}
.backup-type-card strong{font-size:16px}
.backup-type-card small{color:var(--muted);line-height:1.55}
.table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.table-actions form{margin:0}
.block{display:block}
.empty-state{text-align:center;padding:30px!important;color:var(--muted)}
@media(max-width:900px){.backup-type-grid{grid-template-columns:1fr}.table-actions{min-width:240px}}

.update-center-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.stack-form{display:grid;gap:10px;margin-top:12px}.stack-form label{display:grid;gap:6px}.remote-update-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.version-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;font-weight:700}.version-chip.target{background:#dcfce7;color:#166534}.update-preflight{display:grid;gap:18px}.preflight-title,.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preflight-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.preflight-grid>div{padding:13px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.preflight-grid small{display:block;color:var(--muted);margin-bottom:6px}.check-list{display:flex;gap:8px;flex-wrap:wrap}.check-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.check-pill.ok{background:#dcfce7;color:#166534}.check-pill.bad{background:#fee2e2;color:#991b1b}.update-progress-track{height:15px;border-radius:999px;background:#e2e8f0;overflow:hidden}.update-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#10b981);transition:width .35s ease}.update-progress-panel{position:sticky;top:80px;z-index:5;box-shadow:0 14px 35px #0f172a16}
@media(max-width:1000px){.update-center-grid{grid-template-columns:1fr}.preflight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.preflight-grid{grid-template-columns:1fr}.remote-update-card{align-items:flex-start;flex-direction:column}}

.force-reinstall-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412}
.force-reinstall-option input{margin-top:3px;width:auto!important}
.force-reinstall-option span{display:grid;gap:3px}
.force-reinstall-option small{font-weight:400;line-height:1.5}
.badge.info,.check-pill.same{background:#dbeafe;color:#1d4ed8}
.alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}

/* v13.5.0 workflow, employees, notifications and mobile polish */
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:5px}.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:#fff;text-decoration:none}.notification-bell span{position:absolute;top:-5px;inset-inline-end:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;display:grid;place-items:center}.workflow-board{display:grid;gap:18px}.workflow-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 10px 28px #0f172a0b}.workflow-card>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.employee-mini{display:flex;gap:12px;align-items:center}.employee-mini img{width:58px;height:58px;border-radius:15px;object-fit:cover}.workflow-status{display:flex;gap:12px;align-items:center}.workflow-steps{display:grid;gap:8px;margin-top:15px}.workflow-step{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:13px;padding:11px}.workflow-step.status-completed{background:#f0fdf4;border-color:#bbf7d0}.workflow-step.status-cancelled{background:#fef2f2;border-color:#fecaca}.workflow-step.status-skipped{background:#fffbeb;border-color:#fde68a}.step-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-weight:800}.step-copy small,.step-copy p{display:block;color:var(--muted);margin:4px 0 0}.action-dialog{width:min(760px,94vw);border:0;border-radius:18px;padding:22px;box-shadow:0 30px 80px #0f172a44}.action-dialog::backdrop{background:#0f172a88}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.success-btn{background:#059669}.employee-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.employee-profile-card{display:flex;gap:15px;background:#fff;border:1px solid var(--border);border-radius:17px;padding:16px;box-shadow:0 8px 24px #0f172a0a}.employee-avatar img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0}.employee-card-body{min-width:0;flex:1}.employee-card-title{display:flex;justify-content:space-between;gap:10px}.employee-card-title h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-profile-card p{color:var(--muted);margin:7px 0}.employee-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--border);padding-top:11px}.employee-facts small,.employee-facts b{display:block}.employee-facts small{color:var(--muted);font-size:10px}.employee-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.employee-quick-actions a{text-decoration:none;color:var(--primary);font-size:12px;font-weight:700}.employee-profile-hero{display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:20px;padding:26px;margin-bottom:20px}.employee-profile-hero img{width:130px;height:130px;border-radius:22px;object-fit:cover;border:4px solid #ffffff44}.employee-detail-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:20px}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:7px 1fr auto;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px}.notification-card.unread{box-shadow:0 8px 25px #2563eb12}.notification-level{border-radius:999px;background:#3b82f6}.notification-level.warning{background:#f59e0b}.notification-level.danger{background:#dc2626}.notification-card h3,.notification-card p{margin:0 0 5px}.notification-card p,.notification-card small{color:var(--muted)}.brand-upload{display:flex;gap:18px;align-items:center;background:#f8fafc;border:1px solid var(--border);padding:14px;border-radius:14px;margin-bottom:15px}.brand-upload img{width:90px;height:70px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px}.danger-text{color:#dc2626}.workflow-toolbar{position:sticky;top:72px;z-index:8}@media(max-width:800px){.employee-card-grid{grid-template-columns:1fr}.employee-profile-card{align-items:flex-start}.employee-facts{grid-template-columns:1fr 1fr}.workflow-card>header,.employee-profile-hero{align-items:flex-start;flex-direction:column}.workflow-step{grid-template-columns:34px 1fr}.workflow-step>.btn{grid-column:1/-1}.employee-profile-hero img{width:100px;height:100px}.filters{grid-template-columns:1fr!important}}@media(max-width:480px){.employee-profile-card{padding:12px}.employee-avatar img{width:64px;height:64px}.employee-facts{grid-template-columns:1fr}.employee-card-title{display:block}.top-actions{gap:6px}.header-clock{display:none!important}}


/* v13.5.4 compact employee cards for leaves and resignations */
.employee-card-list{display:grid;gap:14px;margin-top:16px}
.record-card.employee-record-card{
    display:grid;
    grid-template-columns:88px minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    width:100%;
    min-width:0;
    padding:16px;
    border:1px solid var(--border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px #0f172a0a;
    overflow:hidden;
}
.record-photo-link{
    display:block;
    width:88px;
    height:88px;
    border-radius:16px;
    overflow:hidden;
    border:2px solid #e2e8f0;
    background:#f8fafc;
    flex:0 0 auto;
}
.record-photo{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:88px!important;
    max-height:88px!important;
    object-fit:cover!important;
    object-position:center top;
    border-radius:14px;
    transition:transform .2s ease;
}
.record-photo-link:hover .record-photo{transform:scale(1.04)}
.record-main{min-width:0}
.record-main h3{margin:0 0 5px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.record-main>small{display:block;color:var(--muted);margin-bottom:10px}
.record-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:12px}
.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:430px}
.record-actions .inline-form{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:0}
.record-actions .btn{white-space:nowrap}
@media(max-width:900px){
    .record-card.employee-record-card{grid-template-columns:74px minmax(0,1fr);gap:13px;padding:14px}
    .record-photo-link{width:74px;height:74px;border-radius:14px}
    .record-photo{max-width:74px!important;max-height:74px!important;border-radius:12px}
    .record-actions{grid-column:1/-1;max-width:none;justify-content:flex-start;border-top:1px solid var(--border);padding-top:12px}
    html[dir="rtl"] .record-actions{justify-content:flex-start}
}
@media(max-width:520px){
    .record-card.employee-record-card{grid-template-columns:62px minmax(0,1fr);gap:11px;padding:12px;border-radius:14px}
    .record-photo-link{width:62px;height:62px;border-radius:50%}
    .record-photo{max-width:62px!important;max-height:62px!important;border-radius:50%}
    .record-main h3{font-size:14px}
    .record-meta{display:grid;gap:5px;font-size:11px}
    .record-actions,.record-actions .inline-form{width:100%}
    .record-actions .btn{flex:1;min-width:78px;text-align:center}
}

/* v13.5.6 unified operational employee cards */
.record-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.record-title-row h3{margin:0}
.record-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.record-data-grid>div{padding:10px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;min-width:0}
.record-data-grid small,.record-data-grid b,.record-data-grid span{display:block}
.record-data-grid small{color:var(--muted);font-size:10px;margin-bottom:4px}
.record-data-grid b{font-size:13px}
.record-data-grid span{font-size:11px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.record-file-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.record-file-links a{text-decoration:none;font-size:12px;font-weight:700;color:var(--primary)}
.absconding-card{border-inline-start:5px solid #f59e0b}
.absconding-card.status-closed{border-inline-start-color:#16a34a}
.absconding-card.status-withdrawn{border-inline-start-color:#7c3aed}
.absconding-card.status-cancelled{border-inline-start-color:#dc2626}
.status-badge.status-open{background:#fef3c7;color:#92400e}
.status-badge.status-closed{background:#dcfce7;color:#166534}
.status-badge.status-withdrawn{background:#ede9fe;color:#6d28d9}
.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}
.warning-btn{background:#d97706;color:#fff}
.danger-outline{background:#fff;color:#dc2626;border:1px solid #fecaca}
.document-record-card{grid-template-columns:74px minmax(0,1fr)}
.document-record-card .record-photo-link{width:74px;height:74px}
.document-record-card .record-photo{max-width:74px!important;max-height:74px!important}
@media(max-width:900px){.record-data-grid{grid-template-columns:1fr 1fr}.absconding-card .record-actions{grid-column:1/-1}}
@media(max-width:520px){.record-data-grid{grid-template-columns:1fr}.record-title-row{display:block}.record-title-row .badge{margin-top:6px;display:inline-flex}.document-record-card{grid-template-columns:62px minmax(0,1fr)}}


/* v13.5.7 modern employee directory, profile and action system */
.employee-card-grid-modern{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:18px}
.employee-profile-card-modern{display:grid;gap:15px;padding:0;overflow:hidden;border-radius:20px;border:1px solid #dbe3ef;box-shadow:0 12px 30px #0f172a0d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}
.employee-profile-card-modern:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:5px;height:100%;background:#2563eb}
.employee-profile-card-modern.status-absconding:before{background:#ef4444}.employee-profile-card-modern.status-cancelled:before{background:#64748b}.employee-profile-card-modern.status-inactive:before{background:#f59e0b}
.employee-profile-card-modern:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0f172a18;border-color:#bfdbfe}
.employee-card-top{display:flex;gap:15px;padding:18px 18px 0;align-items:center}
.employee-avatar-modern{position:relative;width:88px;height:88px;flex:0 0 88px;border-radius:20px;overflow:hidden;border:3px solid #e2e8f0;background:#f8fafc}
.employee-avatar-modern img{width:100%;height:100%;border:0;border-radius:17px;object-fit:cover;object-position:center top;transition:filter .2s ease,transform .2s ease}
.employee-avatar-modern span{position:absolute;inset:auto 5px 5px;background:#0f172acc;color:#fff;border-radius:7px;padding:4px 5px;font-size:9px;text-align:center;opacity:0;transform:translateY(4px);transition:.2s}
.employee-avatar-modern:hover img{transform:scale(1.04);filter:brightness(.82)}.employee-avatar-modern:hover span{opacity:1;transform:none}
.employee-card-identity{min-width:0;flex:1}.employee-code{display:block;color:#2563eb;font-weight:800;font-size:11px;margin-bottom:3px}.employee-card-title h3{font-size:17px;line-height:1.35}.employee-company{display:block;color:#334155;font-weight:700;margin-top:4px}.employee-profile-card-modern p{margin:5px 0;color:#64748b}
.employee-status-badge{white-space:nowrap}.employee-status-badge.status-absconding{background:#fee2e2;color:#991b1b}.employee-status-badge.status-active{background:#dcfce7;color:#166534}.employee-status-badge.status-inactive{background:#fef3c7;color:#92400e}
.employee-facts-modern{margin:0 18px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.employee-facts-modern>div{min-width:0}.employee-facts-modern b{font-size:13px;overflow-wrap:anywhere}
.employee-action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;background:#f8fafc}.employee-action{display:flex!important;align-items:center;justify-content:center;gap:6px;padding:12px 7px;border-inline-end:1px solid #e2e8f0;text-decoration:none!important;font-size:12px!important;font-weight:800!important;color:#334155!important;transition:.18s}.employee-action:last-child{border-inline-end:0}.employee-action i{font-style:normal;font-size:15px}.employee-action:hover{background:#eff6ff;color:#1d4ed8!important}.employee-action.edit:hover{background:#ecfdf5;color:#047857!important}.employee-action.workflow:hover{background:#f5f3ff;color:#6d28d9!important}.employee-action.abscond:hover{background:#fff1f2;color:#be123c!important}
.employee-profile-hero-modern{justify-content:space-between;min-height:200px;background:radial-gradient(circle at 85% 10%,#2563eb66,transparent 33%),linear-gradient(135deg,#081426,#173b82);box-shadow:0 18px 50px #0f172a22}
.employee-hero-person{display:flex;align-items:center;gap:20px;min-width:0}.employee-hero-photo{width:132px;height:132px;flex:0 0 132px;border-radius:24px;overflow:hidden;border:4px solid #ffffff55;background:#fff}.employee-hero-photo img{width:100%;height:100%;border:0;border-radius:20px;object-fit:cover;object-position:center top}.employee-hero-code{display:inline-flex;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.employee-hero-person h1{margin:9px 0 5px;font-size:30px}.employee-hero-person p{margin:0 0 10px;color:#dbeafe}.hero-badges{display:flex;gap:7px;flex-wrap:wrap}.employee-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px;min-width:270px}.hero-action{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;background:#ffffff14;border:1px solid #ffffff2b;color:#fff;text-decoration:none;font-weight:800;transition:.18s}.hero-action:hover{background:#fff;color:#173b82}.hero-action.primary{background:#2563eb;border-color:#60a5fa}.hero-action.danger{background:#dc2626;border-color:#f87171}.hero-action i{font-style:normal;font-size:17px}
.employee-detail-grid-modern>div{background:#fff;border:1px solid #dbe3ef;border-radius:15px;padding:15px;box-shadow:0 6px 18px #0f172a08}.employee-detail-grid-modern small{color:#64748b;display:block;margin-bottom:7px}.employee-detail-grid-modern strong{font-size:15px;overflow-wrap:anywhere}
.absconding-card .record-actions{padding-inline-start:8px}.absconding-card .record-actions .btn{border-radius:9px;font-weight:800}
@media(max-width:900px){.employee-card-grid-modern{grid-template-columns:1fr}.employee-profile-hero-modern{align-items:flex-start}.employee-hero-actions{width:100%;grid-template-columns:repeat(4,1fr)}.employee-hero-photo{width:105px;height:105px;flex-basis:105px}}
@media(max-width:620px){.employee-card-top{align-items:flex-start}.employee-avatar-modern{width:72px;height:72px;flex-basis:72px;border-radius:17px}.employee-action-bar{grid-template-columns:repeat(2,1fr)}.employee-action:nth-child(2){border-inline-end:0}.employee-action:nth-child(-n+2){border-bottom:1px solid #e2e8f0}.employee-hero-person{align-items:flex-start}.employee-profile-hero-modern{padding:18px}.employee-hero-person h1{font-size:22px}.employee-hero-actions{grid-template-columns:repeat(2,1fr)}.employee-hero-photo{width:86px;height:86px;flex-basis:86px;border-radius:18px}.employee-detail-grid-modern{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.employee-card-grid-modern{grid-template-columns:minmax(0,1fr)}.employee-card-title{display:block}.employee-status-badge{display:inline-flex;margin-top:5px}.employee-facts-modern{grid-template-columns:1fr 1fr}.employee-facts-modern>div:last-child{grid-column:1/-1}.employee-hero-person{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px}.employee-hero-photo{width:76px;height:76px;flex-basis:76px}.employee-hero-person h1{font-size:18px}.employee-detail-grid-modern{grid-template-columns:1fr}}


/* v13.5.11 — bulk employee management and reliable mobile navigation */
.employee-bulk-panel{position:sticky;top:86px;z-index:12;display:grid;gap:12px;border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}
.employee-bulk-summary,.employee-bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bulk-select-all{display:flex;align-items:center;gap:9px;margin:0;font-size:13px}.bulk-select-all input,.employee-select-box input{width:18px;height:18px;margin:0}
.employee-bulk-actions select{width:min(360px,100%)}.bulk-warning{margin:0;font-size:11px}
.employee-profile-card{position:relative}.employee-select-box{position:absolute;inset-inline-start:10px;top:10px;z-index:3;margin:0;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 12px #0f172a14;cursor:pointer}
.employee-select-box span{display:none}.employee-select-box:has(input:checked){background:#2563eb;border-color:#2563eb}.employee-select-box:has(input:checked) span{display:block;color:#fff;font-weight:900}.employee-select-box:has(input:checked) input{display:none}
body.nav-open{overflow:hidden;touch-action:none}
@media(max-width:760px){
 .mobile-overlay{z-index:1000!important}.mobile-overlay.show{display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.62)!important;backdrop-filter:blur(2px)}
 html[dir=rtl] body .sidebar,html[dir=ltr] body .sidebar{display:block!important;z-index:1001!important;width:min(86vw,320px)!important;transition:transform .24s ease!important;box-shadow:0 0 35px rgba(0,0,0,.28)}
 html[dir=rtl] body .sidebar.open,html[dir=ltr] body .sidebar.open{transform:translateX(0)!important}
 .topbar{z-index:900}.menu-btn{position:relative;z-index:902;min-width:42px;min-height:42px;font-size:20px;touch-action:manipulation}
 .sidebar-nav{padding-bottom:35px}.menu-group-toggle{min-height:48px}.submenu-link{min-height:44px}
 .employee-bulk-panel{position:static}.employee-bulk-summary,.employee-bulk-actions{align-items:stretch;flex-direction:column}.employee-bulk-actions .btn,.employee-bulk-actions select{width:100%}
 .employee-select-box{top:8px;inset-inline-start:8px}
}


/* v13.5.13 — company directory, logos and import company guidance */
.import-company-help{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}
.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.section-title-row h3{margin-bottom:5px}
.import-company-grid,.company-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
.import-company-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid #dbe3ef;border-radius:15px;background:#fff}
.company-logo-shell,.company-card-logo,.company-view-logo{display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #dbe3ef;box-shadow:0 5px 16px #0f172a0d}
.company-logo-shell{width:58px;height:58px;border-radius:14px}.company-logo-shell img,.company-card-logo img,.company-view-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.import-company-info{min-width:0}.import-company-info strong,.import-company-info small{display:block}.import-company-info small{color:#64748b;margin-top:3px}
.company-id-copy{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;text-align:center}.company-id-copy span{grid-column:1/-1;color:#64748b;font-size:10px}.company-id-copy b{font-size:18px;color:#1d4ed8}.copy-company-id{border:0;border-radius:7px;background:#eff6ff;color:#1d4ed8;padding:5px 7px;font-weight:800;cursor:pointer}
.company-logo-upload{margin-bottom:16px}.company-logo-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.company-logo-picker img{width:76px;height:76px;object-fit:contain;border:1px solid #dbe3ef;border-radius:15px;background:#fff;padding:5px}.company-logo-picker small{color:#64748b}
.company-directory-card{background:#fff;border:1px solid #dbe3ef;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0f172a0b;position:relative;transition:.2s}.company-directory-card:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:5px;height:100%;background:#2563eb}.company-directory-card.is-suspended:before{background:#dc2626}.company-directory-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0f172a16}
.company-card-head{display:flex;align-items:center;gap:14px;padding:18px}.company-card-logo{width:78px;height:78px;flex:0 0 78px;border-radius:18px}.company-card-title{min-width:0;flex:1}.company-card-title h3{margin:3px 0;font-size:17px}.company-card-title p{margin:0;color:#64748b}.company-number{display:inline-flex;color:#2563eb;font-size:11px;font-weight:900}
.company-card-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:0 18px}.company-card-facts>div{padding:12px 8px;text-align:center}.company-card-facts small{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.company-card-facts b{font-size:12px;overflow-wrap:anywhere}.danger-text{color:#dc2626}
.company-card-actions{display:flex;gap:7px;flex-wrap:wrap;padding:15px 18px;background:#f8fafc}.company-card-actions .inline-form{margin:0}
.company-view-identity{display:flex;align-items:center;gap:16px}.company-view-logo{width:92px;height:92px;border-radius:21px}.company-view-head{align-items:center}
@media(max-width:700px){.import-company-grid,.company-card-grid{grid-template-columns:1fr}.import-company-card{grid-template-columns:50px minmax(0,1fr)}.company-logo-shell{width:50px;height:50px}.company-id-copy{grid-column:1/-1;display:flex;justify-content:flex-end}.company-card-facts{grid-template-columns:1fr 1fr}.company-card-actions>.btn,.company-card-actions form,.company-card-actions form .btn{flex:1;min-width:120px}.company-view-logo{width:72px;height:72px}.company-view-identity h1{font-size:22px}}


/* v13.5.14 — company/request cards and payroll exports */
.company-page-head{align-items:center}.company-metrics{margin-bottom:16px}.company-filter-panel{padding:14px}.company-filter-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:10px}.company-card-grid-modern{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));align-items:stretch}.company-directory-card-modern{display:flex;flex-direction:column}.company-directory-card-modern .company-card-actions{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0}.company-directory-card-modern .company-card-actions form{display:contents}.company-directory-card-modern .employee-action{border:0;border-inline-end:1px solid #e2e8f0;background:#f8fafc;width:100%;cursor:pointer}.company-card-subline{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;color:#64748b;font-size:11px}.request-filter-grid{display:grid;grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) auto auto;gap:10px}.request-filter-wide{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto auto}.request-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.company-request-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #0f172a0b}.request-card-head{display:flex;gap:13px;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0}.request-card-head>div:nth-child(2){min-width:0;flex:1}.request-card-head h3{margin:3px 0;font-size:16px}.request-card-head p{margin:0;color:#64748b}.request-logo-placeholder{width:62px;height:62px;flex:0 0 62px;border-radius:15px;display:grid;place-items:center;background:#eff6ff;font-size:28px;overflow:hidden}.request-logo-placeholder img{width:100%;height:100%;object-fit:contain;padding:5px}.request-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 16px}.request-facts>div{padding:12px 6px;border-bottom:1px solid #eef2f7}.request-facts small{display:block;color:#64748b;font-size:10px}.request-facts b{display:block;margin-top:4px;overflow-wrap:anywhere}.request-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;background:#f8fafc}.request-review-form textarea{border:0;border-top:1px solid #e2e8f0;border-radius:0;min-height:70px}.payroll-report-filter{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto;gap:10px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1000px){.company-filter-grid,.request-filter-wide,.payroll-report-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.company-card-grid-modern{grid-template-columns:1fr}}
@media(max-width:650px){.company-filter-grid,.request-filter-grid,.request-filter-wide,.payroll-report-filter{grid-template-columns:1fr}.request-card-grid{grid-template-columns:1fr}.company-directory-card-modern .company-card-actions{grid-template-columns:repeat(2,1fr)}.company-directory-card-modern .employee-action:nth-child(-n+2){border-bottom:1px solid #e2e8f0}.request-card-head{align-items:flex-start}.request-facts{grid-template-columns:1fr}.heading-actions .btn{flex:1}}

/* v13.6.2 content and branding */
.login-modern-hero{background:var(--auth-dark,#071a3b)}
.login-modern-brand strong span,.login-modern-copy h1 span,.login-modern-hero footer>span{color:var(--auth-primary,#3985ff)}
.login-modern-copy i{background:var(--auth-primary,#3985ff)}
.login-modern-submit{background:linear-gradient(100deg,var(--auth-primary,#2f6fe8),color-mix(in srgb,var(--auth-primary,#2f6fe8) 78%,white))}
.login-modern-card{border-radius:var(--auth-radius,28px)}
.content-settings-intro{display:grid;gap:12px}.language-edit-tabs{display:flex;gap:8px;flex-wrap:wrap}.language-edit-tabs a{padding:9px 14px;border:1px solid #dbe3ef;border-radius:10px;text-decoration:none;color:#334155;background:#fff}.language-edit-tabs a.active{background:#2563eb;color:#fff;border-color:#2563eb}.language-edit-tabs small{opacity:.7}.content-settings-form{display:grid;gap:18px}.content-settings-form .panel{margin:0}.content-settings-form h2{margin-top:0}.content-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.content-field label{display:flex;justify-content:space-between;gap:10px}.content-field label small{font-family:monospace;color:#94a3b8;font-weight:400}.content-field input,.content-field textarea{width:100%}.sticky-save{position:sticky;bottom:12px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #dbe3ef;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 35px #0f172a1a}.check{display:flex!important;align-items:center;gap:8px}.check input{width:18px!important;height:18px}
@media(max-width:760px){.content-fields-grid{grid-template-columns:1fr}.sticky-save .btn{flex:1;min-width:140px}}

/* v13.9.14 premium light/dark theme */
:root{--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef4fb;--text:#0f172a;--muted:#64748b;--line:#dbe3ef;--shadow:0 14px 40px rgba(15,23,42,.08);--accent:#2563eb;--accent-2:#06b6d4}
html[data-theme="dark"]{color-scheme:dark;--surface:#111c30;--surface-2:#0b1527;--surface-3:#16243b;--text:#eaf1ff;--muted:#9fb0ca;--line:#2a3b56;--shadow:0 18px 50px rgba(0,0,0,.35);--accent:#60a5fa;--accent-2:#22d3ee}
html[data-theme="dark"] body{background:radial-gradient(circle at 20% 0,#17325d 0,transparent 33%),#08111f;color:var(--text)}
html[data-theme="dark"] main,html[data-theme="dark"] .content{background:transparent;color:var(--text)}
html[data-theme="dark"] .topbar{background:rgba(8,17,31,.88);border-color:var(--line);backdrop-filter:blur(18px)}
html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .dashboard-banner,html[data-theme="dark"] .company-directory-card,html[data-theme="dark"] .employee-profile-card-modern,html[data-theme="dark"] .alert{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0d182b!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] table th{background:#12213a;color:#cbd8ec} html[data-theme="dark"] table td{border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .employee-action-bar,html[data-theme="dark"] .company-card-actions,html[data-theme="dark"] .request-actions{background:#0d182b}
html[data-theme="dark"] .employee-action,html[data-theme="dark"] .submenu-link,html[data-theme="dark"] .panel-head a{color:#c8d7ee!important}
html[data-theme="dark"] .horizontal-row i,html[data-theme="dark"] .dashboard-progress{background:#263650}
html[data-theme="dark"] .dashboard-banner{background:linear-gradient(135deg,rgba(13,148,136,.16),rgba(37,99,235,.12))}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);padding:6px 9px;border-radius:999px;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.06);transition:.25s}.theme-toggle i{width:34px;height:18px;border-radius:999px;background:#dbe5f2;position:relative;display:block}.theme-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.2);transition:.25s}.theme-toggle.is-dark i{background:#31588f}.theme-toggle.is-dark i:after{transform:translateX(16px);background:#8ec5ff}.theme-toggle span{font-size:14px;line-height:1}.theme-toggle:hover{transform:translateY(-1px);border-color:#93c5fd}
.dashboard-section{margin:18px 0 10px}.dashboard-section-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dashboard-section-title span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#dbeafe,#ecfeff)}.dashboard-section-title h2{margin:0;font-size:20px}.dashboard-section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.metric-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow);min-height:118px}.metric-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(37,99,235,.15)}
@media(max-width:760px){.theme-toggle{order:2}.top-actions{gap:6px}.theme-toggle .theme-sun,.theme-toggle .theme-moon{display:none}}
/* Reports Center v13.10.0 */
.reports-hero{display:flex;align-items:center;justify-content:space-between;padding:30px;border-radius:24px;background:linear-gradient(135deg,#0f2f65,#245eea);color:#fff;margin-bottom:24px;box-shadow:0 18px 45px rgba(37,94,234,.22)}
.reports-hero h1{margin:7px 0 8px;font-size:clamp(28px,4vw,44px)}.reports-hero p{margin:0;opacity:.84;max-width:780px}.reports-hero .eyebrow{font-size:13px;font-weight:800;color:#9fe7d4}.reports-hero-icon{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;font-size:42px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.report-section{margin:0 0 24px}.report-section-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.report-section-head>span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--panel-bg,#fff);box-shadow:0 8px 24px rgba(15,23,42,.08);font-size:24px}.report-section-head h2{margin:0}.report-section-head p{margin:3px 0 0;color:var(--muted,#64748b)}
.report-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-modern-grid a{position:relative;display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto auto;gap:2px 13px;align-items:center;padding:19px;border:1px solid var(--border,#e4eaf3);border-radius:20px;background:var(--panel-bg,#fff);color:inherit;text-decoration:none;box-shadow:0 8px 28px rgba(15,23,42,.06);transition:.2s}.report-modern-grid a:hover{transform:translateY(-3px);border-color:#5c83f6;box-shadow:0 15px 35px rgba(37,94,234,.13)}.report-modern-grid a>span{grid-row:1/3;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#eef4ff;font-size:26px}.report-modern-grid strong{font-size:15px}.report-modern-grid small{color:var(--muted,#64748b)}.report-modern-grid b{grid-column:3;grid-row:1/3;color:#2d63e8}
.report-filter-panel{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:13px;padding:18px;background:var(--panel-bg,#fff);border:1px solid var(--border,#e4eaf3);border-radius:20px;margin-bottom:16px}.report-filter-panel label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.report-filter-panel input,.report-filter-panel select{width:100%}.report-filter-panel .wide{grid-column:span 2}.report-filter-actions{display:flex;gap:8px;align-items:end}.report-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:var(--panel-bg,#fff);border:1px solid var(--border,#e4eaf3);margin-bottom:12px}.report-toolbar>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.report-toolbar small{color:var(--muted,#64748b)}.report-table{border-radius:20px;overflow:auto}.report-table table{min-width:900px}.report-table th{position:sticky;top:0;z-index:2}
@media(max-width:1100px){.report-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.reports-hero{padding:22px}.reports-hero-icon{display:none}.report-modern-grid{grid-template-columns:1fr}.report-filter-panel{grid-template-columns:1fr}.report-filter-panel .wide{grid-column:auto}.report-toolbar{align-items:flex-start;flex-direction:column}}

/* v13.10.16 universal employee lookup and hints */
.employee-search-select .search-select-input{width:100%;min-height:42px}
.search-select-empty{padding:12px 14px;color:var(--muted,#64748b);font-size:13px}
input[title],select[title],textarea[title]{cursor:help}

/* v13.10.19 — Outside-UAE compliance highlighting */
.report-table tr.outside-critical > td{
  background:#fff1f2 !important;
  color:#b91c1c !important;
  font-weight:800 !important;
  border-top-color:#fecdd3 !important;
  border-bottom-color:#fecdd3 !important;
}
.report-table tr.outside-critical > td:first-child{box-shadow:inset 4px 0 0 #dc2626;}
[dir="rtl"] .report-table tr.outside-critical > td:first-child{box-shadow:inset -4px 0 0 #dc2626;}


/* v13.10.20 — live Outside-UAE leave synchronization */
.field-hint{display:block;margin-top:6px;color:var(--muted,#64748b);font-size:12px;line-height:1.5}
.employee-record-card.leave-outside-critical{border-color:#fecaca!important;background:linear-gradient(135deg,#fff,#fff1f2)!important;box-shadow:0 10px 30px rgba(220,38,38,.10)!important}
.employee-record-card.leave-outside-critical h3,.employee-record-card.leave-outside-critical .record-meta{color:#b91c1c}
.badge.danger{background:#fee2e2!important;color:#b91c1c!important;border-color:#fecaca!important}
.badge.info{background:#e0f2fe!important;color:#075985!important;border-color:#bae6fd!important}

/* v13.10.22 — Universal Android/iOS responsive shell */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}
main,.content,.topbar,.page-head,.panel,.dashboard-section,.dashboard-heading{
  min-width:0;
  max-width:100%;
}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
.table-wrap,.report-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}
input,select,textarea{font-size:16px} /* prevents iOS Safari auto zoom */

@supports (padding: max(0px)){
  .topbar{
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .content{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }
  .sidebar{
    padding-bottom:max(24px,env(safe-area-inset-bottom));
  }
}

@media (max-width: 900px){
  html[dir=rtl] main,html[dir=ltr] main{margin:0!important;width:100%!important;max-width:100%!important}
  .content{width:100%;max-width:100%;overflow-x:hidden}
  .charts-grid,.dashboard-grid,.metric-grid,.report-card-grid,.form-grid,
  .content-fields-grid,.employee-detail-grid-modern,.company-card-grid,.import-company-grid{
    min-width:0;
  }
  .panel{overflow:hidden}
  .panel .table-wrap,.panel .report-table{overflow-x:auto}
}

@media (max-width: 760px){
  body{min-height:100dvh}
  .topbar{
    width:100%;
    min-height:64px;
    height:auto;
    display:flex;
    align-items:center;
    gap:8px;
    padding-top:8px;
    padding-bottom:8px;
    overflow:visible;
  }
  .topbar-title{min-width:0;flex:1 1 auto;gap:7px}
  .topbar-title>div{min-width:0}
  .topbar-title strong{
    font-size:14px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:38vw;
  }
  .topbar-title small{display:none!important}
  .menu-btn{
    display:inline-grid!important;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
  }
  .top-actions{
    min-width:0;
    flex:0 1 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px!important;
  }
  .header-clock{display:none!important}
  .notification-bell,.theme-toggle,.language-dropdown-toggle,.user-chip{
    min-height:40px;
    max-height:44px;
    flex:0 0 auto;
  }
  .notification-bell{min-width:40px}
  .theme-toggle{padding:6px 7px!important}
  .theme-toggle i{width:30px!important}
  .language-dropdown{position:relative;min-width:0}
  .language-dropdown-toggle{
    min-width:0;
    padding:7px 8px!important;
    gap:4px!important;
    white-space:nowrap;
  }
  .language-dropdown-toggle span{display:none!important}
  .language-dropdown-toggle b{
    max-width:76px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .language-dropdown-toggle i{display:none!important}
  .language-dropdown-menu{
    position:fixed!important;
    top:64px!important;
    inset-inline-end:10px!important;
    inset-inline-start:auto!important;
    width:min(300px,calc(100vw - 20px))!important;
    max-height:65dvh;
    overflow:auto;
    z-index:1200!important;
  }
  .user-dropdown{min-width:0}
  .user-chip{padding:0!important;border:0!important;background:transparent!important}
  .user-chip>span{width:40px!important;height:40px!important;flex:0 0 40px}
  .user-chip>div,.user-chip>i{display:none!important}
  .user-dropdown-menu{
    position:fixed!important;
    top:64px!important;
    inset-inline-end:10px!important;
    inset-inline-start:auto!important;
    width:min(300px,calc(100vw - 20px))!important;
    z-index:1200!important;
  }
  .content{padding-top:16px!important;padding-bottom:20px!important}
  .page-head,.dashboard-heading,.dashboard-banner{
    width:100%;
    gap:12px;
  }
  .page-head h1,.dashboard-heading h1{font-size:clamp(23px,7vw,30px);line-height:1.2}
  .page-head p,.dashboard-heading p{font-size:13px;line-height:1.7}
  .heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .heading-actions .btn{width:100%;min-height:44px}
  .metric-grid,.report-card-grid,.form-grid,.charts-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .metric-card{min-width:0;width:100%;min-height:96px;padding:15px}
  .metric-card>div{min-width:0}
  .metric-card small{white-space:normal;overflow-wrap:anywhere}
  .panel{width:100%;padding:15px;border-radius:14px}
  .dashboard-banner{padding:16px}
  .dashboard-banner>div{min-width:0;align-items:flex-start}
  .dashboard-banner .btn{width:100%;min-height:44px}
  .form-grid>*,.report-filter-panel>*,.content-fields-grid>*{min-width:0}
  .form-grid input,.form-grid select,.form-grid textarea,
  .report-filter-panel input,.report-filter-panel select{width:100%;min-width:0}
  .report-filter-panel{grid-template-columns:minmax(0,1fr)!important;padding:14px}
  .report-filter-panel .wide{grid-column:auto!important}
  .report-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .report-filter-actions .btn{width:100%;min-height:44px}
  .report-toolbar{padding:12px;gap:10px}
  .report-toolbar>div{width:100%}
  .report-toolbar .btn{flex:1 1 130px;min-height:42px}
  .employee-card-grid-modern{grid-template-columns:minmax(0,1fr)!important;width:100%}
  .employee-profile-card-modern{min-width:0;width:100%}
  .employee-card-top{min-width:0}
  .employee-card-identity{overflow:hidden}
  .employee-card-title h3,.employee-company{overflow-wrap:anywhere}
  .search-select,.search-select-input{min-width:0;width:100%}
  .search-select-list{max-width:calc(100vw - 36px)}
  .sidebar{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media (max-width: 520px){
  .topbar{gap:5px}
  .topbar-title strong{max-width:28vw;font-size:13px}
  .language-dropdown-toggle b{display:none!important}
  .language-dropdown-toggle{width:40px;justify-content:center}
  .theme-toggle{width:40px;justify-content:center}
  .theme-toggle i{width:28px!important}
  .notification-bell{width:40px}
  .content{padding-top:12px!important;padding-left:12px!important;padding-right:12px!important}
  .panel{padding:13px}
  .heading-actions{grid-template-columns:1fr}
  .dashboard-section-title{align-items:flex-start}
  .dashboard-section-title h2{font-size:18px}
  .dashboard-section-title p{font-size:11px;line-height:1.55}
  .metric-card{min-height:88px;padding:13px}
  .metric-icon{width:42px;height:42px;flex:0 0 42px}
  .metric-card strong{font-size:22px}
  .employee-card-top{padding:14px 14px 0;gap:11px}
  .employee-facts-modern{margin:0 14px}
  .employee-action{min-height:44px;padding:10px 5px}
  .btn{min-height:44px}
  .reports-hero{border-radius:17px;margin-bottom:15px}
  .reports-hero h1{font-size:27px}
  .report-modern-grid a{padding:15px;grid-template-columns:46px minmax(0,1fr) auto}
  .report-modern-grid a>span{width:46px;height:46px}
}

@media (max-width: 380px){
  .topbar-title strong{display:none}
  .top-actions{gap:3px!important}
  .menu-btn,.notification-bell,.theme-toggle,.language-dropdown-toggle,.user-chip>span{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .content{padding-left:10px!important;padding-right:10px!important}
  .panel{padding:11px}
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 950px){
  .sidebar{width:min(74vw,320px)!important}
  .language-dropdown-menu,.user-dropdown-menu{max-height:70dvh!important}
}

/* v13.10.24 Smart Document Reader */
.ai-doc-reader{border:1px solid #b9d8ff;background:linear-gradient(135deg,#f7fbff,#eef8ff);border-radius:18px;padding:18px;margin:0 0 20px}.ai-doc-reader-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ai-doc-reader h3{margin:0}.ai-doc-reader .ai-icon{font-size:30px}.ai-doc-reader small{display:block;color:#64748b;margin-top:5px}.ai-doc-reader-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ai-doc-reader input[type=file]{max-width:520px}.ai-doc-preview{margin-top:10px;display:flex;gap:8px;flex-direction:column}.ai-doc-status{font-weight:700;color:#0f766e}.dark .ai-doc-reader{background:linear-gradient(135deg,#0f172a,#10233f);border-color:#27466f}

/* v13.10.28 — employee directory card hierarchy, view modes and nationality intelligence */
.employee-directory-filters{align-items:stretch}.employee-directory-filters .employee-reset-search{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.nationality-insights{margin-top:16px;overflow:hidden}.nationality-insights-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.nationality-insights-head h2{margin:3px 0 4px}.nationality-insights-head .eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#2563eb}.employee-view-switcher{display:flex;gap:7px;padding:5px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}.view-mode-btn{width:38px;height:34px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:18px;cursor:pointer}.view-mode-btn:hover,.view-mode-btn.active{background:#2563eb;color:#fff;box-shadow:0 5px 14px #2563eb33}
.nationality-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:15px}.nationality-stat-card{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:linear-gradient(145deg,#fff,#f8fbff)}.nationality-stat-title,.nationality-stat-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.nationality-stat-title strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nationality-stat-title span{font-weight:900;color:#1d4ed8}.nationality-stat-bar{height:7px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:10px 0 7px}.nationality-stat-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4)}.nationality-stat-meta span{font-weight:900;font-size:12px}.nationality-stat-meta small{color:#64748b;font-size:10px}
.nationality-ratio-tool{margin-top:14px;padding-top:13px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nationality-ratio-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nationality-ratio-controls select{min-width:170px}.nationality-ratio-controls output{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:10px;background:#eff6ff;color:#1e40af;font-weight:900;font-size:12px}
.employee-name-en{font-size:16px!important;line-height:1.25!important;margin:0!important;color:#0f172a;text-align:start}.employee-name-ar{font-size:14px;line-height:1.35;margin:4px 0 0;color:#334155;font-weight:800;text-align:start}.employee-company{margin-top:7px!important;color:#0f766e!important}.employee-facts-priority{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.employee-facts-priority>div{padding:6px 0}.employee-facts-priority small{display:block;color:#64748b;margin-bottom:3px}
.employee-card-grid-modern[data-view="wide"]{grid-template-columns:1fr}.employee-card-grid-modern[data-view="wide"] .employee-profile-card-modern{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);align-items:stretch}.employee-card-grid-modern[data-view="wide"] .employee-card-top{padding:16px}.employee-card-grid-modern[data-view="wide"] .employee-facts-modern{margin:12px 18px;align-self:center;border-top:0;border-bottom:0}.employee-card-grid-modern[data-view="wide"] .employee-action-bar{grid-column:1/-1}
.employee-card-grid-modern[data-view="list"]{grid-template-columns:1fr;gap:8px}.employee-card-grid-modern[data-view="list"] .employee-profile-card-modern{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(420px,1fr) auto;align-items:center;border-radius:14px;gap:0}.employee-card-grid-modern[data-view="list"] .employee-card-top{padding:10px 14px}.employee-card-grid-modern[data-view="list"] .employee-avatar-modern{width:58px;height:58px;flex-basis:58px;border-radius:13px}.employee-card-grid-modern[data-view="list"] .employee-facts-modern{margin:0 12px;border:0}.employee-card-grid-modern[data-view="list"] .employee-action-bar{display:flex;align-self:stretch;background:#f8fafc}.employee-card-grid-modern[data-view="list"] .employee-action{min-width:72px;padding-inline:9px}.employee-card-grid-modern[data-view="list"] .employee-action span{display:none}
html[data-theme="dark"] .nationality-stat-card{background:linear-gradient(145deg,var(--surface),#111827);border-color:var(--line)}html[data-theme="dark"] .employee-view-switcher{background:#111827;border-color:var(--line)}html[data-theme="dark"] .employee-name-en{color:var(--text)}html[data-theme="dark"] .employee-name-ar{color:#cbd5e1}html[data-theme="dark"] .nationality-ratio-controls output{background:#172554;color:#bfdbfe}
@media(max-width:1000px){.employee-card-grid-modern[data-view="wide"] .employee-profile-card-modern,.employee-card-grid-modern[data-view="list"] .employee-profile-card-modern{grid-template-columns:1fr}.employee-card-grid-modern[data-view="list"] .employee-action-bar{grid-column:1/-1}.employee-card-grid-modern[data-view="list"] .employee-action span{display:inline}.employee-card-grid-modern[data-view="list"] .employee-avatar-modern{width:70px;height:70px;flex-basis:70px}.employee-facts-priority{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nationality-stat-grid{grid-template-columns:1fr 1fr}.nationality-ratio-controls select{min-width:0;flex:1 1 130px}.nationality-ratio-controls output{width:100%}.employee-view-switcher{width:100%;justify-content:center}.employee-facts-priority{grid-template-columns:1fr 1fr}.employee-name-en{font-size:14px!important}.employee-name-ar{font-size:13px}}

/* v13.10.29 — company directory intelligence + system owner protection */
.company-directory-view-panel{margin-top:16px}.company-directory-view-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.company-directory-view-head h2{margin:3px 0 4px}.company-directory-view-head .eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#2563eb}.company-view-switcher{display:flex;gap:7px;padding:5px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}.company-view-mode-btn{width:38px;height:34px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:18px;cursor:pointer}.company-view-mode-btn:hover,.company-view-mode-btn.active{background:#2563eb;color:#fff;box-shadow:0 5px 14px #2563eb33}
.company-directory-smart-grid{margin-top:12px}.company-name-en{font-size:17px;line-height:1.25;margin:1px 0 0;color:#0f172a;text-align:start}.company-name-ar{font-size:14px;line-height:1.35;margin:4px 0 0;color:#334155;font-weight:800;text-align:start}.company-employee-total{display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#eef6ff,#f7fbff);border:1px solid #dbeafe}.company-employee-total>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#dbeafe;font-size:20px}.company-employee-total small{display:block;color:#64748b}.company-employee-total strong{display:block;font-size:24px;line-height:1;color:#1d4ed8;margin-top:3px}.company-card-facts-priority{grid-template-columns:repeat(2,minmax(0,1fr))!important}.company-card-facts-priority>div{min-width:0}.company-card-facts-priority b{overflow-wrap:anywhere}
.company-directory-smart-grid[data-view="wide"]{grid-template-columns:1fr}.company-directory-smart-grid[data-view="wide"] .company-directory-card-modern{display:grid;grid-template-columns:minmax(320px,.95fr) 190px minmax(460px,1.25fr);align-items:center}.company-directory-smart-grid[data-view="wide"] .company-card-head{align-self:stretch}.company-directory-smart-grid[data-view="wide"] .company-employee-total{margin:14px 10px}.company-directory-smart-grid[data-view="wide"] .company-card-facts{margin:10px 14px;border-top:0}.company-directory-smart-grid[data-view="wide"] .company-card-actions{grid-column:1/-1}
.company-directory-smart-grid[data-view="list"]{grid-template-columns:1fr;gap:8px}.company-directory-smart-grid[data-view="list"] .company-directory-card-modern{display:grid;grid-template-columns:minmax(320px,1.1fr) 150px minmax(430px,1fr) auto;align-items:center;border-radius:14px}.company-directory-smart-grid[data-view="list"] .company-card-head{padding:10px 14px}.company-directory-smart-grid[data-view="list"] .company-card-logo{width:58px;height:58px}.company-directory-smart-grid[data-view="list"] .company-employee-total{margin:8px}.company-directory-smart-grid[data-view="list"] .company-card-facts{margin:0 10px;border:0}.company-directory-smart-grid[data-view="list"] .company-card-actions{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:120px;background:#f8fafc}.company-directory-smart-grid[data-view="list"] .employee-action{min-height:38px}
.system-owner-row{background:linear-gradient(90deg,#f0fdf4,#ffffff)}.system-owner-row td:first-child{border-inline-start:4px solid #16a34a}.protected-account-note{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:#ecfdf5;color:#166534;font-size:11px;font-weight:800;white-space:nowrap}
html[data-theme="dark"] .company-view-switcher{background:#111827;border-color:var(--line)}html[data-theme="dark"] .company-name-en{color:var(--text)}html[data-theme="dark"] .company-name-ar{color:#cbd5e1}html[data-theme="dark"] .company-employee-total{background:linear-gradient(135deg,#10213a,#111827);border-color:#1e3a5f}html[data-theme="dark"] .company-employee-total>span{background:#172554}html[data-theme="dark"] .company-directory-smart-grid[data-view="list"] .company-card-actions{background:#111827}html[data-theme="dark"] .system-owner-row{background:linear-gradient(90deg,#052e16,#111827)}
@media(max-width:1100px){.company-directory-smart-grid[data-view="wide"] .company-directory-card-modern,.company-directory-smart-grid[data-view="list"] .company-directory-card-modern{grid-template-columns:1fr}.company-directory-smart-grid[data-view="list"] .company-card-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.company-directory-smart-grid[data-view="list"] .company-card-actions>*{flex:1 1 120px}.company-card-facts-priority{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.company-view-switcher{width:100%;justify-content:center}.company-card-facts-priority{grid-template-columns:1fr 1fr!important}.company-name-en{font-size:15px}.company-name-ar{font-size:13px}.company-employee-total strong{font-size:21px}}

/* v13.10.30 — Professional permission matrix */
.permission-page-head{align-items:flex-start;gap:18px}.permission-breadcrumb{font-size:12px;color:#64748b;margin-bottom:8px}.permission-breadcrumb span{margin:0 6px}.permission-matrix-form{margin-bottom:24px}.permission-matrix-panel{padding:0;overflow:hidden}.permission-matrix-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px;border-bottom:1px solid #e5edf7;background:linear-gradient(180deg,#fff,#fbfdff)}.permission-matrix-toolbar h3{margin:0 0 5px;font-size:20px}.permission-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.permission-matrix-wrap{overflow:auto}.permission-matrix-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.permission-matrix-table th,.permission-matrix-table td{border-bottom:1px solid #e5edf7;padding:13px 16px;text-align:center;vertical-align:middle}.permission-matrix-table th{position:sticky;top:0;z-index:2;background:#f8fbff;color:#334155;font-size:13px}.permission-matrix-table .module-col,.permission-module-cell{text-align:start!important;min-width:290px}.permission-module-cell{display:flex;align-items:center;gap:12px}.permission-module-cell strong{display:block;font-size:14px;color:#0f172a}.permission-module-cell small{display:block;color:#94a3b8;margin-top:3px;font-size:11px}.permission-module-icon{width:38px;height:38px;border-radius:11px;background:#eff6ff;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.permission-switch{position:relative;display:inline-flex;width:40px;height:23px;vertical-align:middle}.permission-switch input{position:absolute;opacity:0;pointer-events:none}.permission-switch span{position:absolute;inset:0;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5e1;transition:.18s;cursor:pointer}.permission-switch span:after{content:"";position:absolute;width:17px;height:17px;top:2px;inset-inline-start:2px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0f172a38;transition:.18s}.permission-switch input:checked+span{background:#2563eb;border-color:#2563eb}.permission-switch input:checked+span:after{transform:translateX(17px)}[dir=rtl] .permission-switch input:checked+span:after{transform:translateX(-17px)}.permission-switch.is-disabled{opacity:.6}.permission-switch.is-disabled span{cursor:not-allowed}.permission-na{color:#cbd5e1;font-weight:700}.permission-special-row td{padding:8px 16px 13px;background:#fbfdff}.permission-specials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:start}.permission-special-title{font-size:12px;font-weight:800;color:#64748b}.permission-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dbe6f3;border-radius:999px;background:#fff;color:#475569;font-size:12px;cursor:pointer}.permission-chip input{position:absolute;opacity:0}.permission-chip span{width:18px;height:18px;border-radius:6px;background:#e2e8f0;display:grid;place-items:center;color:transparent;font-size:11px}.permission-chip:has(input:checked){border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.permission-chip input:checked+span{background:#2563eb;color:#fff}.permission-chip.is-disabled{opacity:.55;cursor:not-allowed}.permission-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 22px;background:#fff;border-top:1px solid #e5edf7}.permission-legend>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid #e5edf7;border-radius:14px}.permission-legend strong{font-size:13px}.permission-legend small{font-size:11px;color:#64748b}.legend-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px}.legend-icon.view{background:#eff6ff;color:#2563eb}.legend-icon.add{background:#ecfeff;color:#0891b2}.legend-icon.edit{background:#ecfdf5;color:#059669}.legend-icon.delete{background:#fef2f2;color:#dc2626}.permission-security-note{margin:0 22px 18px;padding:12px 15px;border:1px solid #fde68a;background:#fffbeb;border-radius:12px;color:#92400e;font-size:12px}.permission-security-note.owner-lock{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.permission-savebar{display:flex;justify-content:flex-end;padding:0 22px 22px}.role-selector-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.role-selector{min-width:280px}.role-selector label{font-weight:700;margin-bottom:5px;display:block}.role-advanced{flex:1;max-width:800px}.role-advanced summary{cursor:pointer;color:#2563eb;font-weight:800;padding:10px}.role-advanced .dashboard-grid{margin-top:12px}.role-advanced form{display:grid;gap:8px}
@media(max-width:900px){.permission-matrix-toolbar,.role-selector-panel{flex-direction:column}.permission-legend{grid-template-columns:1fr 1fr}.permission-bulk-actions{width:100%}.permission-bulk-actions .btn{flex:1}.permission-page-head{flex-direction:column}.role-selector,.role-advanced{width:100%;max-width:none}}
@media(max-width:560px){.permission-legend{grid-template-columns:1fr}.permission-matrix-toolbar{padding:16px}.permission-matrix-table th,.permission-matrix-table td{padding:11px 10px}.permission-module-cell{min-width:220px}.permission-security-note{margin-inline:14px}.permission-savebar{padding-inline:14px}}


/* v13.10.31 — Workforce provider / recruitment companies */
.company-type-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.company-type-card{position:relative;display:grid;grid-template-columns:46px 1fr;gap:3px 12px;padding:16px;border:1px solid #dbe5f3;border-radius:18px;background:#fff;cursor:pointer;transition:.2s}.company-type-card:hover{transform:translateY(-2px);border-color:#8db4ff;box-shadow:0 12px 30px #194b9b14}.company-type-card input{position:absolute;inset-inline-end:14px;top:14px;width:auto}.company-type-icon{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef5ff;font-size:22px}.company-type-card strong{padding-inline-end:24px}.company-type-card small{color:#64748b;line-height:1.55}.company-type-card:has(input:checked){border-color:#2f6fe8;background:#f7faff;box-shadow:0 0 0 3px #2f6fe815}.company-type-card.workforce:has(input:checked){border-color:#7c3aed;background:#faf8ff;box-shadow:0 0 0 3px #7c3aed14}.workforce-portal-hero,.workforce-form-hero,.workforce-profile-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px 28px;margin-bottom:18px;border:1px solid #dce7f5;border-radius:24px;background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:0 14px 38px #14213d0c}.workforce-portal-hero.provider,.workforce-form-hero{background:radial-gradient(circle at 15% 0,#ede9fe,transparent 34%),linear-gradient(135deg,#fff,#f8f7ff);border-color:#e6ddff}.workforce-portal-hero h1,.workforce-form-hero h1,.workforce-profile-hero h1{margin:4px 0 6px}.provider-primary{background:linear-gradient(135deg,#6d28d9,#7c3aed)!important;border-color:#6d28d9!important}.workforce-metrics{margin-bottom:18px}.workforce-filter-panel{display:grid;grid-template-columns:minmax(240px,2fr) repeat(2,minmax(160px,1fr)) auto auto;gap:10px;align-items:center}.workforce-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.workforce-employee-card{background:#fff;border:1px solid #e3eaf4;border-radius:22px;padding:18px;box-shadow:0 12px 32px #14213d0b;transition:.2s}.workforce-employee-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #14213d12}.workforce-employee-card.readonly{background:linear-gradient(180deg,#fff,#fbfbfd)}.workforce-card-top{display:flex;align-items:center;gap:13px}.workforce-card-top img{width:62px;height:62px;border-radius:18px;object-fit:cover;background:#eef2f7}.workforce-card-top h3{margin:3px 0 5px;font-size:17px}.workforce-card-company{margin:15px 0;padding:12px 14px;border-radius:15px;background:#f7f9fc;display:flex;flex-direction:column;gap:4px}.workforce-card-company small,.workforce-card-facts small{color:#64748b}.source-company-badge,.provider-company-badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#f1eafe;color:#5b21b6;font-size:11px;font-weight:800;margin-top:5px}.employee-source-badge{margin-top:7px}.provider-company-badge{background:#ede9fe;color:#6d28d9}.workforce-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.workforce-card-facts>div{padding:9px 10px;border:1px solid #edf1f6;border-radius:12px;display:flex;flex-direction:column;gap:3px}.workforce-card-actions{display:flex;gap:8px;margin-top:14px}.readonly-pill{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;background:#f1f5f9;color:#475569;border-radius:14px;font-weight:800}.workforce-profile-hero>div{display:flex;align-items:center;gap:15px}.workforce-profile-hero img{width:76px;height:76px;object-fit:cover;border-radius:22px;background:#eef2f7}.readonly-info{border-color:#e2e8f0;background:#f8fafc}.workforce-edit-form{max-width:1050px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:#64748b}@media(max-width:900px){.company-type-selector{grid-template-columns:1fr}.workforce-filter-panel{grid-template-columns:1fr 1fr}.workforce-filter-panel input{grid-column:1/-1}.workforce-portal-hero,.workforce-form-hero,.workforce-profile-hero{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.workforce-filter-panel,.workforce-card-facts{grid-template-columns:1fr}.workforce-card-grid{grid-template-columns:1fr}.workforce-portal-hero,.workforce-form-hero,.workforce-profile-hero{padding:18px}.workforce-profile-hero>div{align-items:flex-start}.workforce-profile-hero img{width:64px;height:64px}}
/* v13.10.41 company-private portal, import and reporting */
.portal-hero-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.portal-import-panel{max-width:1050px}.portal-import-results{margin-top:16px}.company-report-letterhead{display:grid;grid-template-columns:auto 1fr minmax(280px,1fr);gap:18px;align-items:center;padding-bottom:18px;border-bottom:2px solid #e5edf7}.company-report-letterhead img{width:82px;height:82px;border-radius:20px;object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb}.company-report-letterhead h1{margin:0 0 4px}.company-report-letterhead p{margin:0;color:#64748b}.company-report-meta{display:grid;grid-template-columns:1fr;gap:4px;font-size:12px}.company-report-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.company-report-footer{display:flex;justify-content:space-between;gap:14px;padding-top:16px;margin-top:15px;border-top:1px solid #e5e7eb}.company-print-sheet table small{display:block;color:#64748b}.company-print-sheet table td,.company-print-sheet table th{font-size:12px}@media print{.sidebar,.topbar,.page-head,.workforce-filter-panel,.app-footer{display:none!important}.app-shell,.content{display:block!important;margin:0!important;padding:0!important}.panel{box-shadow:none!important;border:0!important}.company-print-sheet{padding:0!important}.company-print-sheet table{font-size:10px}.company-report-letterhead{grid-template-columns:auto 1fr 1fr}}@media(max-width:800px){.portal-hero-actions{justify-content:flex-start}.company-report-letterhead{grid-template-columns:1fr}.company-report-letterhead img{width:68px;height:68px}.company-report-title,.company-report-footer{align-items:flex-start;flex-direction:column}}

/* v13.10.42 workforce onboarding file & document handoff */
.provider-onboarding-docs{margin:22px 0;padding:20px;border:1px solid #dbe5f3;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.provider-onboarding-docs .section-head,.provider-upload-panel .section-head,.provider-documents-panel .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.provider-onboarding-docs h3,.provider-upload-panel h3,.provider-documents-panel h3{margin:0 0 4px}
.provider-onboarding-docs p,.provider-upload-panel p{margin:0;color:#64748b}
.provider-doc-row{position:relative;display:grid;grid-template-columns:1.1fr 1.25fr 1.35fr .9fr .9fr 1.1fr;gap:10px;align-items:end;padding:14px 42px 14px 14px;margin:10px 0;border:1px solid #e4eaf3;border-radius:14px;background:#fff}
.provider-doc-row .provider-doc-notes{grid-column:1/-1}.provider-doc-remove{position:absolute;inset-inline-end:10px;top:10px;border:0;background:#fee2e2;color:#b91c1c;width:28px;height:28px;border-radius:9px;font-size:18px;cursor:pointer}
.readiness-card{min-width:155px;padding:18px;border-radius:18px;text-align:center;background:#fff;border:1px solid #dbe5f3;box-shadow:0 8px 26px #0f172a0b}.readiness-card strong{display:block;font-size:28px;color:#2563eb}.readiness-card span{font-size:12px;color:#64748b}.readiness-card.ready{border-color:#bbf7d0;background:#f0fdf4}.readiness-card.ready strong{color:#15803d}.readiness-card.assigned{border-color:#bfdbfe;background:#eff6ff}
.provider-document-list{display:grid;gap:10px}.provider-document-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e5eaf2;border-radius:14px;background:#fff}.provider-document-item>div:first-child{display:grid;gap:4px}.provider-document-item small{color:#64748b}.provider-document-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.workforce-profile-hero{align-items:center}.workforce-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
@media(max-width:1100px){.provider-doc-row{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-doc-row .provider-doc-notes{grid-column:1/-1}}
@media(max-width:700px){.provider-doc-row{grid-template-columns:1fr}.provider-doc-row .provider-doc-notes{grid-column:auto}.provider-document-item{align-items:flex-start;flex-direction:column}.provider-document-actions{width:100%}.provider-onboarding-docs .section-head,.provider-upload-panel .section-head,.provider-documents-panel .section-head{flex-direction:column}.readiness-card{width:100%}}

/* v13.10.43 secure employee assignment requests */
.assignment-hero{margin-bottom:18px}.assignment-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.assignment-lookup-form,.assignment-import-form{display:flex;gap:10px;align-items:center}.assignment-lookup-form input,.assignment-import-form input{flex:1}.assignment-cart-list,.assignment-request-list,.assignment-items{display:grid;gap:10px}.assignment-person,.assignment-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e3eaf4;border-radius:14px;background:#fff}.assignment-person>div:nth-child(2),.assignment-item>div:first-child{flex:1}.assignment-person small,.assignment-item small{display:block;color:#64748b;margin-top:3px}.assignment-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f0ff;color:#1f5dd9;font-weight:800}.assignment-submit{margin-top:16px;display:grid;gap:8px}.assignment-request-card{border:1px solid #dfe7f1;border-radius:18px;padding:16px;background:#fbfdff}.assignment-request-card header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #e7edf5;padding-bottom:12px;margin-bottom:12px}.assignment-request-card header h3{margin:4px 0}.assignment-note{padding:10px 12px;background:#f3f7ff;border-radius:12px}.assignment-review-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.assignment-review-actions input{min-width:180px}.assignment-approve-all{margin-top:12px;text-align:end}.badge.warning{background:#fff4d9;color:#8a5a00}.badge.danger{background:#ffe3e3;color:#b42318}@media(max-width:900px){.assignment-create-grid{grid-template-columns:1fr}.assignment-person,.assignment-item{align-items:flex-start;flex-wrap:wrap}.assignment-review-actions{width:100%}.assignment-review-actions input{width:100%}.assignment-lookup-form,.assignment-import-form{flex-direction:column;align-items:stretch}}
/* v13.10.44 Multi-company workspace */
.workspace-switcher{display:inline-flex;align-items:center;min-width:180px}
.workspace-switcher select{height:38px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--card,#fff);color:inherit;padding:0 12px;max-width:240px;font-weight:600}
.workspace-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:stretch}.workspace-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.workspace-company-card{border:1px solid var(--border,#e2e8f0);border-radius:18px;padding:18px;background:var(--card,#fff)}
.workspace-scope-note{padding:10px 14px;border-radius:12px;background:#eef6ff;border:1px solid #cfe4ff;color:#24548a;margin-bottom:14px}
@media(max-width:850px){.workspace-hero{grid-template-columns:1fr}.workspace-switcher{min-width:130px}.workspace-switcher select{max-width:160px}}

/* v13.10.46 announcements + calendar */
.system-modal{position:fixed;inset:0;background:#0f172a99;z-index:9998;display:none;align-items:center;justify-content:center;padding:20px}.system-modal.open{display:flex}.system-modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:var(--card,#fff);border-radius:22px;box-shadow:0 28px 80px #0005;border:1px solid var(--border,#e2e8f0)}.announcement-image{width:100%;max-height:320px;object-fit:cover}.announcement-content{padding:26px}.announcement-content h2{font-size:1.7rem;margin:8px 0 14px}.announcement-level{display:inline-flex;padding:6px 11px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.82rem;font-weight:700}.importance-urgent{border:2px solid #ef4444}.importance-urgent .announcement-level{background:#fee2e2;color:#991b1b}.rich-content{line-height:1.8;overflow-wrap:anywhere}.rich-content img{max-width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.announcement-bell span{background:#7c3aed}.calendar-bell{font-size:18px}.calendar-reminder-toast{position:fixed;z-index:9997;bottom:22px;inset-inline-end:22px;width:min(380px,calc(100vw - 36px));display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--card,#fff);border:1px solid #f59e0b66;border-inline-start:5px solid #f59e0b;padding:16px 18px;border-radius:16px;box-shadow:0 18px 50px #0003}.calendar-reminder-toast div{display:grid;gap:4px}.calendar-reminder-toast small{color:var(--muted,#64748b)}
.calendar-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border,#e2e8f0);border-radius:18px;overflow:hidden;background:var(--card,#fff)}.calendar-weekday{padding:10px;text-align:center;font-weight:700;background:var(--soft,#f8fafc)}.calendar-day{min-height:125px;padding:8px;border-top:1px solid var(--border,#e2e8f0);border-inline-start:1px solid var(--border,#e2e8f0);position:relative}.calendar-day.muted{opacity:.45}.calendar-day-number{font-weight:700}.calendar-event-chip{display:block;margin-top:6px;padding:6px 8px;border-radius:9px;background:#e0e7ff;color:#312e81;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.calendar-event-chip.meeting{background:#dcfce7;color:#166534}.calendar-event-chip.task{background:#fef3c7;color:#92400e}.calendar-event-chip.alert{background:#fee2e2;color:#991b1b}.calendar-sidebar{display:grid;grid-template-columns:2fr 1fr;gap:18px}.calendar-upcoming article{padding:12px;border-bottom:1px solid var(--border,#e2e8f0)}.announcement-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.announcement-stat{padding:14px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--card,#fff)}.announcement-stat b{display:block;font-size:1.35rem}.recipient-table{width:100%}.rich-editor{min-height:220px;border:1px solid var(--border,#cbd5e1);border-radius:12px;padding:14px;background:var(--card,#fff);outline:none}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.editor-toolbar button{border:1px solid var(--border,#cbd5e1);background:var(--card,#fff);border-radius:8px;padding:7px 10px;cursor:pointer}@media(max-width:900px){.calendar-sidebar{grid-template-columns:1fr}.calendar-day{min-height:90px}.announcement-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.calendar-grid{font-size:.8rem}.calendar-day{min-height:70px;padding:4px}.calendar-event-chip{padding:4px;font-size:.7rem}.announcement-content{padding:18px}}


/* v13.10.48 Advanced Editor + Media Library + Smart Select */
.erp-rich-editor{border:1px solid var(--border,#d7deea);border-radius:14px;background:var(--card,#fff);overflow:hidden}.erp-editor-tabs{display:flex;justify-content:flex-end;gap:0;border-bottom:1px solid var(--border,#d7deea);background:var(--soft,#f8fafc)}.erp-editor-tabs button{padding:9px 15px;border:0;border-inline-start:1px solid var(--border,#d7deea);background:transparent;cursor:pointer}.erp-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border,#d7deea);background:var(--soft,#f8fafc)}.erp-editor-toolbar button,.erp-editor-toolbar select{height:34px;border:1px solid var(--border,#d7deea);background:var(--card,#fff);border-radius:7px;padding:0 9px;cursor:pointer}.erp-editor-toolbar button:hover,.erp-editor-toolbar button.active{background:#eaf2ff;border-color:#2563eb}.erp-editor-toolbar .editor-sep{width:1px;height:24px;background:var(--border,#d7deea);margin:0 3px}.editor-color-wrap{width:32px;height:32px;border:1px solid var(--border,#d7deea);border-radius:7px;overflow:hidden;position:relative}.editor-color-wrap input{position:absolute;inset:-8px;width:48px;height:48px;border:0;padding:0}.erp-editor-surface{min-height:560px;height:560px;max-height:78vh;padding:24px;outline:none;line-height:1.8;background:#fff;color:#111827;overflow:auto;resize:vertical;font-size:15px}.erp-editor-surface:focus{box-shadow:inset 0 0 0 2px #2563eb22}.erp-editor-code{display:block;width:100%;min-height:560px;height:560px;max-height:78vh;border:0;padding:18px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;background:#0f172a;color:#e2e8f0;resize:vertical}.erp-editor-surface table,.rich-content table{border-collapse:collapse;width:100%;margin:12px 0}.erp-editor-surface th,.erp-editor-surface td,.rich-content th,.rich-content td{border:1px solid #cbd5e1;padding:8px}.erp-editor-status{display:flex;justify-content:space-between;gap:10px;padding:7px 11px;border-top:1px solid var(--border,#d7deea);font-size:.78rem;color:var(--muted,#64748b);background:var(--soft,#f8fafc)}.editor-fullscreen{position:fixed!important;inset:12px;z-index:10020;background:#fff;box-shadow:0 25px 80px #0007;border-radius:14px}.editor-fullscreen .erp-editor-surface,.editor-fullscreen .erp-editor-code{height:calc(100vh - 145px)!important;min-height:calc(100vh - 145px)!important;max-height:none!important;resize:none}.editor-fullscreen .erp-editor-toolbar{position:sticky;top:0;z-index:5}.erp-editor-surface:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.media-library-modal{width:min(960px,96vw);padding:18px}.media-library-head,.editor-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-upload-row{display:grid;grid-template-columns:2fr 2fr auto;gap:8px;margin:12px 0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:60vh;overflow:auto}.media-item{border:1px solid var(--border,#d7deea);border-radius:12px;background:#fff;padding:7px;cursor:pointer;text-align:start}.media-item img{width:100%;height:110px;object-fit:cover;border-radius:8px;background:#f1f5f9}.media-item span{display:block;margin-top:6px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select{position:relative}.smart-select-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.smart-select-input,.smart-select-filter{width:100%;min-height:42px;border:1px solid var(--border,#d7deea);border-radius:10px;padding:8px 11px;background:var(--card,#fff);color:inherit}.smart-select-menu{display:none;position:absolute;z-index:10050;inset-inline:0;top:calc(100% + 4px);max-height:310px;overflow:auto;background:var(--card,#fff);border:1px solid var(--border,#d7deea);border-radius:12px;box-shadow:0 16px 40px #0002;padding:5px}.smart-select-menu.open{display:block}.smart-select-menu button{display:flex;width:100%;flex-direction:column;align-items:flex-start;border:0;background:transparent;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:start;color:inherit}.smart-select-menu button:hover{background:var(--soft,#f1f5f9)}.smart-select-menu small{color:var(--muted,#64748b);font-weight:400}.smart-select-empty{padding:12px;color:var(--muted,#64748b)}.workspace-switcher .smart-select{min-width:220px}.workspace-switcher .smart-select-input{min-height:36px;padding:6px 9px}.announcement-template-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:end}.announcement-template-row select{width:100%}@media(max-width:700px){.erp-editor-toolbar select{max-width:130px}.media-upload-row{grid-template-columns:1fr}.erp-editor-surface{min-height:380px;height:48vh;max-height:70vh;padding:16px}.erp-editor-code{min-height:380px;height:48vh;max-height:70vh}.announcement-template-row{grid-template-columns:1fr}}

/* v13.10.50 — professional Word-like editor toolbar */
.erp-rich-editor-pro{border:1px solid #d7dfeb!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(15,23,42,.06);background:#fff!important;overflow:hidden}
.erp-editor-topbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 14px 0 18px;border-bottom:1px solid #dfe6ef;background:linear-gradient(180deg,#fff,#fbfcfe)}
.erp-editor-brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#334155;font-size:14px}.editor-doc-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#2563eb;font-size:18px}
.erp-editor-tabs{align-self:stretch;display:flex!important;border:0!important;background:transparent!important}.erp-editor-tabs button{min-width:78px;padding:0 18px!important;border:0!important;border-inline-start:1px solid #e2e8f0!important;background:transparent!important;color:#64748b;font-weight:700;cursor:pointer;position:relative}.erp-editor-tabs button.active{color:#0f172a;background:#fff!important}.erp-editor-tabs button.active:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:#2563eb;border-radius:3px 3px 0 0}
.erp-editor-toolbar-pro{display:flex!important;align-items:center!important;gap:0!important;padding:10px 12px!important;background:#fbfcfe!important;border-bottom:1px solid #dfe6ef!important;overflow:visible!important}
.editor-tool-group{display:flex;align-items:center;gap:4px;padding:0 9px;border-inline-end:1px solid #e1e7ef;min-height:44px}.editor-tool-group:first-child{padding-inline-start:0}.editor-tool-group:last-child{border-inline-end:0}.editor-select-group{gap:8px;flex:1 1 360px}
.erp-editor-toolbar-pro .editor-tool{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-grid!important;place-items:center;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#1f2937!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s,transform .1s}.erp-editor-toolbar-pro .editor-tool:hover{background:#eef4ff!important;border-color:#cfe0ff!important;color:#1d4ed8!important}.erp-editor-toolbar-pro .editor-tool:active{transform:translateY(1px)}.erp-editor-toolbar-pro .editor-tool.active{background:#e8f0ff!important;border-color:#a9c6ff!important;color:#1d4ed8!important}
.editor-tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:20px;font-weight:700;letter-spacing:-1px}.editor-tool-icon b,.editor-tool-icon i,.editor-tool-icon u,.editor-tool-icon s{font-size:20px}
.erp-editor-toolbar-pro select{height:40px!important;min-width:116px;border:1px solid #d6deea!important;border-radius:9px!important;background:#fff!important;color:#334155!important;padding:0 34px 0 11px!important;font-size:13px!important;font-weight:600!important;box-shadow:0 1px 2px rgba(15,23,42,.03)}.erp-editor-toolbar-pro select[data-editor-select="block"]{min-width:130px}.erp-editor-toolbar-pro select[data-editor-select="font"]{min-width:145px}.erp-editor-toolbar-pro select[data-editor-select="size"]{min-width:94px}
.editor-color-tool{width:40px;height:40px;display:grid;place-items:center;position:relative;border:1px solid transparent;border-radius:9px;cursor:pointer}.editor-color-tool:hover{background:#eef4ff;border-color:#cfe0ff}.editor-color-tool input{position:absolute;opacity:0;width:1px;height:1px}.editor-color-letter{font-size:19px;font-weight:800}.editor-color-line{position:absolute;width:20px;height:3px;background:#111827;border-radius:3px;bottom:8px}.editor-marker{font-size:20px;transform:rotate(-14deg)}
.editor-toolbar-break{flex-basis:100%;height:1px;background:#e8edf4;margin:9px -12px 8px}
.erp-rich-editor-pro .erp-editor-surface{border:0!important;padding:28px 32px!important;font-size:16px!important;line-height:1.85!important;background:#fff!important}.erp-rich-editor-pro .erp-editor-code{border:0!important}
.erp-rich-editor-pro .erp-editor-status{min-height:38px;padding:8px 16px!important;background:#fbfcfe!important;border-top:1px solid #e2e8f0!important;font-size:12px!important}.editor-count-status{color:#64748b}.editor-autosave-status{display:inline-flex;align-items:center;gap:6px}.editor-autosave-status:before{content:"✓";width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#ecfdf5;color:#059669;font-weight:900}
html[data-theme="dark"] .erp-rich-editor-pro{background:#111827!important;border-color:#334155!important}html[data-theme="dark"] .erp-editor-topbar,html[data-theme="dark"] .erp-editor-toolbar-pro,html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-status{background:#111827!important;border-color:#334155!important}html[data-theme="dark"] .erp-editor-brand,html[data-theme="dark"] .erp-editor-toolbar-pro .editor-tool{color:#e5e7eb!important}html[data-theme="dark"] .editor-tool-group{border-color:#334155}html[data-theme="dark"] .erp-editor-toolbar-pro select{background:#0f172a!important;color:#e5e7eb!important;border-color:#334155!important}
@media(max-width:1000px){.editor-tool-group{padding:0 5px}.erp-editor-toolbar-pro .editor-tool{width:38px!important;height:38px!important;min-width:38px!important}.editor-select-group{flex-basis:100%}.erp-editor-toolbar-pro select{flex:1;min-width:100px!important}}
@media(max-width:640px){.erp-editor-topbar{padding-inline:10px}.erp-editor-brand span:last-child{display:none}.erp-editor-tabs button{min-width:64px;padding:0 10px!important}.erp-editor-toolbar-pro{padding:8px!important}.editor-tool-group{border:0;padding:2px;flex-wrap:wrap}.editor-toolbar-break{margin:6px -8px}.erp-rich-editor-pro .erp-editor-surface{padding:18px!important}.table-tools{display:none}}

/* v13.10.51 — editor toolbar layout hotfix: isolated, stable, cache-safe */
.erp-rich-editor.erp-rich-editor-pro{width:100%!important;max-width:100%!important;box-sizing:border-box!important;contain:layout style;}
.erp-rich-editor-pro *{box-sizing:border-box;}
.erp-rich-editor-pro .erp-editor-toolbar-pro{display:block!important;width:100%!important;padding:0!important;overflow:visible!important;background:#fbfcfe!important;border-bottom:1px solid #dfe6ef!important;}
.erp-rich-editor-pro .editor-toolbar-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;min-height:58px;padding:8px 12px!important;border-bottom:1px solid #e8edf4;background:#fbfcfe;}
.erp-rich-editor-pro .editor-toolbar-row:last-child{border-bottom:0;}
.erp-rich-editor-pro .editor-tool-group{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:5px!important;min-height:42px!important;padding:0 9px!important;border-inline-end:1px solid #e1e7ef!important;width:auto!important;max-width:none!important;}
.erp-rich-editor-pro .editor-tool-group:last-child{border-inline-end:0!important;}
.erp-rich-editor-pro .editor-select-group{display:flex!important;flex:0 1 auto!important;gap:8px!important;min-width:0!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro select{display:inline-block!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:40px!important;margin:0!important;padding:0 36px 0 12px!important;border:1px solid #d6deea!important;border-radius:10px!important;background-color:#fff!important;color:#334155!important;font-size:13px!important;font-weight:700!important;line-height:38px!important;appearance:auto!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro select[data-editor-select="block"]{width:150px!important;min-width:150px!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro select[data-editor-select="font"]{width:165px!important;min-width:165px!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro select[data-editor-select="size"]{width:105px!important;min-width:105px!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro button.editor-tool{display:inline-grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#1f2937!important;font:700 17px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;box-shadow:none!important;}
.erp-rich-editor-pro .erp-editor-toolbar-pro button.editor-tool:hover{background:#eef4ff!important;border-color:#cfe0ff!important;color:#1d4ed8!important;}
.erp-rich-editor-pro .editor-tool-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-width:0!important;font-size:17px!important;line-height:1!important;}
.erp-rich-editor-pro .editor-color-tool{display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important;}
.erp-rich-editor-pro .erp-editor-surface{display:block!important;width:100%!important;min-height:560px!important;border:0!important;}
.erp-rich-editor-pro .erp-editor-status{width:100%!important;}
html[dir="rtl"] .erp-rich-editor-pro .erp-editor-toolbar-pro select{padding:0 12px 0 36px!important;}
html[data-theme="dark"] .erp-rich-editor-pro .editor-toolbar-row{background:#111827!important;border-color:#334155!important;}
@media(max-width:1100px){
 .erp-rich-editor-pro .editor-select-group{flex:1 1 100%!important;}
 .erp-rich-editor-pro .erp-editor-toolbar-pro select[data-editor-select]{flex:1 1 120px!important;width:auto!important;min-width:100px!important;}
 .erp-rich-editor-pro .editor-toolbar-row{gap:5px!important;padding:7px 8px!important;}
 .erp-rich-editor-pro .editor-tool-group{padding:0 5px!important;}
}
@media(max-width:640px){
 .erp-rich-editor-pro .editor-toolbar-row{align-items:flex-start!important;}
 .erp-rich-editor-pro .editor-tool-group{flex-wrap:wrap!important;border-inline-end:0!important;}
 .erp-rich-editor-pro .table-tools{display:none!important;}
 .erp-rich-editor-pro .erp-editor-toolbar-pro button.editor-tool{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;}
}

/* v13.10.52 — editor canvas visibility/background hotfix */
.erp-rich-editor-pro .erp-editor-code[hidden],
.erp-rich-editor-pro .erp-editor-surface[hidden]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
.erp-rich-editor-pro .erp-editor-surface:not([hidden]){display:block!important;background:#ffffff!important;color:#111827!important;caret-color:#111827!important;}
.erp-rich-editor-pro .erp-editor-code:not([hidden]){display:block!important;background:#0f172a!important;color:#e2e8f0!important;caret-color:#e2e8f0!important;}
html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-surface:not([hidden]){background:#111827!important;color:#f8fafc!important;caret-color:#f8fafc!important;}
html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-surface:not([hidden]) a{color:#93c5fd!important;}
html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-surface:not([hidden]) table,
html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-surface:not([hidden]) th,
html[data-theme="dark"] .erp-rich-editor-pro .erp-editor-surface:not([hidden]) td{border-color:#475569!important;}
.erp-rich-editor-pro{isolation:isolate!important;}

/* v13.10.53 Company subscriptions */
.subscription-admin-grid{align-items:start}.plan-list{display:grid;gap:14px}.subscription-plan-card{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--border,#dbe4f0);border-radius:16px;background:var(--card,#fff)}.subscription-plan-card.muted{opacity:.58}.subscription-plan-card h3{margin:8px 0 4px}.subscription-plan-card p{margin:0 0 8px;color:var(--muted,#64748b)}.row-actions,.subscription-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions form,.subscription-actions form{margin:0}.subscription-form{grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-form .span-2{grid-column:span 2}.table-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.table-head input{max-width:340px}.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0}.status-pill.status-active{background:#dcfce7;color:#166534}.status-pill.status-expired,.status-pill.status-cancelled{background:#fee2e2;color:#991b1b}.status-pill.status-suspended{background:#fef3c7;color:#92400e}.subscription-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#0f3f8f,#2563eb);color:#fff;margin-bottom:18px;box-shadow:0 18px 45px rgba(37,99,235,.18)}.subscription-overview.expired,.subscription-overview.cancelled{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.subscription-overview.suspended{background:linear-gradient(135deg,#78350f,#d97706)}.subscription-overview h2{margin:10px 0 6px;font-size:28px}.subscription-overview p{margin:0;opacity:.9}.subscription-days{text-align:center;min-width:140px;padding:16px 22px;border-radius:20px;background:rgba(255,255,255,.14)}.subscription-days strong{display:block;font-size:44px;line-height:1}.subscription-days span{font-size:13px}.subscription-login-card{max-width:560px;text-align:center;position:relative;padding:34px}.subscription-popup-close{position:absolute;top:12px;inset-inline-end:14px;border:0;background:transparent;font-size:28px;cursor:pointer;color:inherit}.subscription-popup-icon{width:74px;height:74px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;font-size:36px;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.subscription-popup-kicker{display:inline-block;color:#2563eb;font-weight:800;margin-bottom:7px}.subscription-login-card h2{font-size:30px;margin:5px 0 8px}.subscription-login-card>p{color:var(--muted,#64748b);line-height:1.8}.subscription-popup-days{margin:22px auto 16px;padding:18px;border-radius:20px;max-width:220px;background:#eff6ff;color:#1d4ed8}.subscription-popup-days strong{display:block;font-size:52px;line-height:1}.subscription-popup-days span{font-weight:700}.subscription-popup-dates{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:12px 0 20px}.subscription-login-card.status-expired .subscription-popup-days,.subscription-login-card.status-cancelled .subscription-popup-days{background:#fee2e2;color:#b91c1c}.subscription-login-card.status-suspended .subscription-popup-days{background:#fef3c7;color:#92400e}
@media(max-width:900px){.subscription-form{grid-template-columns:1fr 1fr}.subscription-admin-grid{grid-template-columns:1fr}.subscription-plan-card{flex-direction:column}.table-head{align-items:stretch;flex-direction:column}.table-head input{max-width:none}}
@media(max-width:560px){.subscription-form{grid-template-columns:1fr}.subscription-form .span-2{grid-column:auto}.subscription-overview{flex-direction:column;align-items:stretch}.subscription-days{width:100%}.subscription-login-card{padding:28px 18px}.subscription-popup-dates{gap:10px;flex-direction:column}}
.subscription-settings-inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.subscription-settings-inline label{margin:0}.checkbox-line{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border,#dbe4f0);border-radius:12px}.checkbox-line input{width:auto!important}.subscription-settings-card{margin-bottom:16px}
@media(max-width:760px){.subscription-settings-inline{align-items:stretch;flex-direction:column}.subscription-settings-inline .btn{width:100%}}
/* v13.10.56 subscription commerce */
.subscription-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border,#e2e8f0);padding-bottom:10px}.subscription-tabs button{border:1px solid var(--border,#dbe3ef);background:var(--card,#fff);padding:10px 16px;border-radius:10px;font-weight:800;cursor:pointer}.subscription-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.sub-tab-pane{display:none}.sub-tab-pane.active{display:block}.editor-language-card{margin:14px 0}.subscription-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.subscription-plan-card-v2{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;border:1px solid var(--border,#e2e8f0);border-radius:20px;padding:20px;background:var(--card,#fff)}.plan-price{background:linear-gradient(145deg,#eff6ff,#eef2ff);border-radius:16px;padding:16px;text-align:center}.plan-price span{display:block;font-size:1.55rem;font-weight:900}.plan-price small{color:#2563eb;font-weight:800}.plan-features{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}.plan-features li{color:var(--text,#1f2937)}.subscription-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--soft,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:14px}.subscription-summary strong{color:#166534}.payment-gateway-list{display:grid;gap:12px}.payment-gateway-card{border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:16px;background:var(--card,#fff)}.registration-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:16px}.registration-plan-card{border:1px solid #d8e1ef;border-radius:16px;padding:14px;display:grid;gap:6px;cursor:pointer;background:#fff}.registration-plan-card:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 3px #2563eb16}.registration-plan-card input{width:auto}.registration-plan-card strong{font-size:1rem}.registration-plan-card span{font-size:1.15rem;font-weight:900;color:#2563eb}.registration-payment-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#eefbf4;border:1px solid #b7e6ca;border-radius:12px;padding:12px}.registration-payment-summary.warning{background:#fff7ed;border-color:#fed7aa}.invoice-sheet{max-width:900px;margin:auto}.invoice-company{padding:20px 0;border-bottom:1px solid var(--border,#e2e8f0)}.invoice-totals{margin-inline-start:auto;max-width:440px;padding-top:20px}.invoice-totals>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border,#e2e8f0)}.invoice-totals .total{font-size:1.25rem;font-weight:900}.rich-content.plan-description{max-height:180px;overflow:auto}@media(max-width:800px){.subscription-plan-card-v2{grid-template-columns:1fr}.subscription-summary{grid-template-columns:1fr 1fr}.payment-center-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.page-head button,.btn{display:none!important}.invoice-sheet{box-shadow:none;border:0;max-width:none}}

/* v13.10.57 — unified enterprise header + dashboard foundation */
.topbar-v2{min-height:78px;padding:10px 18px;gap:14px;background:var(--card,#fff);border-bottom:1px solid var(--border,#e5e7eb);box-shadow:0 5px 20px rgba(15,23,42,.045);position:sticky;top:0;z-index:50}.topbar-v2 .top-actions{gap:10px;align-items:center}.topbar-brand-mobile{display:none;align-items:center;gap:10px}.topbar-brand-mobile img{width:42px;height:42px;object-fit:contain}.topbar-brand-mobile strong{display:block;font-size:18px}.topbar-brand-mobile small{display:block;color:#64748b;font-size:10px}.topbar-icon-links{display:flex;align-items:stretch;gap:8px}.topbar-action-card{position:relative;min-width:58px;height:54px;padding:5px 8px;border:1px solid var(--border,#e2e8f0);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text,#0f172a);background:var(--card,#fff);transition:.18s}.topbar-action-card:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 6px 18px rgba(37,99,235,.10)}.topbar-action-icon{font-size:20px;line-height:1}.topbar-action-card small{font-size:9px;font-weight:800;margin-top:4px}.topbar-count{position:absolute;top:-7px;inset-inline-end:-5px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid var(--card,#fff)}.topbar-v2 .notification-bell:not(.topbar-action-card){display:none}.topbar-v2 .user-chip{min-height:54px;border-radius:14px}.topbar-v2 .language-dropdown-toggle,.topbar-v2 .theme-toggle{min-height:48px}.topbar-v2 .workspace-switcher{max-width:230px}.topbar-v2 .header-clock{font-size:10px;gap:7px}
.dashboard-command-hero{background:linear-gradient(135deg,#163b7a,#2563eb);color:#fff;border-radius:24px;padding:25px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.dashboard-command-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);inset-inline-end:-70px;top:-130px}.dashboard-command-hero h1{margin:4px 0 6px;font-size:clamp(26px,3vw,40px)}.dashboard-command-hero p{margin:0;opacity:.86}.dashboard-command-hero .eyebrow{color:#a7f3d0}.dashboard-hero-actions{display:flex;gap:9px;flex-wrap:wrap;z-index:1}.dashboard-hero-actions .btn.secondary{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.25)}.attention-center{border:1px solid #fed7aa;background:linear-gradient(180deg,#fff,#fffaf4);border-radius:20px;padding:18px;margin-bottom:20px}.attention-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.attention-center-head h2{margin:0;font-size:18px}.attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attention-item{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #fde7cf;border-radius:14px;background:#fff;text-decoration:none;color:inherit}.attention-item i{width:38px;height:38px;border-radius:11px;background:#fff7ed;display:grid;place-items:center;font-style:normal}.attention-item strong{display:block;font-size:18px}.attention-item small{color:#64748b}.dashboard-section{margin:20px 0}.dashboard-section-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dashboard-section-title>span{width:42px;height:42px;border-radius:12px;background:#eff6ff;display:grid;place-items:center}.dashboard-section-title h2{margin:0;font-size:18px}.dashboard-section-title p{margin:3px 0 0;color:#64748b;font-size:12px}.metric-card{min-height:105px}.metric-card strong{font-size:26px}.workspace-dashboard-v2 .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace-dashboard-v2 .workspace-focus-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.workspace-dashboard-v2 .quick-link-grid{grid-template-columns:repeat(2,1fr)}
html[data-theme="dark"] .topbar-v2,html[data-theme="dark"] .topbar-action-card{background:#0f1a2e;border-color:#263653;color:#e5edf8}html[data-theme="dark"] .attention-center{background:#121b2c;border-color:#5b4429}html[data-theme="dark"] .attention-item{background:#0f1a2e;border-color:#3b3340;color:#e5edf8}html[data-theme="dark"] .dashboard-command-hero{background:linear-gradient(135deg,#0b1730,#173e86)}
@media(max-width:1280px){.topbar-v2 .header-clock{display:none}.workspace-dashboard-v2 .metric-grid{grid-template-columns:repeat(3,1fr)}.attention-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.topbar-v2{padding:8px 10px;min-height:66px}.topbar-brand-mobile{display:flex}.topbar-v2 .topbar-title{display:none}.topbar-v2 .language-dropdown-toggle span,.topbar-v2 .language-dropdown-toggle b,.topbar-v2 .topbar-action-card small{display:none}.topbar-v2 .topbar-action-card{min-width:44px;width:44px;height:44px;padding:4px}.topbar-v2 .theme-toggle{min-width:72px}.topbar-v2 .workspace-switcher{display:none}.dashboard-command-hero{align-items:flex-start;flex-direction:column;padding:20px}.workspace-dashboard-v2 .workspace-focus-grid{grid-template-columns:1fr}}
@media(max-width:620px){.topbar-brand-mobile>div{display:none}.topbar-v2 .top-actions{gap:5px}.topbar-v2 .language-dropdown-toggle{width:44px;padding:0}.topbar-v2 .theme-toggle{min-width:58px}.topbar-v2 .user-chip div,.topbar-v2 .user-chip i{display:none}.topbar-v2 .user-chip{width:46px;padding:5px}.attention-grid,.workspace-dashboard-v2 .metric-grid{grid-template-columns:1fr 1fr}.dashboard-hero-actions{width:100%}.dashboard-hero-actions .btn{flex:1}.topbar-action-card{min-width:40px!important;width:40px!important}.topbar-action-icon{font-size:18px}}

/* v13.10.58 Dashboard V2 / Plan Limits / Invoice Engine V2 */
.plan-limit-grid label{position:relative}.limit-unlimited{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;font-weight:800;color:#2563eb}.limit-unlimited input{width:auto}.subscription-usage-card{border:1px solid var(--border,#e2e8f0);border-radius:20px;background:var(--card,#fff);padding:18px;margin:0 0 18px}.subscription-usage-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.subscription-usage-head h2{margin:2px 0}.usage-meter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:15px}.usage-meter>div{display:flex;justify-content:space-between;margin-bottom:6px}.usage-meter progress{width:100%;height:10px;accent-color:#2563eb}.subscription-days{margin:14px 0 0;color:#64748b}.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.invoice-a4{width:min(210mm,100%);min-height:270mm;margin:18px auto;background:#fff;color:#172033;padding:16mm;box-shadow:0 18px 50px #0f172a1c;border:1px solid #e5e7eb;border-radius:4px}.invoice-header{display:flex;justify-content:space-between;gap:25px;padding-bottom:18px;border-bottom:3px solid #173f86}.invoice-brand{font-weight:950;letter-spacing:1.5px;color:#173f86}.invoice-header h1{margin:6px 0;font-size:28px}.invoice-status{text-align:end}.invoice-status span{display:inline-block;padding:7px 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900}.invoice-status small{display:block;margin-top:10px}.invoice-parties{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:24px 0}.invoice-parties h2{margin:5px 0}.invoice-parties p{margin:4px 0;color:#475569}.invoice-meta{background:#f8fafc;padding:15px;border-radius:14px}.invoice-meta p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e7eb;padding:8px 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:10px}.invoice-table th{background:#173f86;color:#fff;text-align:start;padding:12px}.invoice-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb}.invoice-totals-v2{width:min(410px,100%);margin:25px 0 25px auto}.invoice-totals-v2 p{display:flex;justify-content:space-between;padding:8px 4px;margin:0;border-bottom:1px solid #e5e7eb}.invoice-totals-v2 .grand{font-size:20px;background:#eff6ff;padding:14px;border-radius:10px;color:#173f86}.invoice-footer{margin-top:35px;padding-top:14px;border-top:1px solid #e5e7eb;text-align:center;color:#64748b}.invoice-actions{max-width:210mm;margin:10px auto;display:flex;justify-content:flex-end;gap:8px}
html[data-theme="dark"] .subscription-usage-card{background:#0f1a2e;border-color:#263653}html[data-theme="dark"] .invoice-a4{color:#172033}
@media(max-width:800px){.usage-meter-grid,.invoice-parties{grid-template-columns:1fr}.attention-grid{grid-template-columns:1fr}.invoice-a4{padding:20px;min-height:0}.invoice-header{flex-direction:column}.invoice-status{text-align:start}}
@media print{@page{size:A4;margin:0}html,body{background:#fff!important}.sidebar,.topbar,.app-footer,.no-print,.flash-container{display:none!important}.app-shell,.content,main{display:block!important;margin:0!important;padding:0!important}.invoice-a4{width:210mm;min-height:297mm;margin:0!important;padding:14mm!important;border:0!important;box-shadow:none!important;border-radius:0!important}.invoice-a4 *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}

/* v13.10.59 enterprise hardening */
.global-search-modal{position:fixed;inset:0;background:#02061799;backdrop-filter:blur(4px);z-index:10050;display:none;padding:8vh 16px}.global-search-modal.open{display:block}.global-search-dialog{max-width:760px;margin:auto;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:18px;box-shadow:0 30px 90px #02061755;overflow:hidden}.global-search-input-wrap{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border,#e2e8f0)}.global-search-input-wrap input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;font-size:17px;outline:0}.global-search-input-wrap kbd{font-size:11px;padding:4px 7px;border:1px solid var(--border,#cbd5e1);border-radius:6px}.global-search-results{max-height:60vh;overflow:auto;padding:8px}.global-search-result{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-decoration:none;color:inherit}.global-search-result:hover{background:var(--soft,#f1f5f9)}.global-search-result>i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:var(--soft,#f1f5f9);border-radius:9px}.global-search-result>div{flex:1;display:flex;flex-direction:column}.global-search-result small{opacity:.68;margin-top:2px}.global-search-hint{padding:24px;text-align:center;opacity:.65}.topbar-action-card.global-search-open{border:0;cursor:pointer;font:inherit}
.health-summary{display:grid;grid-template-columns:minmax(280px,2fr) repeat(2,minmax(140px,1fr));gap:14px;margin:18px 0}.health-score,.health-mini{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.health-score>strong{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-size:22px}.health-score.warn>strong{background:#fef3c7;color:#92400e}.health-score.bad>strong{background:#fee2e2;color:#991b1b}.health-score div{display:flex;flex-direction:column}.health-mini{flex-direction:column;align-items:flex-start}.health-mini b{font-size:22px}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.health-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:15px;display:flex;gap:11px}.health-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;margin-top:7px;flex:none}.health-card.warn .health-dot{background:#f59e0b}.health-card.bad .health-dot{background:#ef4444}.health-card div{display:flex;flex-direction:column;min-width:0}.health-card small{opacity:.65}.health-card strong{font-size:16px;margin-top:3px;overflow-wrap:anywhere}.health-card em{font-size:11px;opacity:.6;margin-top:3px}.roadmap-list{display:grid;gap:9px}.roadmap-list>div{padding:11px 13px;border-radius:10px;background:var(--soft,#f8fafc)}.roadmap-list .done{border-inline-start:4px solid #22c55e}@media(max-width:760px){.health-summary{grid-template-columns:1fr 1fr}.health-score{grid-column:1/-1}.global-search-modal{padding-top:12px}.global-search-dialog{max-height:90vh}}


/* v13.10.80 Safe Update Progress Center */
.update-progress-panel{overflow:hidden;border:1px solid #bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}
.update-progress-panel .progress-head strong{font-size:30px;font-variant-numeric:tabular-nums;min-width:92px;text-align:center}
.update-progress-panel .progress-head small{display:block;color:var(--muted);margin-top:4px;font-weight:700}
.update-progress-track{display:flex;justify-content:flex-start;height:20px;border-radius:999px;background:#e5e7eb;box-shadow:inset 0 2px 5px #0f172a14;overflow:hidden}
.update-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .5s ease,background .25s ease;box-shadow:0 0 16px #2563eb55}
[dir="rtl"] .update-progress-track{direction:rtl}[dir="ltr"] .update-progress-track{direction:ltr}
.update-state-success .update-progress-track span{background:linear-gradient(90deg,#16a34a,#34d399);box-shadow:0 0 18px #16a34a44}
.update-state-danger{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.update-state-danger .update-progress-track span{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 18px #dc262644}
.update-state-warning .update-progress-track span{background:linear-gradient(90deg,#d97706,#fbbf24)}
.update-progress-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:10px;color:var(--muted);font-size:12px}.update-progress-meta #progressStateText{font-weight:800;color:var(--text)}
.update-stage-strip{display:grid;grid-template-columns:repeat(10,minmax(85px,1fr));gap:7px;margin-top:17px;overflow:auto;padding-bottom:4px}
.update-stage{display:grid;gap:6px;justify-items:center;text-align:center;min-width:85px;opacity:.55}.update-stage>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#64748b;font-size:10px;font-weight:900}.update-stage small{font-size:10px;line-height:1.35}
.update-stage.done,.update-stage.current{opacity:1}.update-stage.done>span{background:#dcfce7;color:#166534}.update-stage.current>span{background:#dbeafe;color:#1d4ed8;box-shadow:0 0 0 4px #2563eb15}
.update-state-danger .update-stage.current>span{background:#fee2e2;color:#b91c1c}
.safe-update-note{display:flex;gap:9px;align-items:center;margin-top:14px;padding:10px 12px;border-radius:11px;background:#eff6ff;color:#1e40af;font-size:12px}
.update-state-success .safe-update-note{background:#ecfdf5;color:#166534}.update-state-danger .safe-update-note{background:#fef2f2;color:#991b1b}
@media(max-width:760px){.update-progress-panel{position:relative;top:auto}.update-progress-meta{align-items:flex-start;flex-direction:column}.update-stage-strip{grid-template-columns:repeat(10,90px)}.update-progress-panel .progress-head strong{font-size:24px}}

/* v13.10.81 Trusted Devices & Login Risk */
.security-trust-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-bottom:16px}.risk-score-large{font-size:44px;font-weight:900;line-height:1}.risk-score-large small{font-size:12px;color:var(--muted);margin-inline-start:8px}.risk-history{display:grid;gap:8px}.risk-history>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.risk-history small{color:var(--muted)}@media(max-width:800px){.security-trust-grid{grid-template-columns:1fr}.risk-history>div{grid-template-columns:auto 1fr}.risk-history small{grid-column:1/-1}}

/* v13.10.85 Release Closure */
.release-track{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.release-track>div{border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;gap:6px;background:var(--card)}.release-track strong{font-size:18px}.release-track span{font-size:12px;color:var(--muted)}.release-track b{font-size:18px}@media(max-width:900px){.release-track{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.release-track{grid-template-columns:1fr}}

/* v14 RC4 bidi-safe technical tokens */
bdi[dir="ltr"],.ltr-token{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left}


/* v14.1 Subscription invoice print hardening */
@page{size:A4;margin:10mm}
@media print{
 html,body{background:#fff!important;width:100%!important;min-width:0!important}
 body *{visibility:hidden!important}
 #subscriptionInvoice,#subscriptionInvoice *{visibility:visible!important}
 #subscriptionInvoice{position:absolute!important;inset:0!important;width:190mm!important;min-height:auto!important;margin:0!important;padding:8mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
 #subscriptionInvoice .invoice-header,#subscriptionInvoice .invoice-parties{break-inside:avoid;page-break-inside:avoid}
 #subscriptionInvoice .invoice-table{table-layout:fixed!important}
 #subscriptionInvoice .invoice-table th,#subscriptionInvoice .invoice-table td{white-space:normal!important;overflow-wrap:anywhere!important}
 #subscriptionInvoice .invoice-totals-v2{break-inside:avoid;page-break-inside:avoid}
 .invoice-actions,.sidebar,.topbar,.app-footer{display:none!important}
}
@media(max-width:700px){
 .invoice-a4{padding:20px;min-height:0}
 .invoice-header,.invoice-parties{display:grid;grid-template-columns:1fr;gap:16px}
 .invoice-status{text-align:start}
 .invoice-totals-v2{margin-inline-start:0}
}



/* =========================================================
   Employee ERP v14.2 — 3D Dashboard + Theme Architecture
   ========================================================= */
:root{
 --neo-blue:#2f7cff;--neo-cyan:#2ed8ff;--neo-green:#20d99a;--neo-orange:#ffad42;
 --neo-purple:#9b6dff;--neo-red:#ff5d72;--neo-deep:#07111f;--neo-panel:#0c1a2e;
}
html[data-ui-theme="neo3d"][data-theme="dark"]{
 color-scheme:dark;
 --surface:#0c1829;--surface-2:#081322;--surface-3:#11233a;--text:#eff6ff;--muted:#91a7c7;--line:#1e3858;
 --accent:#3b82f6;--accent-2:#22d3ee;--shadow:0 20px 55px rgba(0,0,0,.34);
}
html[data-ui-theme="neo3d"][data-theme="dark"] body{
 background:
 radial-gradient(circle at 83% 2%,rgba(42,113,255,.16),transparent 28%),
 radial-gradient(circle at 16% 42%,rgba(20,220,202,.08),transparent 26%),
 #050d18;
}
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar{
 background:linear-gradient(180deg,#081426 0%,#07101d 55%,#050c17 100%);
 border-inline-end:1px solid #173355;box-shadow:12px 0 45px rgba(0,0,0,.22);
}
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar .brand{border-bottom:1px solid #17304d}
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar-nav a,
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar-nav button{color:#d9e7fb}
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar-nav a.active,
html[data-ui-theme="neo3d"][data-theme="dark"] .sidebar-nav button.active{
 background:linear-gradient(90deg,rgba(38,116,255,.24),rgba(29,211,255,.07));border:1px solid rgba(65,151,255,.34);
 box-shadow:inset 0 0 22px rgba(33,117,255,.13),0 0 22px rgba(31,113,255,.08);color:#fff
}
html[data-ui-theme="neo3d"][data-theme="dark"] .topbar{
 background:rgba(5,14,26,.82)!important;border-color:#17304e!important;
 backdrop-filter:blur(22px) saturate(135%);box-shadow:0 12px 38px rgba(0,0,0,.18);
}
html[data-ui-theme="neo3d"][data-theme="dark"] .topbar-action-card,
html[data-ui-theme="neo3d"][data-theme="dark"] .theme-toggle,
html[data-ui-theme="neo3d"][data-theme="dark"] .language-dropdown-toggle,
html[data-ui-theme="neo3d"][data-theme="dark"] .user-chip,
html[data-ui-theme="neo3d"][data-theme="dark"] .header-clock{
 background:linear-gradient(180deg,rgba(19,38,63,.92),rgba(9,24,42,.9));border-color:#234365;color:#eaf4ff;
 box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 26px rgba(0,0,0,.12)
}
html[data-ui-theme="neo3d"][data-theme="dark"] .panel,
html[data-ui-theme="neo3d"][data-theme="dark"] .dashboard-section,
html[data-ui-theme="neo3d"][data-theme="dark"] .attention-center{
 background:linear-gradient(145deg,rgba(13,29,49,.96),rgba(7,20,35,.96));border:1px solid #1a3858;
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 40px rgba(0,0,0,.18)
}
html[data-ui-theme="neo3d"][data-theme="dark"] .metric-card,
html[data-ui-theme="neo3d"][data-theme="dark"] .attention-item{
 background:linear-gradient(145deg,#10223a,#0a1829);border-color:#1e3d60;color:#eff7ff;
 box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.14)
}

/* Neo3D light mode */
html[data-ui-theme="neo3d"][data-theme="light"]{
 color-scheme:light;--surface:#fff;--surface-2:#f5f9ff;--surface-3:#edf5ff;--text:#10213b;--muted:#667b99;--line:#d8e6f6;
 --accent:#2563eb;--accent-2:#0891b2;--shadow:0 18px 45px rgba(36,72,120,.10);
}
html[data-ui-theme="neo3d"][data-theme="light"] body{
 background:
 radial-gradient(circle at 85% 0,rgba(37,99,235,.09),transparent 29%),
 radial-gradient(circle at 15% 43%,rgba(6,182,212,.07),transparent 27%),
 #f3f7fc;
}
html[data-ui-theme="neo3d"][data-theme="light"] .sidebar{
 background:linear-gradient(180deg,#10264a 0%,#0b1b35 62%,#08172d 100%);border-inline-end:1px solid #18345c;
 box-shadow:12px 0 40px rgba(28,57,98,.14)
}
html[data-ui-theme="neo3d"][data-theme="light"] .topbar{
 background:rgba(255,255,255,.87)!important;border-color:#dbe7f4!important;backdrop-filter:blur(22px) saturate(140%);
 box-shadow:0 10px 34px rgba(32,70,116,.08)
}
html[data-ui-theme="neo3d"][data-theme="light"] .panel,
html[data-ui-theme="neo3d"][data-theme="light"] .dashboard-section,
html[data-ui-theme="neo3d"][data-theme="light"] .attention-center{
 background:rgba(255,255,255,.94);border-color:#dce8f5;box-shadow:0 18px 45px rgba(43,82,130,.08)
}

/* Neo executive dashboard */
.neo3d-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0 0 16px}
.neo-kpi{position:relative;isolation:isolate;display:flex;align-items:center;gap:13px;min-height:112px;padding:16px;border-radius:18px;
 text-decoration:none;color:var(--text);border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));
 box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.neo-kpi:before{content:"";position:absolute;inset:auto -24px -42px auto;width:110px;height:110px;border-radius:50%;filter:blur(10px);opacity:.16;z-index:-1}
.neo-kpi:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(20,74,145,.16)}
.neo-kpi>i{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:15px;font-style:normal;font-size:23px;
 background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);
 box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.09)}
.neo-kpi div{min-width:0}.neo-kpi small,.neo-kpi span{display:block;color:var(--muted)}.neo-kpi small{font-weight:800}.neo-kpi strong{display:block;font-size:26px;line-height:1.15;margin:4px 0}.neo-kpi span{font-size:11px}
.neo-kpi.blue{border-color:color-mix(in srgb,var(--neo-blue) 38%,var(--line))}.neo-kpi.blue:before{background:var(--neo-blue)}
.neo-kpi.green{border-color:color-mix(in srgb,var(--neo-green) 38%,var(--line))}.neo-kpi.green:before{background:var(--neo-green)}
.neo-kpi.orange{border-color:color-mix(in srgb,var(--neo-orange) 38%,var(--line))}.neo-kpi.orange:before{background:var(--neo-orange)}
.neo-kpi.purple{border-color:color-mix(in srgb,var(--neo-purple) 38%,var(--line))}.neo-kpi.purple:before{background:var(--neo-purple)}
.neo-kpi.red{border-color:color-mix(in srgb,var(--neo-red) 38%,var(--line))}.neo-kpi.red:before{background:var(--neo-red)}

.neo3d-executive-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr) minmax(280px,.78fr);gap:14px;margin-bottom:17px}
.neo-panel{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:17px;overflow:hidden}
html[data-ui-theme="neo3d"][data-theme="dark"] .neo-panel{background:linear-gradient(145deg,rgba(13,30,51,.98),rgba(6,18,32,.98));border-color:#1c3c5e}
.neo-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:12px}.neo-panel-head h3{margin:0;font-size:16px}.neo-panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.neo-live{font-size:9px;letter-spacing:.08em;color:#25dda0;border:1px solid rgba(37,221,160,.28);background:rgba(37,221,160,.08);padding:5px 8px;border-radius:999px}
.neo-world-map{position:relative;min-height:270px;border-radius:17px;overflow:hidden;background:#071526;border:1px solid rgba(65,151,255,.16);box-shadow:inset 0 0 50px rgba(29,126,255,.08)}
.neo-world-map img{display:block;width:100%;height:100%;min-height:270px;object-fit:cover;opacity:.96}
.map-pulse{position:absolute;width:13px;height:13px;border-radius:50%;background:#34f7ad;box-shadow:0 0 0 7px rgba(52,247,173,.12),0 0 24px #34f7ad}.map-pulse.dubai{left:55.5%;top:40%}
.map-pulse:after{content:"";position:absolute;inset:-8px;border:1px solid #34f7ad;border-radius:50%;animation:neoPulse 2s infinite}
@keyframes neoPulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.3);opacity:0}}
.neo-map-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}.neo-map-stats span,.neo-legend span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.neo-map-stats b,.neo-legend b{color:var(--text);margin-inline-start:auto}
.neo-map-stats i,.neo-legend i{width:8px;height:8px;border-radius:50%}.neo-map-stats i.green,.neo-legend i.green{background:var(--neo-green);box-shadow:0 0 12px var(--neo-green)}.neo-map-stats i.orange,.neo-legend i.orange{background:var(--neo-orange)}.neo-legend i.red{background:var(--neo-red)}
.neo-nationality-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.neo-nationality-row>div{padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--surface-3) 72%,transparent);border:1px solid var(--line)}.neo-nationality-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neo-nationality-row strong{font-size:16px}
.neo-bars{display:grid;gap:13px;margin-top:20px}.neo-bar-row{display:grid;grid-template-columns:80px 1fr 42px;gap:9px;align-items:center;font-size:11px}.neo-bar-row span{color:var(--muted)}.neo-bar-row b{text-align:end}
.neo-bar-row progress{width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:var(--surface-3)}.neo-bar-row progress::-webkit-progress-bar{background:var(--surface-3);border-radius:999px}.neo-bar-row progress::-webkit-progress-value{border-radius:999px;background:var(--neo-blue)}.neo-bar-row progress.green::-webkit-progress-value{background:var(--neo-green)}.neo-bar-row progress.red::-webkit-progress-value{background:var(--neo-red)}.neo-bar-row progress.orange::-webkit-progress-value{background:var(--neo-orange)}
.neo-mini-chart{height:120px;display:flex;align-items:end;gap:8px;margin-top:23px;padding:12px;border-radius:15px;background:linear-gradient(180deg,rgba(47,124,255,.05),transparent);border-bottom:1px solid var(--line)}.neo-mini-chart span{flex:1;min-width:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#31dcff,#316dff);box-shadow:0 0 15px rgba(47,124,255,.24)}.neo-mini-chart .h42{height:42%}.neo-mini-chart .h55{height:55%}.neo-mini-chart .h48{height:48%}.neo-mini-chart .h67{height:67%}.neo-mini-chart .h61{height:61%}.neo-mini-chart .h78{height:78%}.neo-mini-chart .h70{height:70%}.neo-mini-chart .h88{height:88%}
.neo-status-panel{display:flex;flex-direction:column}.neo-donut{position:relative;width:210px;max-width:88%;aspect-ratio:1;margin:12px auto}.neo-donut svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 12px rgba(31,210,177,.13))}.neo-donut circle{fill:none;stroke-width:5}.neo-donut .track{stroke:var(--surface-3)}.neo-donut .seg{stroke-linecap:round}.neo-donut .seg.active{stroke:var(--neo-green)}.neo-donut .seg.cancelled{stroke:var(--neo-red)}.neo-donut .seg.absconding{stroke:var(--neo-orange)}.neo-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.neo-donut strong{font-size:25px}.neo-donut small{color:var(--muted)}
.neo-legend{display:grid;gap:9px}.neo-legend span{border-top:1px solid var(--line);padding-top:9px}

/* 3D hero */
html[data-ui-theme="neo3d"] .dashboard-command-hero{
 position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));
 background:linear-gradient(110deg,#173d82 0%,#235ed2 48%,#14366f 100%);box-shadow:0 24px 55px rgba(25,70,150,.2)
}
html[data-ui-theme="neo3d"] .dashboard-command-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;inset:-135px auto auto -70px;background:rgba(255,255,255,.08);box-shadow:0 0 70px rgba(76,190,255,.18)}
html[dir="ltr"][data-ui-theme="neo3d"] .dashboard-command-hero:after{left:auto;right:-70px}
html[data-ui-theme="neo3d"] .dashboard-command-hero h1,html[data-ui-theme="neo3d"] .dashboard-command-hero p{color:#fff}
html[data-ui-theme="neo3d"] .dashboard-command-hero .eyebrow{color:#46f5ba}

/* Glass theme variant */
html[data-ui-theme="glass"] body{background:linear-gradient(135deg,#edf5ff,#f8fbff 46%,#eef8f8)}
html[data-ui-theme="glass"][data-theme="dark"] body{background:linear-gradient(135deg,#091426,#10233b 48%,#0a1b29)}
html[data-ui-theme="glass"] .panel,html[data-ui-theme="glass"] .dashboard-section,html[data-ui-theme="glass"] .attention-center,html[data-ui-theme="glass"] .neo-panel,html[data-ui-theme="glass"] .neo-kpi{
 backdrop-filter:blur(18px);background:color-mix(in srgb,var(--surface) 82%,transparent);border-color:color-mix(in srgb,var(--line) 75%,transparent)
}
/* Classic theme keeps geometry lightweight */
html[data-ui-theme="classic"] .neo3d-executive-grid{grid-template-columns:1fr 1fr}
html[data-ui-theme="classic"] .neo-status-panel{grid-column:span 2}
html[data-ui-theme="classic"] .neo-kpi,html[data-ui-theme="classic"] .neo-panel{box-shadow:0 5px 18px rgba(15,23,42,.06);border-radius:12px}
html[data-ui-theme="classic"] .dashboard-command-hero{background:linear-gradient(90deg,#1d4ed8,#2563eb)}

/* Theme gallery */
.theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.theme-choice{display:block;cursor:pointer}.theme-choice>input{position:absolute;opacity:0;pointer-events:none}.theme-preview{height:100%;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);transition:.2s}.theme-choice.active .theme-preview,.theme-choice:has(input:checked) .theme-preview{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent),var(--shadow)}.theme-preview-screen{height:120px;border-radius:13px;position:relative;overflow:hidden;margin-bottom:12px;background:#f6f9fd;border:1px solid #dce7f3}.theme-preview-screen:before{content:"";position:absolute;inset:12px 12px 12px 28%;border-radius:8px;background:linear-gradient(180deg,#fff,#edf3fa);box-shadow:0 4px 18px #20365310}.theme-preview-screen:after{content:"";position:absolute;inset:0 75% 0 0;background:#152947}.theme-preview-screen span,.theme-preview-screen i,.theme-preview-screen b{position:absolute;z-index:2;border-radius:5px}.theme-preview-screen span{left:31%;right:7%;top:18%;height:19%;background:#3b82f6}.theme-preview-screen i{left:31%;width:28%;bottom:17%;height:31%;background:#dcecff}.theme-preview-screen b{right:7%;width:28%;bottom:17%;height:31%;background:#e4f8f2}
.theme-preview-neo3d .theme-preview-screen{background:#06101d;border-color:#1e4770;box-shadow:inset 0 0 30px #1764b426}.theme-preview-neo3d .theme-preview-screen:before{background:linear-gradient(145deg,#0f2946,#091827);box-shadow:0 0 22px #146fe926}.theme-preview-neo3d .theme-preview-screen:after{background:#061a30}.theme-preview-neo3d .theme-preview-screen span{background:linear-gradient(90deg,#2275ff,#22c7ef);box-shadow:0 0 14px #267cff}.theme-preview-glass .theme-preview-screen{background:linear-gradient(135deg,#eef6ff,#effcfb)}.theme-preview-glass .theme-preview-screen:before{background:rgba(255,255,255,.62);backdrop-filter:blur(5px)}.theme-preview-classic .theme-preview-screen:before{box-shadow:none}.theme-preview h3{margin:0 0 5px}.theme-preview p{margin:0;color:var(--muted);font-size:12px}
.appearance-mode-picker{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}.appearance-mode-picker h3{margin:0}.appearance-mode-picker label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface-2)}
.theme-toggle.is-locked{opacity:.55;cursor:not-allowed}

@media(max-width:1250px){.neo3d-kpi-row{grid-template-columns:repeat(3,1fr)}.neo3d-executive-grid{grid-template-columns:1.2fr 1fr}.neo-status-panel{grid-column:span 2}.neo-world-map{min-height:230px}}
@media(max-width:850px){.neo3d-kpi-row{grid-template-columns:repeat(2,1fr)}.neo3d-executive-grid{grid-template-columns:1fr}.neo-status-panel{grid-column:auto}.theme-gallery{grid-template-columns:1fr}.neo-world-map{min-height:210px}.neo-nationality-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.neo3d-kpi-row{grid-template-columns:1fr}.neo-kpi{min-height:90px}.neo3d-executive-grid{gap:10px}.neo-panel{padding:13px}.neo-world-map,.neo-world-map img{min-height:175px}.neo-map-stats{display:grid}.neo-bar-row{grid-template-columns:70px 1fr 35px}.neo-mini-chart{height:85px}.neo-donut{width:170px}}

/* v14.3 interactive nationality geography — Business A/B */
.geo-workforce-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:17px;overflow:hidden}
html[data-ui-theme="neo3d"][data-theme="dark"] .geo-workforce-card{background:linear-gradient(145deg,rgba(13,30,51,.98),rgba(6,18,32,.98));border-color:#1c3c5e}
.geo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.geo-card-head h3{margin:0;font-size:16px}.geo-card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.geo-map-total{display:grid;text-align:center;min-width:82px;padding:8px 12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-3) 72%,transparent)}.geo-map-total strong{font-size:20px}.geo-map-total small{color:var(--muted)}
.geo-map-stage{position:relative;min-height:285px;border-radius:17px;overflow:hidden;background:#071526;border:1px solid rgba(65,151,255,.18);box-shadow:inset 0 0 55px rgba(29,126,255,.09)}
.geo-map-stage>img{display:block;width:100%;height:100%;min-height:285px;object-fit:cover;opacity:.95}
html[data-ui-theme="neo3d"][data-theme="light"] .geo-map-stage{background:#eef7ff;border-color:#cfe2f5;box-shadow:inset 0 0 50px rgba(33,116,255,.05)}
html[data-ui-theme="neo3d"][data-theme="light"] .geo-map-stage>img{filter:brightness(1.75) saturate(.7) contrast(.8);opacity:.72}
.geo-map-pins{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible}.geo-pin-svg{cursor:pointer;outline:none}.geo-pin-dot{fill:#29f0ae;stroke:#dffff3;stroke-width:2;filter:drop-shadow(0 0 7px #28e6a7);transition:r .18s ease,fill .18s ease}.geo-pin-halo{fill:rgba(41,240,174,.08);stroke:rgba(41,240,174,.35);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:geoPulse 2.4s ease-out infinite}.geo-pin-svg:hover .geo-pin-dot,.geo-pin-svg:focus .geo-pin-dot{fill:#35c8ff;stroke:#fff;r:16px}.geo-pin-svg:hover .geo-pin-halo,.geo-pin-svg:focus .geo-pin-halo{stroke:#35c8ff;fill:rgba(53,200,255,.15)}.geo-pin-svg text{fill:#02120d;font-size:9px;font-weight:900;pointer-events:none}.geo-pin-svg:hover text,.geo-pin-svg:focus text{fill:#00141f}
@keyframes geoPulse{0%{transform:scale(.75);opacity:.9}70%,100%{transform:scale(1.7);opacity:0}}
.geo-map-tooltip{position:absolute;inset:0 auto auto 0;z-index:8;width:168px;pointer-events:none;padding:10px 12px;border:1px solid rgba(77,164,255,.35);border-radius:12px;background:rgba(5,18,34,.94);color:#eff8ff;box-shadow:0 12px 35px rgba(0,0,0,.3);backdrop-filter:blur(15px);will-change:transform}.geo-map-tooltip strong,.geo-map-tooltip span,.geo-map-tooltip small{display:block}.geo-map-tooltip strong{font-size:13px}.geo-map-tooltip span{margin-top:2px;color:#53f0ba;font-weight:800}.geo-map-tooltip small{margin-top:4px;color:#9eb5d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.geo-map-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.geo-map-list a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-3) 68%,transparent);text-decoration:none;color:var(--text);transition:.18s}.geo-map-list a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 8px 20px rgba(31,100,190,.09)}.geo-map-list span{min-width:0;display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geo-map-list i{width:8px;height:8px;border-radius:50%;background:#29e6a7;box-shadow:0 0 10px #29e6a7}.geo-map-list strong{font-size:13px}
.geo-unmapped{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.geo-unmapped summary{cursor:pointer;color:var(--muted);font-size:11px}.geo-unmapped>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.geo-unmapped span{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--surface-2)}
.neo3d-executive-grid>.geo-workforce-card{min-height:100%}

/* Explicit business presets A / B */
html[data-ui-theme="neo3d"][data-theme="dark"] body:before,
html[data-ui-theme="neo3d"][data-theme="light"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
html[data-ui-theme="neo3d"][data-theme="dark"] body:before{background:radial-gradient(circle at 66% 30%,rgba(37,99,235,.06),transparent 28%)}
html[data-ui-theme="neo3d"][data-theme="light"] body:before{background:radial-gradient(circle at 68% 26%,rgba(14,165,233,.04),transparent 30%)}

@media(max-width:1100px){.geo-map-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.geo-card-head{align-items:center}.geo-card-head p{display:none}.geo-map-stage,.geo-map-stage>img{min-height:220px}.geo-map-list{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.geo-map-stage,.geo-map-stage>img{min-height:190px}.geo-map-list{grid-template-columns:1fr}.geo-map-total{min-width:64px}}

.business-preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.business-preset-card{display:flex;align-items:center;gap:12px;text-align:start;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:.18s;box-shadow:0 8px 24px rgba(17,49,92,.05)}.business-preset-card>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-size:18px}.business-preset-card span{display:grid;gap:2px}.business-preset-card small{color:var(--muted)}.business-preset-card.preset-a>b{background:linear-gradient(145deg,#172d58,#2978ff);box-shadow:0 0 20px rgba(41,120,255,.25)}.business-preset-card.preset-b>b{background:linear-gradient(145deg,#23b7e9,#56dfbc);box-shadow:0 0 20px rgba(45,201,197,.2)}.business-preset-card:hover,.business-preset-card.active{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 30px rgba(31,92,172,.12)}
@media(max-width:650px){.business-preset-row{grid-template-columns:1fr}}

/* =========================================================
   v14.8 Reference Dashboard Recovery — preserves all legacy sections
   ========================================================= */
.dashboard-command-hero{display:none!important}
.reference-dashboard{display:grid;gap:10px;margin:10px 0 16px}
.reference-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ref-kpi{display:flex;align-items:center;gap:11px;min-height:94px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--surface-2));color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:.2s;overflow:hidden}
.ref-kpi:hover{transform:translateY(-2px)}
.ref-kpi>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--surface-3);font-size:20px}
.ref-kpi small,.ref-kpi em{display:block}.ref-kpi small{font-weight:800;color:var(--muted);font-size:10px}.ref-kpi strong{display:block;font-size:24px;line-height:1.05;margin:4px 0}.ref-kpi em{font-style:normal;font-size:9px;color:var(--muted)}
.ref-blue{border-color:color-mix(in srgb,#2f7cff 35%,var(--line))}.ref-green{border-color:color-mix(in srgb,#20d99a 35%,var(--line))}.ref-orange{border-color:color-mix(in srgb,#ffad42 35%,var(--line))}.ref-purple{border-color:color-mix(in srgb,#9b6dff 35%,var(--line))}.ref-red{border-color:color-mix(in srgb,#ff5d72 35%,var(--line))}.ref-cyan{border-color:color-mix(in srgb,#22d3ee 35%,var(--line))}
.reference-main-grid{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(300px,.82fr);gap:11px;align-items:start}
.reference-side{display:grid;gap:10px}.ref-card{padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.ref-card-head{margin-bottom:10px}.ref-card-head h3{margin:0;font-size:14px}.ref-card-head strong{display:block;font-size:23px;margin-top:4px}
.ref-donut{position:relative;width:185px;aspect-ratio:1;margin:0 auto 8px}.ref-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.ref-donut circle{fill:none;stroke-width:5}.ref-donut .track{stroke:var(--surface-3)}.ref-donut .active{stroke:#20d99a}.ref-donut .cancelled{stroke:#ff5d72}.ref-donut .absconding{stroke:#9b6dff}.ref-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ref-donut strong{font-size:25px}.ref-donut small{color:var(--muted)}
.ref-status{display:grid;gap:7px}.ref-status span{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;padding-top:6px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.ref-status b{color:var(--text)}.ref-status i{width:7px;height:7px;border-radius:50%}.ref-status .g{background:#20d99a}.ref-status .r{background:#ff5d72}.ref-status .o{background:#ffad42}.ref-status .p{background:#9b6dff}
.ref-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ref-quick a{padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-3) 72%,transparent);text-decoration:none;color:var(--text)}.ref-quick b{display:block;font-size:19px}.ref-quick small{color:var(--muted);font-size:9px}
.ref-revenue-chart{width:100%;height:105px}.ref-revenue-chart polyline{fill:none;stroke:#2f7cff;stroke-width:2.1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 5px rgba(47,124,255,.3))}.ref-revenue-chart circle{fill:var(--surface);stroke:#2f7cff;stroke-width:1.7;vector-effect:non-scaling-stroke}.ref-months{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}
.legacy-dashboard-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.legacy-dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.legacy-dashboard-title h2{margin:0;font-size:18px}.legacy-dashboard-title p{margin:0;color:var(--muted);font-size:11px}

/* Exact map: background image and pin SVG share one 1000x470 coordinate system */
.approved-geo-card{padding:12px!important;border-radius:13px!important}
.approved-map-head{margin-bottom:8px!important}.approved-map-head h3{font-size:14px!important}.approved-map-head p{font-size:9px!important}
.approved-map-layout{display:grid;grid-template-columns:138px minmax(0,1fr);gap:9px}
.approved-map-filter{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-3) 70%,transparent)}
.approved-map-filter label,.approved-map-filter .filter-label{font-size:9px;color:var(--muted);font-weight:800}.approved-map-filter select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 8px;font-size:10px}
.geo-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.geo-view-tabs button,.geo-3d-toggle{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:9px;cursor:pointer}.geo-view-tabs button.active,.geo-3d-toggle.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.approved-world-map{position:relative;min-height:390px!important;border-radius:10px!important;overflow:hidden!important;background:#031426!important}
.approved-world-map .approved-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill!important;transition:transform .28s ease}
.approved-world-map .map-light{display:none}html[data-theme="light"] .approved-world-map .map-dark{display:none}html[data-theme="light"] .approved-world-map .map-light{display:block}
.approved-world-map .geo-map-pins{position:absolute;inset:0;width:100%;height:100%;z-index:5;transform:var(--geo-zoom,scale(1));transform-origin:center;transition:transform .28s ease}
.approved-world-map.is-3d .approved-map-image{transform:var(--geo-zoom,scale(1)) perspective(1200px) rotateX(1.6deg)}
.geo-route{fill:none;stroke-width:1.35;opacity:.50;stroke-linecap:round}.geo-route.route-0{stroke:#20d99a}.geo-route.route-1{stroke:#2f7cff}.geo-route.route-2{stroke:#9b6dff}.geo-route.route-3{stroke:#ff8b35}.geo-route.route-4{stroke:#22d3ee}.geo-route.is-hidden,.geo-pin-svg.is-hidden{display:none}
.geo-pin-ring{fill:none;stroke:rgba(255,255,255,.68);stroke-width:1.15}.approved-world-map .geo-pin-dot{fill:#1673f3;stroke:#a9d5ff;stroke-width:2;filter:drop-shadow(0 0 7px #1684ff)}.approved-world-map .geo-pin-svg:nth-of-type(4n+2) .geo-pin-dot{fill:#20c986;stroke:#a7ffdc}.approved-world-map .geo-pin-svg:nth-of-type(4n+3) .geo-pin-dot{fill:#8b57ef;stroke:#d8c2ff}.approved-world-map .geo-pin-svg:nth-of-type(4n) .geo-pin-dot{fill:#ef8433;stroke:#ffd2aa}.approved-world-map .geo-pin-svg text{fill:#fff;font-size:10px;font-weight:900;paint-order:stroke;stroke:rgba(0,0,0,.22);stroke-width:.6}
.geo-map-toolbar{position:absolute;z-index:8;inset-inline-end:9px;top:9px;display:grid;gap:4px}.geo-map-toolbar button{width:29px;height:29px;border:1px solid rgba(100,175,255,.25);border-radius:8px;background:rgba(3,19,35,.88);color:#fff;cursor:pointer}.geo-map-legend{position:absolute;z-index:7;inset-inline-start:10px;bottom:10px;padding:6px 8px;border:1px solid rgba(70,155,230,.22);border-radius:8px;background:rgba(2,18,32,.84);color:#cbd9e8;font-size:9px}.geo-map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20d99a;margin-inline-end:5px}
.approved-top-nationalities{margin-top:8px}.approved-top-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.approved-top-head strong{font-size:11px}.approved-top-head a{font-size:9px}.approved-top-nationalities .geo-map-list{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:0}.approved-top-nationalities .geo-map-list a{min-height:40px;padding:7px;border-radius:8px}.approved-top-nationalities .geo-map-list span{font-size:9px}.approved-top-nationalities .geo-map-list strong{font-size:12px}
html[data-theme="dark"] .reference-dashboard .ref-card,html[data-theme="dark"] .reference-dashboard .ref-kpi,html[data-theme="dark"] .approved-geo-card{background:linear-gradient(145deg,#0a1829,#061320)!important;border-color:#173755!important}
html[data-theme="dark"] .approved-map-filter{background:#08172a;border-color:#173857}
html[data-theme="light"] .approved-world-map{background:#f6f9fd!important}html[data-theme="light"] .geo-route{opacity:.30}html[data-theme="light"] .geo-map-toolbar button{background:rgba(255,255,255,.94);color:#24598e;border-color:#d5e4f3}html[data-theme="light"] .geo-map-legend{background:rgba(255,255,255,.92);color:#52687f;border-color:#d9e6f2}

@media(max-width:1450px){.reference-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.approved-top-nationalities .geo-map-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.reference-main-grid{grid-template-columns:1fr}.reference-side{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-side{grid-template-columns:1fr}.approved-map-layout{grid-template-columns:1fr}.approved-map-filter{display:grid;grid-template-columns:1fr 1fr}.approved-map-filter label,.approved-map-filter .filter-label{display:none}.approved-world-map{min-height:310px!important}.approved-top-nationalities .geo-map-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-dashboard-title{display:block}.legacy-dashboard-title p{margin-top:5px}}
@media(max-width:500px){.reference-kpis{grid-template-columns:1fr 1fr}.ref-kpi{min-height:82px;padding:9px}.approved-world-map{min-height:245px!important}.approved-map-filter{grid-template-columns:1fr}}

/* v14.9.5 Admin Theme Manager */
.theme-manager-v1495{display:grid;gap:18px}.theme-manager-section{padding:22px}.theme-manager-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;border-bottom:1px solid var(--line,#e2e8f0);padding-bottom:16px}.theme-manager-head>div{display:flex;align-items:center;gap:12px}.theme-manager-head h2{margin:0 0 4px;font-size:20px}.theme-manager-head p{margin:0;color:var(--muted,#64748b)}.theme-manager-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);font-size:22px}.auth-theme-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.auth-theme-card{appearance:none;text-align:start;border:1px solid var(--line,#dbe4ee);background:var(--surface,#fff);color:var(--text,#0f172a);border-radius:16px;padding:10px;cursor:pointer;transition:.18s;min-height:210px}.auth-theme-card:hover,.auth-theme-card.active{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 10px 28px rgba(37,99,235,.12)}.auth-theme-card.active{outline:2px solid rgba(59,130,246,.18)}.auth-theme-card strong{display:block;margin:9px 2px 5px;font-size:13px}.auth-theme-card small{display:block;color:var(--muted,#64748b);line-height:1.55;font-size:11px}.auth-theme-mini{height:105px;border-radius:12px;overflow:hidden;position:relative;display:grid;grid-template-columns:48% 52%;border:1px solid rgba(148,163,184,.25)}.auth-theme-mini:before{content:"";background:#071a3b}.auth-theme-mini:after{content:"";background:#f8fafc}.auth-theme-mini i{position:absolute;right:10%;top:22%;width:33%;height:55%;border-radius:9px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:2}.auth-theme-mini span{position:absolute;left:8%;top:18%;width:27%;height:6px;border-radius:8px;background:#3b82f6;z-index:2}.auth-theme-mini b{position:absolute;left:8%;top:34%;width:30%;height:4px;border-radius:8px;background:rgba(255,255,255,.6);z-index:2}.auth-theme-mini em{position:absolute;left:8%;top:47%;width:23%;height:4px;border-radius:8px;background:rgba(255,255,255,.32);z-index:2}.auth-theme-global .auth-theme-mini:before{background:radial-gradient(circle at 60% 40%,#0ea5e9,transparent 12%),linear-gradient(145deg,#020713,#063b62)}.auth-theme-glass .auth-theme-mini:before{background:radial-gradient(circle,#2563eb,transparent 45%),#071525}.auth-theme-glass .auth-theme-mini:after{background:linear-gradient(145deg,#dbeafe,#f8fafc)}.auth-theme-command .auth-theme-mini:before{background-color:#020812;background-image:linear-gradient(rgba(59,130,246,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.16) 1px,transparent 1px);background-size:12px 12px}.auth-theme-minimal .auth-theme-mini:before{background:#0a1d3a}.auth-theme-minimal .auth-theme-mini i{box-shadow:none;border:1px solid #e2e8f0}.theme-safety-note{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#10b981 8%,transparent);border:1px solid color-mix(in srgb,#10b981 20%,transparent)}html[data-theme="dark"] .theme-manager-icon{background:#132948}html[data-theme="dark"] .auth-theme-card{background:#0f1a2e;border-color:#263653}.theme-manager-v1495 .sticky-save{z-index:45}@media(max-width:1200px){.auth-theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.auth-theme-gallery{grid-template-columns:1fr 1fr}.theme-manager-head{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.auth-theme-gallery{grid-template-columns:1fr}}