@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#172033;--muted:#68748b;--line:#e5e9f1;--bg:#f5f7fb;--card:#fff;--nav:#111b32;--nav2:#172440;--primary:#6558e8;--primary2:#5145cd;--green:#12866f;--red:#c64855;--amber:#bd7a17;--blue:#3775db;--shadow:0 10px 30px rgba(31,42,68,.07);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:linear-gradient(180deg,var(--nav),#10192d);color:#b8c2d8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{height:74px;display:flex;align-items:center;gap:11px;padding:0 22px;color:white}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#8176ff,#5548d5);font:800 20px Manrope;box-shadow:0 8px 20px rgba(101,88,232,.35)}.brand b{font:800 18px Manrope;display:block;letter-spacing:-.4px}.brand small{font-size:10px;color:#8f9bb3;display:block;text-transform:uppercase;letter-spacing:1.25px}.company-chip{margin:0 14px 12px;padding:10px;border:1px solid #293754;border-radius:10px;background:#18243e;display:flex;align-items:center;gap:9px}.company-chip>span{width:32px;height:32px;border-radius:8px;background:#283657;display:grid;place-items:center;font-size:11px;color:white;font-weight:700}.company-chip b,.company-chip small{display:block;max-width:158px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-chip b{font-size:12px;color:#eef1f8}.company-chip small{font-size:10px;margin-top:2px;color:#8490a8}.sidebar nav{padding:0 10px 24px;flex:1}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase;color:#65728d;padding:13px 11px 4px;margin:0}.nav-link{display:flex;align-items:center;gap:10px;min-height:37px;padding:7px 11px;border-radius:8px;font-size:12px;margin:1px 0;transition:.15s}.nav-link>span{width:19px;text-align:center;color:#8190ad}.nav-link:hover{background:#1b2946;color:#fff}.nav-link.active{background:linear-gradient(90deg,#695de4,#5b50cf);color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(75,62,186,.25)}.nav-link.active>span{color:#fff}.sidebar-user{position:sticky;bottom:0;background:#10192d;border-top:1px solid #27334b;padding:13px;display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;min-width:34px;border-radius:50%;background:#e8e5ff;color:#584ac6;display:grid;place-items:center;font-size:11px;font-weight:700}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user b,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user b{font-size:11px;color:#fff}.sidebar-user small{font-size:9px;color:#8290a9;text-transform:capitalize}.sidebar-user form button{border:0;background:transparent;color:#8490a7;font-size:17px;cursor:pointer}.main{margin-left:252px;min-width:0;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.breadcrumbs{font-size:11px;color:#8791a4}.breadcrumbs b{color:#3a465c}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.date{color:#7b879b;font-size:11px}.secure{font-size:10px;color:var(--green);background:#ebf8f5;border:1px solid #d3eee8;padding:5px 9px;border-radius:99px}.menu-button{display:none}.page{padding:28px;max-width:1520px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-heading h1,.profile-head h1{font:800 26px Manrope;margin:2px 0 5px;letter-spacing:-.6px;color:#182136}.page-heading p,.profile-head p{color:var(--muted);margin:0;font-size:12px}.eyebrow{color:#6558e8!important;font-size:9px!important;font-weight:700;letter-spacing:1.45px;margin:0!important}.back{display:block;color:#6558e8;font-size:11px;font-weight:600;margin-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:8px 14px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:11px;cursor:pointer;white-space:nowrap}.button.primary{background:linear-gradient(135deg,#6b5fe9,#584bcd);color:#fff;box-shadow:0 6px 14px rgba(90,75,205,.18)}.button.primary:hover{background:var(--primary2)}.button.secondary{background:#fff;border-color:#d9deea;color:#354158}.button.ghost{background:transparent;border-color:transparent;color:#6f7b90}.button.danger{background:#fff1f2;border-color:#ffd9dd;color:#b93746}.button.full{width:100%;min-height:45px}.button-row{display:flex;gap:8px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;gap:13px}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:17px}.stat-icon.blue{background:#edf4ff;color:var(--blue)}.stat-icon.green{background:#e8f8f4;color:var(--green)}.stat-icon.amber{background:#fff5e5;color:var(--amber)}.stat-icon.red{background:#fff0f1;color:var(--red)}.stat-card small{font-size:8px;font-weight:700;letter-spacing:.8px;color:#8a95a8}.stat-card strong{font:800 23px Manrope;display:block;margin:2px 0}.stat-card p{font-size:10px;color:#8b95a6;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.card-head{min-height:62px;padding:16px 19px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between}.card-head h2,.form-card h2{font:700 14px Manrope;margin:0}.card-head p,.form-card p{margin:3px 0 0;color:#8791a4;font-size:10px}.card-head a{font-size:10px;font-weight:600;color:#6558e8}.dashboard-grid,.details-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.activity{min-height:60px;padding:11px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f2f6}.activity:last-child{border:0}.activity:hover{background:#fafbfe}.activity-dot{width:8px;height:8px;border:2px solid #6558e8;border-radius:50%}.activity>div{flex:1}.activity b{font-size:11px}.activity p{margin:3px 0 0;color:#8993a5;font-size:9px}.activity>span:last-child{text-align:right}.activity>span small{display:block;color:#9aa3b2;font-size:8px;margin-top:4px}.meter-row{padding:11px 18px}.meter-row>div:first-child{display:flex;justify-content:space-between;font-size:10px}.meter-row span{color:#7f8a9e}.meter{height:5px;background:#edf0f6;border-radius:4px;margin-top:7px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#6d61e7,#9289f2);border-radius:4px}.filters{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid #edf0f5}.filters select{width:180px}.search{position:relative;max-width:360px;flex:1}.search span{position:absolute;left:11px;top:9px;color:#8d97aa}.search input{padding-left:31px;width:100%}input,select,textarea{border:1px solid #dce1eb;background:#fff;border-radius:8px;padding:9px 10px;outline:none;color:#273248;min-height:37px}input:focus,select:focus,textarea:focus{border-color:#8176eb;box-shadow:0 0 0 3px rgba(101,88,232,.09)}textarea{resize:vertical;min-height:94px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;background:#fafbfc;color:#7e899c;font-size:8px;letter-spacing:.6px;text-transform:uppercase;padding:10px 14px;border-bottom:1px solid #e9edf3;white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid #eef1f5;color:#4d596d;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfe}td b{color:#243047;font-size:10px}td small{display:block;color:#9099a9;margin-top:3px;font-size:8px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.badge{display:inline-flex;padding:4px 7px;border-radius:99px;background:#edf0f5;color:#647086;font-size:8px;text-transform:capitalize;font-weight:700;white-space:nowrap}.badge.active,.badge.approved,.badge.completed,.badge.paid,.badge.published,.badge.open{background:#e7f7f2;color:#08775f}.badge.pending,.badge.review,.badge.manager_review,.badge.in_progress,.badge.trial,.badge.trialing{background:#fff4df;color:#a8650a}.badge.rejected,.badge.declined,.badge.terminated,.badge.suspended,.badge.cancelled,.badge.overdue,.badge.critical{background:#ffeaec;color:#b73545}.badge.draft,.badge.archived,.badge.closed,.badge.inactive{background:#edf0f5;color:#667187}.badge.interview,.badge.self_review,.badge.screening{background:#eceaff;color:#584bc6}.icon-button{color:#6558e8;font-size:9px;font-weight:600}.empty{text-align:center!important;color:#8b95a8;padding:38px!important}.empty b{display:block;font-size:12px;color:#475268}.empty p{font-size:10px}.empty-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:#f0eefe;color:#6558e8;font-size:17px}.pagination{padding:12px 16px;border-top:1px solid #edf0f5}.pagination svg{width:14px}.pagination>nav>div:first-child{display:none}.pagination>nav>div:last-child{display:flex;align-items:center;justify-content:space-between}.pagination span,.pagination a{font-size:9px}.form-layout{max-width:980px}.form-card{padding-bottom:20px}.section-title{display:flex;align-items:flex-start;gap:11px;padding:18px 20px;border-bottom:1px solid #edf0f5;margin-bottom:18px}.section-title>span{width:25px;height:25px;border-radius:7px;background:#edeaff;color:#5d50ce;display:grid;place-items:center;font-weight:700;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:0 20px}.form-grid label,.stack label{display:flex;flex-direction:column;gap:6px;color:#59657a;font-size:10px;font-weight:600}.form-grid .span-2{grid-column:span 2}.check{flex-direction:row!important;align-items:center!important;font-weight:500!important}.check input{width:15px;height:15px;min-height:0}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:4px 0 24px}.title-row{display:flex;align-items:center;gap:10px}.title-row h1{margin-right:4px}.details{display:grid;grid-template-columns:1fr 1fr;padding:7px 19px 18px;margin:0;gap:0 24px}.details>div{padding:11px 0;border-bottom:1px solid #eef1f5}.details>div.wide{grid-column:span 2}.details dt{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8a95a8;margin-bottom:4px}.details dd{margin:0;font-size:11px;font-weight:500;color:#364258;white-space:pre-line}.record-meta{font-size:9px;color:#98a1b1}.profile-head{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.profile-avatar{width:58px;height:58px;min-width:58px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6e62e8,#5549ca);color:white;font:700 18px Manrope}.push{margin-left:auto}.person{display:flex;align-items:center;gap:9px}.privacy-label{font-size:8px;color:#8e97a7}.report-row{display:flex;justify-content:space-between;padding:11px 19px;border-bottom:1px solid #eef1f5;font-size:10px}.report-row:last-child{border:0}.alert{padding:12px 15px;border-radius:9px;margin-bottom:17px;font-size:11px}.alert.success{background:#eaf8f4;border:1px solid #cfece4;color:#0c765f}.alert.danger{background:#fff0f1;border:1px solid #ffd8dc;color:#ae3542}.alert ul{margin:6px 0 0;padding-left:18px}.error-page{text-align:center;padding:13vh 20px}.error-page>strong{font:800 80px Manrope;color:#e2dffd}.error-page h1{font:800 25px Manrope;margin:-18px 0 8px}.error-page p{color:var(--muted);margin-bottom:20px}.auth-body{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.auth-visual{background:linear-gradient(135deg,rgba(12,22,44,.9),rgba(48,40,121,.78)),url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;align-items:flex-end;padding:8vw;color:#fff}.auth-copy{max-width:620px}.pill{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:9px;letter-spacing:1.4px}.auth-copy h1{font:800 clamp(36px,5vw,62px)/1.07 Manrope;margin:20px 0;letter-spacing:-2px}.auth-copy h1 em{font-style:normal;color:#aca5ff}.auth-copy>p{font-size:16px;line-height:1.6;color:#d8dcef;max-width:500px}.trust-row{display:flex;gap:19px;margin-top:28px;color:#cbd1e1;font-size:10px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:28px}.brand.dark{padding:0;height:auto;color:#162039}.brand.dark small{color:#8c95a5}.auth-card h2{font:800 25px Manrope;margin:5px 0}.muted{color:var(--muted);font-size:11px}.stack{display:flex;flex-direction:column;gap:15px}.auth-foot{text-align:center;color:#9aa2b0;font-size:9px}
@media(max-width:1100px){.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.details-grid{grid-template-columns:1fr}.auth-body{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.25)}.main{margin-left:0}.menu-button{display:block;border:0;background:transparent;margin-right:12px}.topbar{padding:0 15px}.date{display:none}.page{padding:18px 13px}.page-heading{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.filters{flex-wrap:wrap}.search{min-width:100%}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .push{margin-left:0}.trust-row{flex-direction:column}.details{grid-template-columns:1fr}.details>div.wide{grid-column:auto}}
@media print{.sidebar,.topbar,.button,.filters{display:none!important}.main{margin:0}.page{padding:0}.card{box-shadow:none;break-inside:avoid}}
.careers-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,8vw);background:#fff;border-bottom:1px solid var(--line)}.careers-nav .brand{padding:0}.careers-nav>span{font-size:10px;color:var(--muted)}.careers-hero{text-align:center;padding:90px 20px 78px;background:radial-gradient(circle at top,#eceaff 0,#f7f8fc 47%,#fff 100%)}.careers-hero h1{font:800 clamp(38px,6vw,64px) Manrope;letter-spacing:-2px;margin:12px 0}.careers-hero>p:last-child{color:var(--muted);font-size:15px}.careers-main{max-width:940px;margin:auto;padding:52px 24px}.job-list{display:grid;gap:12px}.job-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;transition:.2s}.job-card:hover{transform:translateY(-2px);border-color:#bfb9f7;box-shadow:var(--shadow)}.job-card h3{font:700 15px Manrope;margin:0 0 6px}.job-card p{font-size:11px;color:var(--muted);margin:0}.job-card>span{color:var(--primary);font-size:11px;font-weight:700}.careers-foot{text-align:center;padding:28px;color:#929baa;font-size:9px;border-top:1px solid var(--line);background:#fff}.job-page{max-width:1120px;margin:54px auto;padding:0 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:54px}.job-description h1{font:800 clamp(32px,5vw,50px) Manrope;letter-spacing:-1.5px;margin:12px 0}.job-meta{display:flex;gap:16px;flex-wrap:wrap;color:#69758a;font-size:11px;padding-bottom:28px;border-bottom:1px solid var(--line)}.rich-copy{padding-top:28px;line-height:1.8;color:#4a566b;font-size:13px}.application-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:27px;height:max-content}.application-card h2{font:800 19px Manrope;margin:0}.application-card>p{color:var(--muted);font-size:10px;margin-bottom:20px}@media(max-width:760px){.job-page{grid-template-columns:1fr;gap:28px;margin-top:30px}.careers-nav>span{display:none}.careers-hero{padding:65px 18px}.job-card{align-items:flex-start;gap:15px}}

/* GlobalHR premium visual upgrade — keeps existing Laravel functionality intact */
:root{--premium-shadow:0 16px 42px rgba(21,34,61,.08);--premium-line:#e7ebf2}
body{background:radial-gradient(circle at 90% 0,rgba(100,88,232,.045),transparent 26%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#0b1629 0%,#111d34 58%,#0c1628 100%);box-shadow:12px 0 40px rgba(12,24,46,.05)}
.brand-mark{background:linear-gradient(145deg,#8b7dff,#5d4fd7 62%,#4558db);box-shadow:0 11px 26px rgba(102,88,232,.34)}
.nav-link{position:relative;overflow:hidden}.nav-link:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent);opacity:0;transition:.18s}.nav-link:hover:before{opacity:1}.nav-link.active{background:linear-gradient(90deg,#695ce6,#5661df);box-shadow:0 10px 24px rgba(74,65,190,.28)}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.page{padding-top:32px}.page-heading h1,.profile-head h1{font-size:28px;letter-spacing:-.9px}.eyebrow{letter-spacing:1.65px!important}
.button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#6e61e8,#5360dc);box-shadow:0 9px 21px rgba(84,74,202,.2)}.button.primary:hover{box-shadow:0 12px 25px rgba(84,74,202,.26)}
.stat-card,.card,.profile-head{border-color:var(--premium-line);box-shadow:var(--premium-shadow)}.stat-card{border-radius:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(21,34,61,.11);border-color:#dce1ec}.stat-icon{border-radius:12px}.card{border-radius:15px}.card-head{min-height:66px}.activity{transition:background .15s ease,padding-left .15s ease}.activity:hover{padding-left:21px}.meter{height:6px}.meter i{background:linear-gradient(90deg,#6558e8,#9a8ef5)}
input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s}.profile-avatar{border-radius:17px;box-shadow:0 10px 25px rgba(84,73,201,.2)}
.auth-body{background:#f6f8fb}.auth-visual{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(7,19,38,.93),rgba(33,38,105,.71)),url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1800&q=86') center/cover}.auth-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to top,#000,transparent 68%);z-index:-1}.auth-visual:after{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);z-index:-1}.auth-copy h1{letter-spacing:-2.7px}.auth-copy h1 em{background:linear-gradient(90deg,#b6afff,#6addec);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-panel{background:radial-gradient(circle at 80% 10%,rgba(103,88,232,.06),transparent 28%),#fff}.auth-card{background:rgba(255,255,255,.85);padding:10px}.auth-card .button.primary{min-height:48px}.trust-row span{display:inline-flex;align-items:center;gap:5px}.pill{backdrop-filter:blur(12px)}
.careers-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.careers-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,rgba(7,19,38,.91),rgba(39,37,110,.72)),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1800&q=84') center 45%/cover}.careers-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}.careers-hero>*{position:relative;z-index:1}.careers-hero .eyebrow{color:#b7afff!important}.careers-hero>p:last-child{color:#d8dfeb}.job-card{border-radius:14px;box-shadow:0 8px 24px rgba(31,42,68,.035)}.job-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(31,42,68,.09)}
.ui-enter{animation:uiEnter .55s cubic-bezier(.2,.7,.2,1) both}@keyframes uiEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ui-enter{animation:none!important}.stat-card,.card,.activity,.button{transition:none!important}}

/* =========================================================
   GlobalHR Admin Experience v1.2
   Executive dashboard, login back navigation and responsive polish
   ========================================================= */
.auth-panel{position:relative}.auth-back{position:absolute;top:26px;left:30px;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 12px;border:1px solid #e2e6ef;border-radius:10px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);color:#4d5870;font-size:11px;font-weight:700;box-shadow:0 8px 24px rgba(24,36,60,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.auth-back span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f0eefe;color:#6155d8;font-size:14px}.auth-back:hover{transform:translateX(-2px);border-color:#cfc9fb;box-shadow:0 12px 28px rgba(24,36,60,.09)}
.top-site-link{display:inline-flex;align-items:center;gap:5px;color:#5c6680;font-size:10px;font-weight:700;padding:6px 9px;border:1px solid #e5e9f1;border-radius:8px;background:#fff;transition:.18s}.top-site-link:hover{border-color:#cbc5f7;color:#5c4fd2;box-shadow:0 5px 16px rgba(42,49,73,.07)}

.dashboard-hero,.platform-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-height:300px;margin-bottom:20px;border-radius:20px;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 10%,rgba(121,111,255,.42),transparent 27%),linear-gradient(125deg,#0c1a31 0%,#192957 50%,#3c3497 100%);box-shadow:0 24px 54px rgba(21,31,64,.18);isolation:isolate}.dashboard-hero:before,.platform-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 90%);z-index:-1}.dashboard-hero-copy,.platform-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:42px 44px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;font-size:9px;font-weight:800;letter-spacing:1.45px;color:#c9c6ff}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#55e2b5;box-shadow:0 0 0 5px rgba(85,226,181,.1);animation:heroPulse 2.2s ease-in-out infinite}.dashboard-hero h1,.platform-hero h1{font:800 clamp(30px,3.2vw,46px)/1.04 Manrope;margin:14px 0 12px;letter-spacing:-1.7px}.dashboard-hero-copy>p,.platform-hero>div:first-child>p{max-width:650px;margin:0;color:#d6dced;font-size:13px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.button.light{background:#fff;color:#26314a;border-color:#fff;box-shadow:0 10px 26px rgba(5,15,35,.18)}.button.light:hover{background:#f7f7fb}.button.hero-ghost{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.17);backdrop-filter:blur(8px)}.button.hero-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.dashboard-hero-visual{position:relative;min-height:300px;padding:27px 30px 27px 0;display:flex;align-items:center}.dashboard-hero-visual:after{content:"";position:absolute;inset:10% 5% 10% 10%;border-radius:24px;background:radial-gradient(circle at 50% 100%,rgba(67,219,190,.19),transparent 45%);filter:blur(10px);z-index:-1}.dashboard-hero-visual img{width:100%;max-height:246px;object-fit:cover;object-position:center;border-radius:17px;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px rgba(7,15,37,.28);opacity:.92;animation:heroImageFloat 7s ease-in-out infinite}.hero-float{position:absolute;display:flex;align-items:center;gap:9px;min-width:126px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(8,18,40,.72);backdrop-filter:blur(13px);box-shadow:0 14px 28px rgba(7,15,37,.22)}.hero-float>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#8076ff,#5b51d1);font-size:9px;font-weight:800}.hero-float b,.hero-float small{display:block}.hero-float b{font:800 15px Manrope}.hero-float small{font-size:8px;color:#aebbd2;margin-top:1px}.hero-float-a{left:-8px;bottom:38px}.hero-float-b{right:17px;top:38px;animation:miniFloat 5.4s ease-in-out infinite}
@keyframes heroPulse{50%{box-shadow:0 0 0 9px rgba(85,226,181,0)}}@keyframes heroImageFloat{50%{transform:translateY(-5px)}}@keyframes miniFloat{50%{transform:translateY(7px)}}

.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{position:relative;color:inherit}.metric-card>div{min-width:0}.metric-card p b{color:#119071}.metric-arrow{margin-left:auto;align-self:flex-start;color:#a1a8b8;font-size:13px;transition:.18s}.metric-card:hover .metric-arrow{color:#6155db;transform:translate(2px,-2px)}.stat-icon.violet{background:#efedff;color:#6254d8}
.admin-insights-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.card-chip{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:99px;background:#efedff;color:#5b50ca;font-size:8px;font-weight:800;letter-spacing:.2px}.muted-chip{background:#f2f4f8;color:#7b869a}.workforce-chart-wrap{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:24px;padding:23px 26px 28px}.donut-chart{width:164px;height:164px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6558e8 0 var(--onsite),#25b39b var(--onsite) var(--hybrid-end),#4c9df0 var(--hybrid-end) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 15px 36px rgba(46,54,87,.08)}.donut-chart>div{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 1px #edf0f5}.donut-chart strong{font:800 26px Manrope}.donut-chart span{font-size:8px;color:#8a94a7;text-transform:uppercase;letter-spacing:.7px}.legend-list{display:grid;gap:9px}.legend-list>div{display:grid;grid-template-columns:12px 1fr auto 42px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f2f6}.legend-list>div:last-child{border:0}.legend-list b{font-size:10px}.legend-list strong{font:700 11px Manrope}.legend-list small{font-size:9px;text-align:right;color:#8b95a7}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.onsite{background:#6558e8}.legend-dot.hybrid{background:#25b39b}.legend-dot.remote{background:#4c9df0}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:#1eb58f;box-shadow:0 0 0 6px rgba(30,181,143,.09)}.attention-list a{display:grid;grid-template-columns:38px 1fr auto 12px;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid #f0f2f6;transition:.18s}.attention-list a:last-child{border:0}.attention-list a:hover{background:#fafaff;padding-left:21px}.attention-list a>div b,.attention-list a>div small{display:block}.attention-list a>div b{font-size:10px}.attention-list a>div small{font-size:8px;color:#8e97a7;margin-top:3px}.attention-list a>strong{font:800 15px Manrope}.attention-list a>i{font-style:normal;color:#9ca5b5;font-size:18px}.attention-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:800}.attention-icon.violet{background:#efedff;color:#6558e8}.attention-icon.teal{background:#e8f8f4;color:#138a72}.attention-icon.amber{background:#fff5e5;color:#ba7613}.attention-icon.rose{background:#fff0f1;color:#bf4352}
.admin-dashboard-grid{grid-template-columns:1.35fr .65fr}.premium-activity{min-height:66px}.department-meter{padding:14px 18px}.department-meter .meter{margin-top:9px}.admin-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px}.recent-hires-card{height:max-content}.hire-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #f0f2f6}.hire-row:last-child{border:0}.hire-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#ece9ff,#e6f7f5);color:#5a50c8;font-size:9px;font-weight:800}.hire-row b,.hire-row small{display:block}.hire-row b{font-size:10px}.hire-row small{margin-top:3px;color:#8b95a6;font-size:8px}.hire-row>span:last-child{font-size:8px;color:#8993a5;background:#f4f6f9;padding:5px 7px;border-radius:7px}

.platform-hero{grid-template-columns:1fr 300px;min-height:270px}.platform-orbit{position:relative;display:grid;place-content:center;align-self:center;justify-self:center;width:210px;height:210px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 64px rgba(255,255,255,.018);text-align:center}.platform-orbit:before{content:"";position:absolute;inset:32px;border:1px dashed rgba(255,255,255,.2);border-radius:50%;animation:orbitSpin 18s linear infinite}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#8d82ff,#5b50d0);font:800 25px Manrope;box-shadow:0 15px 34px rgba(7,15,37,.28)}.platform-orbit strong{position:absolute;bottom:27px;left:0;right:0;font:800 18px Manrope}.platform-orbit small{position:absolute;bottom:15px;left:0;right:0;font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#b9c2d6}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#52ddb6;box-shadow:0 0 0 5px rgba(82,221,182,.09)}.orbit-dot.one{top:15px;left:94px}.orbit-dot.two{right:25px;bottom:52px;background:#78a8ff}.orbit-dot.three{left:21px;bottom:58px;background:#b0a5ff}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.platform-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-mix{padding:13px 20px 18px}.plan-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f6}.plan-row:last-child{border:0}.plan-badge{width:35px;height:35px;border-radius:10px;background:#efedff;color:#6154d4;display:grid;place-items:center;font-size:10px;font-weight:800}.plan-row>div b{font-size:10px}.plan-row .meter{margin-top:6px}.plan-row>strong{font:800 14px Manrope}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.country-grid>div{padding:15px;border:1px solid #edf0f5;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfcfe)}.country-grid span,.country-grid b,.country-grid small{display:block}.country-grid span{font-size:8px;letter-spacing:1px;color:#7d8799;font-weight:800}.country-grid b{font:800 21px Manrope;margin:4px 0 1px}.country-grid small{font-size:8px;color:#939cac}.country-code{display:inline-flex;min-width:30px;justify-content:center;padding:4px 6px;border-radius:6px;background:#f0f2f7;font-size:8px;font-weight:800}

@media(max-width:1180px){.dashboard-hero,.platform-hero{grid-template-columns:1fr}.dashboard-hero-visual{display:none}.platform-orbit{display:none}.admin-stat-grid,.platform-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-insights-grid,.platform-insights-grid,.admin-lower-grid{grid-template-columns:1fr}.workforce-chart-wrap{grid-template-columns:180px 1fr}}
@media(max-width:760px){.auth-back{top:18px;left:18px}.auth-card{padding-top:42px}.top-site-link{display:none}.dashboard-hero,.platform-hero{border-radius:16px;min-height:auto}.dashboard-hero-copy,.platform-hero>div:first-child{padding:30px 23px}.dashboard-hero h1,.platform-hero h1{font-size:31px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.admin-stat-grid,.platform-stat-grid{grid-template-columns:1fr}.admin-insights-grid{grid-template-columns:1fr}.workforce-chart-wrap{grid-template-columns:1fr;justify-items:center}.legend-list{width:100%}.admin-lower-grid{grid-template-columns:1fr}.country-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding-right:14px}.top-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-kicker i,.dashboard-hero-visual img,.hero-float-b,.platform-orbit:before{animation:none!important}}
.metric-card.is-disabled{cursor:default;pointer-events:none;opacity:.76}.metric-card.is-disabled .metric-arrow{display:none}

/* =========================================================
   v1.3 configurable branding, dark mode & website CMS
   ========================================================= */
:root{--site-primary:#6558e8;--site-secondary:#167f9b;--site-accent:#55e2b5}
.brand-mark,.profile-avatar,.mock-logo,.orbit-core{background:linear-gradient(145deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 72%,#273d91))}
.brand-logo{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:11px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.14)}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.brand.dark .brand-logo{border-color:#e3e7ef;background:#fff}
.button.primary{background:linear-gradient(135deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 74%,#243fa4))}.button.primary:hover{filter:brightness(.96)}
.eyebrow,.back,.icon-button,.card-head a,.job-card>span{color:var(--site-primary)!important}.nav-link.active{background:linear-gradient(90deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 72%,#273d91))}.meter i{background:linear-gradient(90deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 48%,#c5c0ff))}
.auth-visual{background:linear-gradient(135deg,rgba(7,19,38,.93),rgba(33,38,105,.71)),var(--auth-image,url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1800&q=86')) center/cover}
.admin-theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#526078;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(31,42,68,.05)}.admin-theme-toggle .moon{display:none}.auth-theme-toggle{position:absolute;right:28px;top:27px;z-index:4}.careers-nav-actions{display:flex;align-items:center;gap:14px}.careers-nav-actions>span{font-size:10px;color:var(--muted)}

.website-page-heading{align-items:center}.website-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.website-settings-nav{position:sticky;top:84px;margin:0;padding:10px;overflow:visible}.website-nav-head{display:flex;align-items:center;gap:10px;padding:10px 9px 15px;border-bottom:1px solid var(--line);margin-bottom:8px}.website-nav-head>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 72%,#273d91));color:#fff;font-weight:800}.website-nav-head b,.website-nav-head small{display:block}.website-nav-head b{font-size:11px}.website-nav-head small{font-size:8px;color:var(--muted);margin-top:2px}.website-settings-nav>a{display:block;padding:9px 10px;border-radius:8px;color:#6f7b90;font-size:10px;font-weight:600;transition:.15s}.website-settings-nav>a:hover,.website-settings-nav>a.active{background:#f0eefe;color:var(--site-primary)}
.website-settings-panels{min-width:0}.settings-card{scroll-margin-top:84px;overflow:visible}.settings-card-head{display:flex;gap:12px;align-items:flex-start;padding:19px 20px;border-bottom:1px solid var(--line)}.settings-card-head h2{font:800 15px Manrope;margin:0}.settings-card-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.settings-index{width:28px;height:28px;min-width:28px;border-radius:8px;background:#efedff;color:var(--site-primary);display:grid;place-items:center;font-size:9px;font-weight:800}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.settings-grid>label{display:flex;flex-direction:column;gap:6px;color:#5c687c;font-size:10px;font-weight:650}.settings-grid>label>small,.upload-field span small{color:#929bad;font-size:8px;font-weight:500;margin-left:3px}.settings-grid .span-2{grid-column:1/-1}.settings-grid textarea{min-height:90px}.upload-field input[type=file]{padding:8px;background:#fafbfe;border-style:dashed}.media-current{display:flex;gap:14px;padding:0 20px 20px}.media-current>div{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.media-current img{width:70px;height:52px;border-radius:8px;object-fit:contain;background:#fff}.media-current.wide img{width:150px;height:88px;object-fit:cover}.inline-check{font-size:9px;color:#6f7b8f;display:flex;gap:7px;align-items:center}.inline-check input{width:14px;height:14px;min-height:0}.color-input{height:42px;border:1px solid #dce1eb;border-radius:8px;background:#fff;display:flex;align-items:center;padding:5px 9px;gap:9px}.color-input input{width:31px;height:29px;min-height:0;padding:0;border:0;background:transparent}.color-input code{font-size:9px;color:#788398}.settings-switch-row{display:flex;align-items:center;gap:11px;margin:18px 20px 0;padding:13px 14px;border:1px solid #e7eaf1;border-radius:11px;background:#fafbfe}.settings-switch-row b,.settings-switch-row small{display:block}.settings-switch-row b{font-size:10px}.settings-switch-row small{font-size:8px;color:#8a94a7;margin-top:3px}.switch{position:relative;width:40px;height:22px;min-width:40px}.switch>input{position:absolute;opacity:0;pointer-events:none}.switch>span{position:absolute;inset:0;border-radius:99px;background:#d8deea;cursor:pointer;transition:.2s}.switch>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.switch>input:checked+span{background:var(--site-primary)}.switch>input:checked+span:after{transform:translateX(18px)}.website-save-bar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;gap:10px;padding:13px 14px;margin:12px 0 26px;border:1px solid rgba(224,228,238,.95);border-radius:13px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 16px 42px rgba(24,36,60,.12)}.website-save-bar>div{margin-right:auto}.website-save-bar b,.website-save-bar small{display:block}.website-save-bar b{font-size:10px}.website-save-bar small{font-size:8px;color:var(--muted);margin-top:2px}

html[data-theme="dark"]{color-scheme:dark;--ink:#e8eef8;--muted:#9aa8bc;--line:#26364e;--bg:#091220;--card:#101c2d;--shadow:0 12px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}html[data-theme="dark"] .topbar,html[data-theme="dark"] .card,html[data-theme="dark"] .profile-head,html[data-theme="dark"] .application-card,html[data-theme="dark"] .careers-nav,html[data-theme="dark"] .careers-foot{background:#101c2d;border-color:var(--line)}
html[data-theme="dark"] .topbar{box-shadow:0 8px 24px rgba(0,0,0,.12)}html[data-theme="dark"] .breadcrumbs b,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .profile-head h1,html[data-theme="dark"] .card-head h2,html[data-theme="dark"] .form-card h2,html[data-theme="dark"] td b,html[data-theme="dark"] .details dd,html[data-theme="dark"] .job-card h3,html[data-theme="dark"] .application-card h2{color:#eef3fb}
html[data-theme="dark"] .button.secondary,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .color-input,html[data-theme="dark"] .admin-theme-toggle{background:#0d1828;border-color:#2b3b54;color:#dde6f2}
html[data-theme="dark"] .button.ghost{color:#9cabc0}.admin-theme-toggle .sun{display:inline}html[data-theme="dark"] .admin-theme-toggle .sun{display:none}html[data-theme="dark"] .admin-theme-toggle .moon{display:inline}
html[data-theme="dark"] th{background:#0c1727;color:#8e9cb0;border-color:#24354e}html[data-theme="dark"] td,html[data-theme="dark"] .activity,html[data-theme="dark"] .hire-row,html[data-theme="dark"] .attention-list a,html[data-theme="dark"] .plan-row,html[data-theme="dark"] .card-head,html[data-theme="dark"] .section-title{border-color:#22324a;color:#aab7c9}html[data-theme="dark"] tbody tr:hover,html[data-theme="dark"] .activity:hover,html[data-theme="dark"] .attention-list a:hover{background:#132137}
html[data-theme="dark"] .stat-card{background:#101c2d;border-color:#26364e}html[data-theme="dark"] .donut-chart>div{background:#101c2d;box-shadow:0 0 0 1px #2b3a51}html[data-theme="dark"] .country-grid>div{background:#0d1828;border-color:#273850}html[data-theme="dark"] .auth-panel{background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--site-primary) 10%,transparent),transparent 28%),#0b1422}html[data-theme="dark"] .auth-card{background:rgba(11,20,34,.86)}html[data-theme="dark"] .brand.dark{color:#f1f5fb}html[data-theme="dark"] .auth-back{background:rgba(14,25,42,.84);border-color:#2b3b53;color:#b9c5d6}html[data-theme="dark"] .auth-back span{background:#1d2943;color:#bbb4ff}
html[data-theme="dark"] .careers-hero{background:linear-gradient(120deg,rgba(4,12,25,.94),rgba(35,31,99,.76)),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1800&q=84') center 45%/cover}html[data-theme="dark"] .job-card{background:#101c2d;border-color:#27374f}html[data-theme="dark"] .rich-copy,html[data-theme="dark"] .job-meta{color:#a5b2c5}
html[data-theme="dark"] .website-settings-nav>a:hover,html[data-theme="dark"] .website-settings-nav>a.active{background:#1a2740}html[data-theme="dark"] .settings-switch-row,html[data-theme="dark"] .media-current>div,html[data-theme="dark"] .upload-field input[type=file]{background:#0c1727;border-color:#283951}html[data-theme="dark"] .media-current img{background:#fff}html[data-theme="dark"] .website-save-bar{background:rgba(16,28,45,.94);border-color:#2b3b53;box-shadow:0 16px 42px rgba(0,0,0,.3)}

@media(max-width:1050px){.website-settings-layout{grid-template-columns:1fr}.website-settings-nav{position:relative;top:auto;display:flex;gap:5px;overflow:auto;padding:8px}.website-nav-head{display:none}.website-settings-nav>a{white-space:nowrap}}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.website-page-heading{align-items:flex-start}.website-page-heading .button-row{width:100%;flex-wrap:wrap}.media-current{flex-direction:column}.website-save-bar{bottom:8px;flex-wrap:wrap}.website-save-bar>div{width:100%;margin-right:0}.careers-nav-actions>span{display:none}.auth-theme-toggle{right:18px;top:18px}}

/* v1.5 Classic brand mark across login/admin */
.brand-mark.classic-mark{border-radius:50%!important;background:transparent!important;border:1px solid var(--site-accent,#c7a66a)!important;color:var(--site-primary,#17324d)!important;font-family:Georgia,'Times New Roman',serif!important;font-size:12px!important;letter-spacing:-.6px!important;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--site-accent,#c7a66a) 12%,transparent)!important}
[data-theme="dark"] .brand-mark.classic-mark{color:#f3d9a8!important}
.brand>span:last-child>b{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.25px}

/* =========================================================
   v1.6 Registration + SMTP control center
========================================================= */
.auth-switch{margin:4px 0 0;text-align:center;font-size:12px;color:var(--muted,#718096)}
.auth-switch a{color:var(--site-accent,#b88a36);font-weight:800;text-decoration:none}.auth-switch a:hover{text-decoration:underline}
.register-auth-panel{overflow-y:auto}.register-card{max-width:620px}.register-stack{gap:14px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-form-grid.three{grid-template-columns:repeat(3,1fr)}.auth-card select{width:100%;border:1px solid var(--line,#dbe2ea);border-radius:10px;background:var(--input,#fff);color:inherit;padding:12px 13px;outline:none}.password-note{margin:-4px 0 0;font-size:11px;color:var(--muted,#718096)}
.mail-settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}.mail-state{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}.mail-state.on{background:rgba(24,160,112,.12);color:#15805c}.mail-state.off{background:rgba(128,139,154,.13);color:#6b7482}.settings-switch-row small{display:block;margin-top:4px;color:var(--muted,#718096)}.mail-security-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:12px;background:rgba(184,138,54,.08);border:1px solid rgba(184,138,54,.2)}.mail-security-note b{white-space:nowrap}.mail-security-note span{font-size:12px;color:var(--muted,#718096);line-height:1.6}.mail-test-status,.mail-help{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#e3e8ef)}.mail-test-status p,.mail-help p{margin:8px 0;color:var(--muted,#718096);font-size:12px;line-height:1.55}.mail-test-status small{display:block;margin-top:8px;word-break:break-word;color:var(--muted,#718096)}.status-badge{display:inline-flex;margin-left:8px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.status-badge.success{background:rgba(24,160,112,.12);color:#15805c}.status-badge.danger{background:rgba(190,52,68,.12);color:#b63545}
@media(max-width:980px){.register-auth-panel{min-height:100vh}.mail-settings-layout{grid-template-columns:1fr}.auth-form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.auth-form-grid,.auth-form-grid.three{grid-template-columns:1fr}.register-card{max-width:none}.mail-security-note{flex-direction:column;gap:5px}}


/* GlobalHR v1.6.1 - login navigation refinement */
.auth-back-bottom {
    position: static !important;
    align-self: center;
    margin: 18px auto 0;
    display: inline-flex;
    width: auto;
}

@media (max-width: 860px) {
    .auth-back-bottom {
        margin-top: 16px;
        margin-bottom: 10px;
    }
}

/* =========================================================
   v1.7 Email verification + client command center
========================================================= */
.verify-auth-panel{overflow-y:auto}.verify-card{max-width:520px}.verify-heading{text-align:center}.verify-mail-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:color-mix(in srgb,var(--site-accent,#c7a66a) 12%,transparent);border:1px solid color-mix(in srgb,var(--site-accent,#c7a66a) 40%,transparent);color:var(--site-accent,#c7a66a);font-size:22px}.verify-code-label{font-size:11px!important}.verification-code-input{font-family:'Courier New',monospace!important;text-align:center!important;font-size:28px!important;font-weight:900!important;letter-spacing:12px!important;padding-left:24px!important;min-height:60px!important}.verify-submit{min-height:52px}.verify-resend{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px;font-size:11px;color:var(--muted)}.verify-resend form{margin:0}.verify-resend button{border:0;background:transparent;color:var(--site-accent,#c7a66a);font-weight:850;cursor:pointer;padding:0}.verify-security{text-align:center;font-size:10px;color:var(--muted);line-height:1.55;margin:18px 0 0}

.client-command-strip{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(150px,.48fr) minmax(170px,.52fr);gap:14px;margin:0 0 16px}.workspace-readiness,.client-plan-card,.client-alert-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.workspace-readiness{display:flex;align-items:center;gap:18px;padding:18px 20px}.workspace-readiness h2,.quick-launch-card h2,.operations-pulse h2{margin:3px 0 5px;font-size:18px;color:var(--ink)}.workspace-readiness p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.command-eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:900;color:var(--site-accent,#c7a66a)}.readiness-ring{--score:25;width:76px;height:76px;min-width:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--site-accent,#c7a66a) calc(var(--score)*1%),rgba(132,149,173,.16) 0);position:relative}.readiness-ring:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:var(--card);box-shadow:0 0 0 1px var(--line)}.readiness-ring span{position:relative;z-index:1;text-align:center;display:grid}.readiness-ring b{font-size:15px}.readiness-ring small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.client-plan-card,.client-alert-card{padding:18px;display:flex;flex-direction:column;justify-content:center}.client-plan-card>span,.client-alert-card>span{font-size:8px;color:var(--muted);font-weight:850;letter-spacing:1.3px}.client-plan-card strong,.client-alert-card strong{font-size:25px;margin:5px 0 3px;text-transform:capitalize}.client-plan-card small,.client-alert-card small{font-size:9px;color:var(--muted);line-height:1.4}.client-alert-card.has-alerts{background:linear-gradient(145deg,color-mix(in srgb,#bf4a5c 8%,var(--card)),var(--card));border-color:color-mix(in srgb,#bf4a5c 28%,var(--line))}.client-alert-card.has-alerts strong{color:#c74f60}

.quick-launch-card{display:flex;align-items:center;gap:24px;padding:17px 20px;margin-bottom:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.quick-launch-card>div:first-child{min-width:150px}.quick-launch-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-launch-grid a{position:relative;display:grid;grid-template-columns:34px 1fr 16px;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:color-mix(in srgb,var(--card) 94%,var(--bg));transition:.2s}.quick-launch-grid a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--site-accent) 55%,var(--line));box-shadow:0 10px 25px rgba(13,31,53,.08)}.quick-icon{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:900}.quick-icon.blue{background:#eaf2ff;color:#286ad8}.quick-icon.green{background:#e6f8f2;color:#13805f}.quick-icon.violet{background:#efedff;color:#6757e8}.quick-icon.amber{background:#fff3dd;color:#b47717}.quick-launch-grid b{font-size:10px;color:var(--ink)}.quick-launch-grid small{font-size:8px;color:var(--muted)}.quick-launch-grid i{grid-column:3;grid-row:1/3;font-style:normal;color:var(--muted)}

.operations-pulse{margin-bottom:16px;padding:18px 20px;background:linear-gradient(120deg,#10233a,#142c49);border:1px solid #28415d;border-radius:16px;color:white;box-shadow:0 14px 36px rgba(8,25,46,.14)}.pulse-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pulse-head h2{color:#fff}.pulse-head>span{font-size:9px;color:#9eb1c8;border:1px solid #314b67;padding:7px 10px;border-radius:999px}.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pulse-grid>div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.pulse-value{display:block;font-family:Georgia,'Times New Roman',serif;font-size:27px;color:#f1d094;margin-bottom:7px}.pulse-grid b,.pulse-grid small{display:block}.pulse-grid b{font-size:10px;color:#fff}.pulse-grid small{font-size:8px;color:#91a4bb;margin-top:4px;line-height:1.4}

html[data-theme="dark"] .quick-icon.blue{background:#162b49;color:#80adff}html[data-theme="dark"] .quick-icon.green{background:#12352d;color:#64d3ae}html[data-theme="dark"] .quick-icon.violet{background:#28254c;color:#aaa3ff}html[data-theme="dark"] .quick-icon.amber{background:#3b2e18;color:#e9bb69}

@media(max-width:1120px){.client-command-strip{grid-template-columns:1fr 1fr}.workspace-readiness{grid-column:1/-1}.quick-launch-card{align-items:flex-start;flex-direction:column}.quick-launch-card>div:first-child{min-width:0}.quick-launch-grid{width:100%}.pulse-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.client-command-strip{grid-template-columns:1fr}.workspace-readiness{grid-column:auto}.quick-launch-grid{grid-template-columns:1fr 1fr}.pulse-grid{grid-template-columns:1fr 1fr}.verification-code-input{letter-spacing:8px!important;font-size:24px!important;padding-left:16px!important}}
@media(max-width:480px){.workspace-readiness{align-items:flex-start;flex-direction:column}.quick-launch-grid,.pulse-grid{grid-template-columns:1fr}.verify-resend{flex-direction:column}}

/* =========================================================
   GlobalHR v1.7.1 - visible logout controls
   Shared by company/client and platform-owner dashboards.
========================================================= */
.topbar-logout-form,
.sidebar-logout-form { margin: 0; }

.topbar-logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(244, 63, 94, .24);
    border-radius: 10px;
    background: rgba(127, 29, 29, .16);
    color: #fecdd3;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.topbar-logout-button:hover {
    transform: translateY(-1px);
    background: rgba(190, 24, 93, .24);
    border-color: rgba(251, 113, 133, .5);
}
html[data-theme="light"] .topbar-logout-button {
    color: #9f1239;
    background: #fff1f2;
    border-color: #fecdd3;
}
html[data-theme="light"] .topbar-logout-button:hover { background: #ffe4e6; }

.sidebar-user { gap: 9px; }
.sidebar-user-copy { min-width: 0; flex: 1; }
.sidebar-logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 9px;
    background: rgba(255,255,255,.04);
    color: #cbd5e1;
    font: inherit;
    cursor: pointer;
}
.sidebar-logout-button b { font-size: 10px; white-space: nowrap; }
.sidebar-logout-button:hover {
    color: #fff;
    background: rgba(190, 24, 93, .2);
    border-color: rgba(251, 113, 133, .36);
}

@media (max-width: 1180px) {
    .topbar-logout-button { padding: 0 10px; }
    .topbar-logout-button span { display: none; }
}
@media (max-width: 820px) {
    .top-actions .date,
    .top-actions .secure { display: none; }
    .topbar-logout-button { min-height: 34px; }
}
