:root{
 --purple:#8624d9;--purple2:#a540ea;--purple3:#6f1ab7;--deep:#241035;--deep2:#32134a;
 --blue:#2f6fed;--green:#12965b;--orange:#e88913;--red:#d73f4b;--cyan:#0b8fa8;
 --bg:#f7f5fb;--surface:#fff;--surface2:#fbf9fe;--text:#20172c;--muted:#756b80;--line:#e8e1ee;
 --shadow:0 10px 28px rgba(53,26,73,.08);--radius:14px
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh;font-size:14px}
button,input,select,textarea{font:inherit}.sidebar{width:252px;background:linear-gradient(180deg,#241035 0%,#32134a 55%,#1c0d2a 100%);color:#fff;padding:18px 12px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10;box-shadow:8px 0 28px rgba(27,8,42,.12)}
.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-wrap{width:56px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:5px}.logo-wrap img{max-width:100%;max-height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;letter-spacing:.2px}.brand-copy span{font-size:11px;color:#cdb8dd;margin-top:2px;text-transform:uppercase;letter-spacing:.7px}
.sidebar nav{padding-top:16px;display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#f4ecfb;padding:11px 12px;text-align:left;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:11px;transition:.18s}.sidebar nav button:hover{background:rgba(255,255,255,.08)}.sidebar nav button.active{background:linear-gradient(90deg,var(--purple3),var(--purple));box-shadow:0 6px 16px rgba(134,36,217,.25);font-weight:700}.navicon{width:20px;height:20px;display:grid;place-items:center}.navicon svg{width:19px;height:19px}
.sidebox{margin-top:auto;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:12px;padding:13px}.side-title{font-size:10px;font-weight:800;letter-spacing:.8px;color:#d7c6e4;margin-bottom:11px}.data-row{display:flex;justify-content:space-between;gap:8px;font-size:11px}.data-row b{color:#d9b6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.save-state{font-size:10px;color:#baa9c9;margin:7px 0 10px}.sidebtn{width:100%;border:1px solid rgba(255,255,255,.16);background:transparent;color:white;padding:9px;border-radius:8px;margin-top:7px;font-weight:700;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px}.sidebtn svg{width:16px}.sidebtn.primary{background:linear-gradient(90deg,var(--purple3),var(--purple));border-color:transparent}.filebtn input,.top-file input{display:none}.version{font-size:10px;color:#9f8eae;padding:12px 8px 0}
main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 24px;position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:23px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button,.top-file{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12px;cursor:pointer;color:#342940;display:flex;align-items:center;gap:7px;min-height:38px}.top-actions svg{width:16px;height:16px;color:var(--purple)}
#app{padding:20px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:17px}.metric{background:linear-gradient(145deg,#fff,#fdfbff);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 18px rgba(45,22,65,.04)}.metric .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.metric .ico svg{width:23px;height:23px}.metric strong{font-size:24px;display:block;line-height:1.15}.metric span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.35px}.c-green .ico{background:#eaf7f0;color:var(--green)}.c-blue .ico{background:#edf3ff;color:var(--blue)}.c-orange .ico{background:#fff4e6;color:var(--orange)}.c-purple .ico{background:#f4eaff;color:var(--purple)}.c-red .ico{background:#fdecee;color:var(--red)}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:15px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:15px;box-shadow:var(--shadow)}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel h3{margin:0;font-size:15px}.panel-sub{font-size:11px;color:var(--muted);margin-top:3px}.btn{border:1px solid #e1d8e8;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(38,20,52,.07)}.btn svg{width:15px;height:15px}.btn.primary,.btn.purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{border:1px solid #dfd5e6;border-radius:8px;padding:9px 10px;min-width:180px;background:#fff;color:var(--text);outline:none}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#b875ea;box-shadow:0 0 0 3px rgba(134,36,217,.08)}
.tablewrap{overflow:auto;border:1px solid #efe9f3;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#faf8fc;text-align:left;color:#574d60;padding:10px;border-bottom:1px solid var(--line);font-weight:800;white-space:nowrap}td{padding:10px;border-bottom:1px solid #f0ebf4;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfaff}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eee8f2;border:1px solid #e6ddeb}.namecell{display:flex;align-items:center;gap:9px}.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;background:#eaf7f0;color:#0b7d49;border:1px solid #bfe3d0;font-weight:700}.status.pending{background:#fff5e6;color:#bd6d00;border-color:#f1d4a6}.status.rejected,.status.resigned{background:#fdecee;color:#b92f3a;border-color:#f2c1c6}.status.vacation{background:#f4eaff;color:#7620bb;border-color:#dabaf0}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick button{padding:14px 8px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbf8fd);cursor:pointer;text-align:center}.quick .qico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin:0 auto 7px}.quick .qico svg{width:20px;height:20px}.note{background:#f7effd;border:1px solid #e4cff5;padding:11px;border-radius:9px;color:#5b3a71;font-size:12px}.bar{height:8px;background:#f0eaf4;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple3),var(--purple2))}
.modal{position:fixed;inset:0;background:rgba(26,15,36,.58);display:flex;align-items:center;justify-content:center;z-index:30;padding:16px;backdrop-filter:blur(2px)}.modal.hidden{display:none}.modalbox{width:min(1180px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 28px 85px rgba(20,8,30,.35)}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.modalhead h2{margin:0;font-size:19px}.modalhead p{margin:3px 0 0;color:var(--muted);font-size:11px}.modalhead button{border:0;background:transparent;font-size:27px;cursor:pointer;color:#413448}
.formtabs{display:flex;gap:4px;padding:12px 18px 0;border-bottom:1px solid #eee6f3;background:#fff;position:sticky;top:69px;z-index:2;overflow:auto}.formtab{border:0;background:transparent;color:#70657a;padding:10px 12px 11px;font-size:11px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;display:flex;gap:6px;align-items:center;white-space:nowrap}.formtab svg{width:15px;height:15px}.formtab.active{color:var(--purple);border-bottom-color:var(--purple);background:#fbf6ff}.tabpane{display:none}.tabpane.active{display:block}.formwrap{padding:16px 20px 20px}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.span2{grid-column:span 2}.field.span3{grid-column:span 3}.field.span4{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:#4a3f52}.field input,.field select,.field textarea{border:1px solid #dfd5e6;border-radius:8px;padding:9px 10px;font-size:12px;background:#fff;outline:none;color:var(--text)}.field textarea{min-height:78px;resize:vertical}.photoarea{display:flex;align-items:center;gap:15px;padding:12px;border:1px dashed #d9c9e5;border-radius:11px;background:#fcf9fe}.photoarea img{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#ece7ef;border:3px solid #fff;box-shadow:0 0 0 1px #e2d7e9}.photo-upload{display:flex;flex-direction:column;gap:7px}.photo-upload input{max-width:320px}.helper{font-size:10px;color:#86788e}.section-title{grid-column:1/-1;font-size:11px;font-weight:900;color:var(--purple);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;padding-bottom:6px;border-bottom:1px solid #f0e7f6}.formactions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;position:sticky;bottom:-1px;background:#fff}.formactions .right{display:flex;gap:8px}.summarycard{border:1px solid var(--line);border-radius:11px;padding:15px;background:linear-gradient(145deg,#fff,#fcf9fe)}.timeline{border-left:2px solid #e1c9f2;margin-left:8px;padding-left:19px}.timeline div{position:relative;margin:12px 0}.timeline div:before{content:'';position:absolute;left:-26px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--purple);border:2px solid white;box-shadow:0 0 0 1px var(--purple)}
.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.profile-kpi{background:#faf7fc;border:1px solid #eee5f3;border-radius:9px;padding:10px}.profile-kpi span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.profile-kpi b{display:block;margin-top:3px}.empty{padding:22px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.formgrid{grid-template-columns:repeat(2,1fr)}.top-actions{display:none}}
@media(max-width:760px){.sidebar{width:76px}.brand-copy,.sidebar nav button span:last-child,.sidebox,.version{display:none}.brand{justify-content:center}.logo-wrap{width:46px}.sidebar nav button{justify-content:center}.navicon{width:auto}main{margin-left:76px;width:calc(100% - 76px)}.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.span2,.field.span3,.field.span4{grid-column:auto}.formtabs{top:68px}.modal{padding:6px}.modalbox{width:100%;max-height:98vh}}
@media print{.sidebar,.topbar,.toolbar,.btn,.quick,.formtabs{display:none!important}main{margin:0;width:100%}#app{padding:0}.panel{box-shadow:none}}
/* ===== v4 professional dashboard ===== */
body{background:#f6f7fb}.topbar{box-shadow:0 1px 0 rgba(36,16,53,.03)}
.dash-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.dash-metric{min-height:105px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:16px 17px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 16px rgba(36,16,53,.035)}
.dash-metric-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.dash-metric-icon svg{width:28px;height:28px;stroke-width:1.9}
.dash-metric span{display:block;font-size:11px;font-weight:750;margin-bottom:2px}.dash-metric strong{font-size:27px;line-height:1.05;display:block;color:#15121a}.dash-metric small{display:block;margin-top:6px;font-size:11px;color:#697180}
.dash-metric.purple .dash-metric-icon{background:#f1e8fb;color:#8624d9}.dash-metric.purple span{color:#7620bb}
.dash-metric.green .dash-metric-icon{background:#e8f6ef;color:#158a54}.dash-metric.green span{color:#158a54}
.dash-metric.orange .dash-metric-icon{background:#fff1df;color:#df7a06}.dash-metric.orange span{color:#cf6f00}
.dash-metric.violet .dash-metric-icon{background:#efe9ff;color:#6a46d8}.dash-metric.violet span{color:#6a46d8}
.dash-metric.red .dash-metric-icon{background:#fde9ec;color:#cf3440}.dash-metric.red span{color:#c82e3a}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:15px;align-items:start}.dashboard-main{min-width:0}.dashboard-side{min-width:0}
.dash-grid-top{display:grid;grid-template-columns:1.08fr .95fr 1.1fr;gap:15px}.dash-panel{padding:14px;border-radius:12px;border-color:#e4e6ed;box-shadow:0 5px 18px rgba(33,25,43,.035);margin-bottom:15px}.dash-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dash-title-row h3{font-size:14px;color:#17141b}.linkbtn{border:0;background:transparent;color:#6f1ab7;font-size:10px;font-weight:800;cursor:pointer;padding:4px}
.chart-card-body{display:flex;align-items:center;gap:20px;min-height:120px}.donut{width:112px;height:112px;border-radius:50%;position:relative;flex:0 0 auto;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #f0edf3}.donut>div{position:relative;z-index:1;font-weight:800;color:#2b2530;font-size:13px}.legend{flex:1;min-width:0}.legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;margin:8px 0;font-size:10px;color:#59616e}.legend i{width:8px;height:8px;border-radius:2px}.legend b{font-weight:750;color:#25212a}.gender-body .donut{width:106px;height:106px}
.mini-list{display:flex;flex-direction:column}.mini-person{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eff0f4}.mini-person:last-child{border-bottom:0}.mini-person img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eee}.mini-person b{display:block;font-size:10.5px;color:#23202a}.mini-person span{display:block;font-size:9px;color:#7a818d;margin-top:2px}.mini-person time{font-size:9px;color:#4e5561;white-space:nowrap}.mini-list.compact .mini-person{padding:7px 0}.date-pill{background:#fff0f1;color:#c33740!important;border-radius:6px;padding:5px 6px;font-weight:700}
.recent-employees .dash-table{border-color:#eceef2}.dash-table th{font-size:9.5px;padding:9px;background:#fbfbfd}.dash-table td{font-size:10px;padding:8px}.dash-table .avatar{width:30px;height:30px}.dash-table .status{font-size:9px;padding:3px 7px}
.dash-quick{grid-template-columns:repeat(3,1fr);gap:8px}.dash-quick button{font-size:9.5px;padding:10px 5px;background:#fff;border-color:#ebedf2}.dash-quick .qico{width:34px;height:34px;margin-bottom:6px}.dash-quick .qico.green{background:#eaf7f0;color:#158a54}.dash-quick .qico.orange{background:#fff2df;color:#df7a06}.dash-quick .qico.blue{background:#edf3ff;color:#2f6fed}.dash-quick .qico.violet{background:#f0e9fb;color:#8624d9}.dash-quick .qico.blue2{background:#edf3ff;color:#214dc5}.dash-quick .qico.green2{background:#eaf7f0;color:#137a4a}
.alert-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #eff0f4}.alert-list>div:last-child{border-bottom:0}.alert-list img{width:26px;height:26px;border-radius:50%;object-fit:cover}.alert-list b{display:block;font-size:9.5px}.alert-list small{display:block;color:#777f8b;font-size:8.5px;margin-top:2px}.alert-list em{font-style:normal;background:#fff0f1;color:#c43640;padding:4px 6px;border-radius:6px;font-size:8.5px;font-weight:750}
.stats-card{padding-bottom:8px}.stat-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eff0f4}.stat-row:last-child{border-bottom:0}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat-icon svg{width:18px;height:18px}.stat-icon.green{background:#eaf7f0;color:#158a54}.stat-icon.violet{background:#f0e9fb;color:#8624d9}.stat-icon.blue{background:#edf3ff;color:#2f6fed}.stat-icon.red{background:#fdebed;color:#cf3440}.stat-row div{display:flex;align-items:center;justify-content:space-between;flex:1}.stat-row small{font-size:9.5px;color:#686f7b}.stat-row b{font-size:20px}.empty-mini{padding:16px 4px;text-align:center;color:#8b919b;font-size:10px}
@media(max-width:1350px){.dashboard-layout{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dashboard-side .panel{margin-bottom:0}.dash-grid-top{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-joinings{grid-column:span 2}.dash-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid-top,.dashboard-side{grid-template-columns:1fr}.recent-joinings{grid-column:auto}}


/* ===== v5 Premium Employee Profile ===== */
.clickable{cursor:pointer}.name-link{border:0;background:transparent;padding:0;color:#2b2034;font-weight:800;cursor:pointer;text-align:left}.name-link:hover{color:var(--purple);text-decoration:underline}.clickable-row{cursor:pointer;border-radius:8px;padding-left:5px;padding-right:5px}.clickable-row:hover{background:#faf6fd}

.profile-page{max-width:1600px;margin:0 auto}
.profile-hero{background:linear-gradient(135deg,#32134a 0%,#6f1ab7 52%,#8624d9 100%);border-radius:18px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:#fff;box-shadow:0 14px 34px rgba(75,25,110,.18);position:relative;overflow:hidden;margin-bottom:16px}
.profile-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-180px;background:rgba(255,255,255,.08)}
.profile-identity{display:flex;align-items:center;gap:18px;z-index:1}.profile-photo-lg{width:112px;height:112px;border-radius:22px;object-fit:cover;background:#eee;border:4px solid rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(24,8,35,.22)}
.profile-name-block h1{font-size:29px;margin:4px 0 4px;letter-spacing:-.3px}.profile-id{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1px;background:rgba(255,255,255,.15);padding:5px 8px;border-radius:999px}.profile-role{font-size:13px;color:#eadcf4}.profile-role span{opacity:.55;margin:0 5px}
.profile-tags{display:flex;gap:7px;margin-top:11px;align-items:center}.profile-tags .status{border:0}.soft-chip{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.profile-actions{z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px}.profile-actions .btn{background:rgba(255,255,255,.95);border:0}.profile-actions .btn.purple{background:#fff;color:#6f1ab7}.profile-actions .btn.orange{background:#fff3e2;color:#c96900}.profile-actions .btn.blue{background:#edf3ff;color:#225dcc}.profile-actions .btn.green{background:#e9f8f0;color:#087544}

.profile-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.profile-stat{background:#fff;border:1px solid #e5e7ee;border-radius:13px;padding:15px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;box-shadow:0 5px 16px rgba(30,23,36,.035)}.profile-stat>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;grid-row:span 2}.profile-stat>span svg{width:20px;height:20px}.profile-stat small{color:#747c88;font-size:9.5px;font-weight:750;text-transform:uppercase}.profile-stat b{font-size:15px}.profile-stat.purple>span{background:#f3eafe;color:#8624d9}.profile-stat.green>span{background:#eaf7f0;color:#12965b}.profile-stat.orange>span{background:#fff3e3;color:#e88913}.profile-stat.blue>span{background:#edf3ff;color:#2f6fed}.profile-stat.red>span{background:#fdecef;color:#d73f4b}

.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.profile-main{min-width:0}.profile-side{position:sticky;top:96px}
.profile-section{padding:17px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-head>div{flex:1}.section-head h3{font-size:14px;margin:0}.section-head p{margin:2px 0 0;color:#838994;font-size:9.5px}.section-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.section-icon svg{width:18px;height:18px}.section-icon.purple{background:#f3eafe;color:#8624d9}.section-icon.blue{background:#edf3ff;color:#2f6fed}.section-icon.green{background:#eaf7f0;color:#12965b}.section-icon.orange{background:#fff3e3;color:#e88913}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.info-item{border:1px solid #ececf1;background:#fbfbfd;border-radius:9px;padding:10px;min-height:58px}.info-item.wide{grid-column:span 2}.info-item span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.35px;color:#89909a;font-weight:800;margin-bottom:4px}.info-item b{display:block;font-size:11.5px;color:#2c2830;overflow-wrap:anywhere}.compact-info{margin-top:12px}
.doc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.doc-card{border:1px solid #e9eaf0;border-radius:10px;padding:11px;background:#fcfcfe;display:flex;gap:9px;min-height:110px}.doc-icon{width:34px;height:34px;border-radius:9px;background:#f1e8fb;color:#8624d9;display:grid;place-items:center;flex:0 0 auto}.doc-icon svg{width:17px}.doc-card strong{display:block;font-size:11px;margin-bottom:7px}.doc-card span{display:block;font-size:8px;color:#8b919b;text-transform:uppercase;font-weight:800;margin-top:5px}.doc-card b{display:block;font-size:10px;margin-top:2px;overflow-wrap:anywhere}
.salary-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.salary-summary>div{border-radius:10px;padding:12px;background:linear-gradient(145deg,#faf7fd,#fff);border:1px solid #ece5f1}.salary-summary small{display:block;color:#818794;font-size:9px}.salary-summary strong{display:block;font-size:16px;margin-top:4px;color:#5d1d8f}
.summary-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eff0f4}.summary-list>div:last-child{border-bottom:0}.summary-list span{font-size:9.5px;color:#818894}.summary-list b{font-size:10.5px;text-align:right}
.activity-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff0f4}.activity-list>div:last-child{border-bottom:0}.act-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.act-ico svg{width:17px}.act-ico.blue{background:#edf3ff;color:#2f6fed}.act-ico.green{background:#eaf7f0;color:#12965b}.act-ico.orange{background:#fff3e3;color:#e88913}.activity-list b{font-size:10px;display:block}.activity-list small{font-size:9px;color:#7e858f;display:block;margin-top:2px}.profile-notes{font-size:11px;line-height:1.65;color:#5f5965;background:#fbf8fd;border:1px solid #eee6f3;border-radius:10px;padding:12px;min-height:90px}
.career-timeline{position:relative;padding-left:8px}.career-item{display:grid;grid-template-columns:16px 90px 1fr;gap:10px;position:relative;padding-bottom:14px}.career-item:before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:2px;background:#e5d6ef}.career-item:last-child:before{display:none}.career-dot{width:14px;height:14px;border-radius:50%;background:#a540ea;border:3px solid #fff;box-shadow:0 0 0 1px #a540ea;z-index:1;margin-top:4px}.career-item.current .career-dot{background:#12965b;box-shadow:0 0 0 1px #12965b}.career-date{font-size:9.5px;color:#7d8490;padding-top:4px}.career-card{border:1px solid #e9e7ed;border-radius:9px;padding:10px;background:#fdfcff}.career-move{display:flex;align-items:center;gap:7px;font-size:11px}.career-move svg{width:15px;color:#8624d9}.career-move em{font-style:normal;background:#eaf7f0;color:#087544;border-radius:999px;font-size:8px;padding:3px 6px;margin-left:auto}.career-card small{display:block;color:#858b95;margin-top:5px;font-size:9px}

@media(max-width:1280px){.profile-layout{grid-template-columns:1fr}.profile-side{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-kpi-grid{grid-template-columns:repeat(3,1fr)}.doc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-actions{justify-content:flex-start}.profile-kpi-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:repeat(2,1fr)}.salary-summary{grid-template-columns:repeat(2,1fr)}.profile-side{grid-template-columns:1fr}}
@media(max-width:620px){.profile-identity{align-items:flex-start}.profile-photo-lg{width:82px;height:82px}.profile-name-block h1{font-size:21px}.profile-kpi-grid,.info-grid,.doc-grid,.salary-summary{grid-template-columns:1fr}.info-item.wide{grid-column:auto}.career-item{grid-template-columns:16px 1fr}.career-date{grid-column:2}.career-card{grid-column:2}.profile-actions .btn{font-size:10px}}


/* ===== v6.2 Premium ENTAJ Dashboard ===== */
:root{--purple:#5a2b78;--purple-dark:#2b1537;--purple-soft:#f5f0f7;--accent:#a982b8;--ink:#27212c;--muted:#7d7483;--line:#ebe6ee;--surface:#fff;--success:#378362;--warning:#b8792e;--danger:#bd5864;--blue:#597495}
body{background:linear-gradient(180deg,#f7f4f8 0%,#fcfbfc 100%);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#21102b 0%,#321843 56%,#291336 100%);box-shadow:10px 0 30px rgba(45,20,57,.10)}
.brand{border-bottom:1px solid rgba(255,255,255,.08)}.brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}
.nav button{color:#d9cfe0;border:1px solid transparent}.nav button:hover{background:rgba(255,255,255,.07);color:#fff}.nav button.active{background:linear-gradient(135deg,rgba(186,151,205,.18),rgba(255,255,255,.07));border-color:rgba(224,205,235,.14);color:#fff;box-shadow:inset 3px 0 0 #c9acd8}.navicon{background:rgba(255,255,255,.075)}
.topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #eee8f1}
.panel,.kpi,.card{border-color:var(--line);box-shadow:0 10px 28px rgba(56,32,68,.045);background:rgba(255,255,255,.97)}
.btn.primary,.btn.purple{background:linear-gradient(135deg,#5a2b78,#744297);border-color:#5a2b78;box-shadow:0 7px 16px rgba(90,43,120,.15)}
input,select,textarea{border-color:#e5ddea;background:#fff}input:focus,select:focus,textarea:focus{border-color:#8d65a5;box-shadow:0 0 0 3px rgba(90,43,120,.08)}
table thead th{background:#f7f3f8;color:#6d6074;border-bottom-color:#e9e1ec}table tbody tr:hover{background:#fbf8fc}
.role-panel{grid-column:span 2}.role-panel .dash-title-row{align-items:flex-start}.panel-badge{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#694181;background:#f1e9f5;border:1px solid #e3d4ea;padding:5px 8px;border-radius:999px}.role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:5px}.role-card{border:1px solid #ebe5ef;background:linear-gradient(180deg,#fff,#fcfafd);border-radius:12px;padding:12px;min-width:0}.role-card-top{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px}.role-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.role-icon svg{width:18px;height:18px}.role-icon.operator{background:#f0e8f4;color:#6c3c86}.role-icon.labour{background:#edf1f5;color:#586b7e}.role-icon.driver{background:#f7efe5;color:#966c34}.role-icon.foreman{background:#eaf2ef;color:#477461}.role-icon.supervisor{background:#eee8f3;color:#5a3b70}.role-name{font-size:10px;font-weight:850;color:#5f5564}.role-card b{font-size:17px;color:#2c2430}.role-card small{display:block;margin-top:7px;color:#8a818f;font-size:8.5px}.role-bar{height:5px;background:#eee9f0;border-radius:999px;overflow:hidden;margin-top:10px}.role-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#684086,#ae8abb)}
.name-link{pointer-events:none;text-decoration:none;color:inherit}.clickable-row{cursor:default}
@media(max-width:1180px){.role-panel{grid-column:1/-1}.role-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.role-grid{grid-template-columns:1fr}}


/* ===== v6.3 Interaction Fixes ===== */
.view-btn,.history-btn{border-color:#ded2e6;background:#fff;color:#53346a}
.view-btn:hover,.history-btn:hover{background:#f6f0f9;border-color:#c8afd8}
.vac-name-link{border:0;background:transparent;padding:0;color:#5b2a86;font-weight:800;cursor:pointer;text-align:left;font:inherit;font-weight:800}
.vac-name-link:hover{text-decoration:underline;color:#7b42a1}
.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:13px;background:linear-gradient(135deg,#f6eff9,#fff);border:1px solid #e8ddef;margin-bottom:15px}
.detail-hero.compact h2,.detail-hero h2{margin:3px 0 2px;color:#3c204e;font-size:22px}.detail-hero p{margin:0;color:#7e7186;font-size:10px}.eyebrow{font-size:8px;letter-spacing:.7px;color:#897493;font-weight:900}
.detail-person{display:flex;align-items:center;gap:12px}.detail-avatar{width:58px;height:58px;border-radius:13px;object-fit:cover;border:2px solid #fff;box-shadow:0 6px 15px rgba(68,40,81,.1)}
.detail-status{align-self:flex-start}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.detail-item{background:#fbf9fc;border:1px solid #ebe4ef;border-radius:9px;padding:10px;min-height:57px}.detail-item.span2{grid-column:span 2}.detail-item span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.35px;color:#8b7e92;font-weight:800;margin-bottom:4px}.detail-item b{font-size:10.5px;color:#2d2631;overflow-wrap:anywhere}.detail-notes{margin-top:12px;background:#fbf8fc;border:1px solid #ebe4ef;border-radius:9px;padding:11px}.detail-notes span{display:block;font-size:8px;color:#8b7e92;text-transform:uppercase;font-weight:800}.detail-notes p{font-size:10.5px;line-height:1.55;margin:5px 0 0;color:#574d5d}.detail-section{margin-top:5px}.detail-title{font-size:11px;font-weight:900;color:#44344d;margin:0 0 8px}.amount-up{color:#23845e;font-weight:900}.history-table td,.history-table th{white-space:nowrap}
@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.detail-grid{grid-template-columns:1fr}.detail-item.span2{grid-column:auto}.detail-hero{align-items:flex-start;flex-direction:column}}

/* v6.4 colorful premium */
.role-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.role-card{transition:.18s ease;box-shadow:0 6px 18px rgba(45,27,55,.04)}
.role-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(45,27,55,.09)}
.role-card:nth-child(1){background:linear-gradient(145deg,#fff,#f5effa);border-color:#e5d7ee}
.role-card:nth-child(2){background:linear-gradient(145deg,#fff,#edf8f2);border-color:#d9ecdf}
.role-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff5e5);border-color:#f0dfc0}
.role-card:nth-child(4){background:linear-gradient(145deg,#fff,#edf5fb);border-color:#d8e6f0}
.role-card:nth-child(5){background:linear-gradient(145deg,#fff,#fceef3);border-color:#efd9e1}
.role-card:nth-child(6){background:linear-gradient(145deg,#fff,#edf8f9);border-color:#d7eaed}
.role-card:nth-child(1) .role-bar span{background:linear-gradient(90deg,#6b3b8e,#a77bc1)}
.role-card:nth-child(2) .role-bar span{background:linear-gradient(90deg,#36865f,#70b58f)}
.role-card:nth-child(3) .role-bar span{background:linear-gradient(90deg,#c4822c,#e4b45e)}
.role-card:nth-child(4) .role-bar span{background:linear-gradient(90deg,#4676a3,#77a7ce)}
.role-card:nth-child(5) .role-bar span{background:linear-gradient(90deg,#bd526f,#df8da3)}
.role-card:nth-child(6) .role-bar span{background:linear-gradient(90deg,#3d8797,#79b7c1)}
.role-icon.labor,.role-icon.labour{background:#e3f2e9;color:#34795a}
.role-icon.sr-labor{background:#fff0d7;color:#a96b1e}
.role-icon.driver{background:#e4eff8;color:#3d6e9a}
.role-icon.foreman{background:#f7e4eb;color:#aa4663}
.role-icon.supervisor{background:#e4f2f4;color:#367b89}
.kpi:nth-child(6n+1){border-top:3px solid #744596}
.kpi:nth-child(6n+2){border-top:3px solid #3b8b65}
.kpi:nth-child(6n+3){border-top:3px solid #4b78a4}
.kpi:nth-child(6n+4){border-top:3px solid #d18b35}
.kpi:nth-child(6n+5){border-top:3px solid #c35b76}
.kpi:nth-child(6n){border-top:3px solid #438a99}
.modalbox{border-top:4px solid #744596;box-shadow:0 28px 75px rgba(35,16,47,.25)}
.tabs button.active{background:#f7f0fa;color:#653c83}
@media(max-width:1350px){.role-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.role-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== v6.5 Premium Neutral Theme ===== */
:root{
 --purple:#25364a;
 --purple-dark:#172433;
 --purple-deep:#111c28;
 --purple-soft:#f3f6f8;
 --purple-mid:#536a7e;
 --accent:#b6c2cb;
 --ink:#1d2935;
 --muted:#71808d;
 --line:#e2e8ec;
 --surface:#ffffff;
 --surface-soft:#f7f9fa;
 --success:#337d67;
 --warning:#b77a35;
 --danger:#b9535f;
 --blue:#47728f;
}
body{background:linear-gradient(180deg,#f4f6f7 0%,#fafbfb 100%);color:#1d2935}
.sidebar{background:linear-gradient(180deg,#142432 0%,#1b3040 58%,#132330 100%);box-shadow:10px 0 28px rgba(15,31,43,.10)}
.nav button.active{background:linear-gradient(135deg,rgba(86,147,143,.22),rgba(255,255,255,.06));border-color:rgba(139,190,186,.18);box-shadow:inset 3px 0 0 #72aaa5}
.topbar{background:rgba(255,255,255,.92);border-bottom:1px solid #e4e9ec}
.btn.primary,.btn.purple{background:linear-gradient(135deg,#2c5362,#3f7474);border-color:#315e67;box-shadow:0 7px 16px rgba(39,83,91,.14)}
.panel,.kpi,.card{border-color:#e1e7ea;box-shadow:0 9px 25px rgba(31,48,58,.045)}
.tabs button.active{color:#2f6967;border-bottom-color:#4d8a85;background:#eef6f5}
.modalbox{border-top:4px solid #477f7b;box-shadow:0 28px 70px rgba(17,34,45,.22)}
.panel-badge{color:#356e69;background:#edf6f4;border-color:#d4e8e5}

/* Exactly 3 role cards on top + 3 below */
.role-grid{
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 gap:14px !important;
}
.role-card{
 min-height:112px;
 border:1px solid #e0e7ea !important;
 border-radius:14px;
 padding:15px;
 box-shadow:0 7px 20px rgba(34,52,62,.045);
}
.role-card:nth-child(1){background:linear-gradient(145deg,#fff,#f1f5f7)!important}
.role-card:nth-child(2){background:linear-gradient(145deg,#fff,#eef7f4)!important}
.role-card:nth-child(3){background:linear-gradient(145deg,#fff,#faf5ec)!important}
.role-card:nth-child(4){background:linear-gradient(145deg,#fff,#eef4f8)!important}
.role-card:nth-child(5){background:linear-gradient(145deg,#fff,#f8f1f2)!important}
.role-card:nth-child(6){background:linear-gradient(145deg,#fff,#eef7f7)!important}
.role-card:nth-child(1) .role-bar span{background:linear-gradient(90deg,#536b7d,#7f96a6)!important}
.role-card:nth-child(2) .role-bar span{background:linear-gradient(90deg,#397b67,#6ca58f)!important}
.role-card:nth-child(3) .role-bar span{background:linear-gradient(90deg,#aa7738,#d1a15e)!important}
.role-card:nth-child(4) .role-bar span{background:linear-gradient(90deg,#47728f,#7296ad)!important}
.role-card:nth-child(5) .role-bar span{background:linear-gradient(90deg,#a95b65,#cc858c)!important}
.role-card:nth-child(6) .role-bar span{background:linear-gradient(90deg,#397a7b,#69a1a1)!important}
.role-icon.operator{background:#e8eef2!important;color:#4b6578!important}
.role-icon.labor,.role-icon.labour{background:#e3f1ec!important;color:#34745f!important}
.role-icon.sr-labor{background:#f7eddc!important;color:#9a6a30!important}
.role-icon.driver{background:#e5eef4!important;color:#416c88!important}
.role-icon.foreman{background:#f5e7e9!important;color:#9c515c!important}
.role-icon.supervisor{background:#e2f0f0!important;color:#347475!important}
.role-name{font-size:11px!important;color:#46535d!important}
.role-card b{font-size:20px!important;color:#1e2c36!important}
.role-panel{min-height:auto!important}
@media(max-width:800px){.role-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.role-grid{grid-template-columns:1fr!important}}


/* ===== v6.7 Employee Profile + History ===== */
.ep-page{max-width:1600px;margin:0 auto}
.ep-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,#1c2d3b 0%,#28485a 55%,#356a70 100%);color:#fff;box-shadow:0 16px 38px rgba(20,39,50,.16);margin-bottom:14px}
.ep-identity{display:flex;align-items:center;gap:16px}.ep-photo{width:104px;height:104px;border-radius:18px;object-fit:cover;background:#e9edf0;border:4px solid rgba(255,255,255,.9)}
.ep-id{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.8px;background:rgba(255,255,255,.14);padding:5px 8px;border-radius:999px}.ep-identity h1{margin:5px 0 3px;font-size:28px}.ep-sub{color:#dbe6ea;font-size:12px}.ep-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.ep-tags>span{font-size:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:4px 7px;border-radius:999px}
.ep-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ep-actions .btn{background:#fff;border-color:rgba(255,255,255,.25)}
.ep-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.ep-kpi{background:#fff;border:1px solid #e1e8eb;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(26,43,53,.04)}.ep-kpi>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.ep-kpi>span svg{width:18px}.ep-kpi small{display:block;color:#7b8790;font-size:8.5px;text-transform:uppercase;font-weight:800}.ep-kpi b{display:block;font-size:14px;margin-top:2px}.ep-kpi.blue>span{background:#e7f0f7;color:#47728f}.ep-kpi.green>span{background:#e5f2ed;color:#347961}.ep-kpi.orange>span{background:#f8eddc;color:#a86c27}.ep-kpi.cyan>span{background:#e4f1f2;color:#3b7c83}.ep-kpi.purple>span{background:#eee8f3;color:#6b4c80}.ep-kpi.rose>span{background:#f6e8eb;color:#a45360}

.ep-tabs{display:flex;gap:4px;overflow:auto;background:#fff;border:1px solid #e1e7ea;border-radius:12px;padding:5px;margin-bottom:12px}.ep-tabs button{border:0;background:transparent;padding:9px 11px;border-radius:8px;color:#687681;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.ep-tabs button.active{background:#eaf3f2;color:#2f6967}
.ep-tab{display:none}.ep-tab.active{display:block}
.ep-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}
.ep-section{padding:16px}.ep-section-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.ep-section-head.action{justify-content:space-between}.ep-section-head.action>div{margin:0}.ep-section-head h3{margin:0;font-size:14px}.ep-section-head p{margin:2px 0 0;color:#82909a;font-size:9px}.ep-head-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.ep-head-icon svg{width:17px}.ep-head-icon.blue{background:#e7f0f7;color:#47728f}.ep-head-icon.green{background:#e5f2ed;color:#347961}.ep-head-icon.orange{background:#f8eddc;color:#a86c27}.ep-head-icon.cyan{background:#e4f1f2;color:#3b7c83}.ep-head-icon.purple{background:#eee8f3;color:#6b4c80}.ep-head-icon.rose{background:#f6e8eb;color:#a45360}
.ep-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ep-info-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ep-info{border:1px solid #e8ecef;background:#fbfcfc;border-radius:9px;padding:10px;min-height:56px}.ep-info.wide{grid-column:span 2}.ep-info span{display:block;color:#87919a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.ep-info b{font-size:10.5px;overflow-wrap:anywhere}
.ep-summary-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f2}.ep-summary-list>div:last-child{border:0}.ep-summary-list span{font-size:9px;color:#7b8790}.ep-summary-list b{font-size:10px;text-align:right}
.ep-notes{border:1px solid #e7ebee;background:#fafbfb;border-radius:9px;padding:11px;min-height:90px;font-size:10.5px;line-height:1.6;color:#59656d}
.ep-activity-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f2}.ep-activity-row:last-child{border:0}.ep-activity-row>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.ep-activity-row>span svg{width:16px}.ep-activity-row>span.blue{background:#e7f0f7;color:#47728f}.ep-activity-row>span.green{background:#e5f2ed;color:#347961}.ep-activity-row>span.orange{background:#f8eddc;color:#a86c27}.ep-activity-row b{display:block;font-size:10px}.ep-activity-row small{display:block;color:#7f8a93;font-size:9px;margin-top:2px}
.ep-payroll-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ep-payroll-cards>div{border:1px solid #e5e9ec;background:#f9fbfb;border-radius:10px;padding:11px}.ep-payroll-cards span{display:block;color:#7d8991;font-size:8.5px}.ep-payroll-cards b{display:block;font-size:13px;margin-top:3px}.ep-payroll-cards .gross{background:#eaf3f2;border-color:#d5e6e4}.ep-mt{margin-top:10px}
.ep-doc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ep-doc{display:flex;gap:9px;border:1px solid #e3e9ec;background:#fbfcfc;border-radius:11px;padding:12px;min-height:105px}.ep-doc>span{width:34px;height:34px;border-radius:9px;background:#eaf1f4;color:#486c81;display:grid;place-items:center}.ep-doc>span svg{width:16px}.ep-doc h4{margin:0 0 7px;font-size:10px}.ep-doc b{display:block;font-size:10px;overflow-wrap:anywhere}.ep-doc small{display:block;color:#82909a;font-size:8.5px;margin-top:4px}
.ep-timeline{position:relative}.ep-time-item{display:grid;grid-template-columns:18px 95px 1fr;gap:10px;position:relative;padding-bottom:13px}.ep-time-item:before{content:"";position:absolute;left:7px;top:15px;bottom:-2px;width:2px;background:#dde5e8}.ep-time-item:last-child:before{display:none}.ep-dot{width:14px;height:14px;border-radius:50%;background:#557989;border:3px solid #fff;box-shadow:0 0 0 1px #557989;z-index:1;margin-top:4px}.ep-time-item.latest .ep-dot{background:#3d8068;box-shadow:0 0 0 1px #3d8068}.ep-time-date{font-size:9px;color:#79858e;padding-top:4px}.ep-time-card{border:1px solid #e4e9ec;background:#fbfcfc;border-radius:9px;padding:10px}.ep-time-card>div{display:flex;align-items:center;gap:7px;font-size:10.5px}.ep-time-card svg{width:14px;color:#47728f}.ep-time-card em{font-style:normal;margin-left:auto;background:#e4f2ed;color:#33765d;padding:3px 6px;border-radius:999px;font-size:8px}.ep-time-card small{display:block;color:#7f8b94;font-size:8.5px;margin-top:4px}.ep-time-card p{font-size:9px;margin:5px 0 0;color:#5f6a72}
.positive{color:#2f8060;font-weight:800}
@media(max-width:1300px){.ep-kpis{grid-template-columns:repeat(3,1fr)}.ep-grid-main{grid-template-columns:1fr}.ep-info-grid.four{grid-template-columns:repeat(3,1fr)}.ep-payroll-cards{grid-template-columns:repeat(3,1fr)}.ep-doc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.ep-hero{align-items:flex-start;flex-direction:column}.ep-actions{justify-content:flex-start}.ep-info-grid,.ep-info-grid.four{grid-template-columns:repeat(2,1fr)}.ep-doc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ep-kpis,.ep-info-grid,.ep-info-grid.four,.ep-payroll-cards,.ep-doc-grid{grid-template-columns:1fr}.ep-info.wide{grid-column:auto}.ep-time-item{grid-template-columns:18px 1fr}.ep-time-date{grid-column:2}.ep-time-card{grid-column:2}.ep-identity{align-items:flex-start}.ep-photo{width:82px;height:82px}.ep-identity h1{font-size:22px}}


/* ===== v6.7.1 Employee Profile Hero Button Visibility Fix ===== */
.ep-actions .btn{
  background:#ffffff !important;
  color:#243442 !important;
  border:1px solid rgba(255,255,255,.80) !important;
  box-shadow:0 5px 14px rgba(12,30,40,.12) !important;
  font-weight:800 !important;
}
.ep-actions .btn svg{
  color:currentColor !important;
  stroke:currentColor !important;
}
.ep-actions .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(12,30,40,.18) !important;
}
.ep-actions .btn.primary{
  background:#e8f1f4 !important;
  color:#315d70 !important;
  border-color:#cfe0e6 !important;
}
.ep-actions .btn.orange{
  background:#fff1de !important;
  color:#9b6420 !important;
  border-color:#f0d7b3 !important;
}
.ep-actions .btn.blue{
  background:#e6f0f7 !important;
  color:#3f6f91 !important;
  border-color:#cedfea !important;
}
.ep-actions .btn.green{
  background:#e5f2ec !important;
  color:#33745a !important;
  border-color:#cde4d8 !important;
}

/* ===== v6.8 HR Workflow, Reports & Data Health ===== */
.health-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.health-head h2{margin:0 0 4px;font-size:22px}.health-head p{margin:0;color:#76838c;font-size:10px}
.health-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.health-card{border:1px solid #e2e8eb;background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px rgba(28,43,52,.04)}.health-card span{display:block;font-size:9px;color:#7c8992;text-transform:uppercase;font-weight:800}.health-card b{display:block;font-size:22px;margin-top:4px}.health-card.rose{border-top:3px solid #b95c69}.health-card.blue{border-top:3px solid #47728f}.health-card.orange{border-top:3px solid #b77a35}.health-card.purple{border-top:3px solid #6d587c}.health-chip{display:inline-block;padding:4px 7px;border-radius:999px;background:#f5e9ec;color:#9c4754;font-size:8px;font-weight:800}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-card{background:#fff;border:1px solid #e1e7ea;border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;box-shadow:0 7px 20px rgba(27,43,52,.045)}.report-card>span{width:44px;height:44px;border-radius:11px;display:grid;place-items:center}.report-card>span svg{width:20px}.report-card h3{margin:1px 0 4px;font-size:13px}.report-card p{margin:0;color:#7c8991;font-size:9.5px;line-height:1.5}.report-card .btn{grid-column:1/-1;justify-self:start}.report-card.blue>span{background:#e6eff6;color:#47728f}.report-card.orange>span{background:#f7eddd;color:#a86c27}.report-card.green>span{background:#e4f1eb;color:#347961}.report-card.purple>span{background:#eee9f2;color:#68517a}.report-card.rose>span{background:#f6e8eb;color:#a45360}.report-card.cyan>span{background:#e4f1f2;color:#3b7c83}
.quick-action.health{background:#eef4f3!important;color:#376f6b!important}
@media(max-width:1000px){.report-grid{grid-template-columns:repeat(2,1fr)}.health-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.report-grid,.health-kpis{grid-template-columns:1fr}.health-head{align-items:flex-start;flex-direction:column}}

/* ===== v6.9 Stability / Validation ===== */
.advanced-toolbar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:8px}
.row-actions{white-space:nowrap}.row-actions .btn{margin:2px}
.archive-btn{background:#f5ece2!important;color:#925f27!important;border-color:#ead5ba!important}
.connection-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;margin:8px 0}
.connection-badge.connected{background:#e3f2eb;color:#2f7259}
.connection-badge.local{background:#e6eef4;color:#416b87}
.connection-badge.warning{background:#f7eadc;color:#986529}
.snapshot-panel{margin-top:12px}
.report-filter-panel{margin-bottom:12px}.report-filter-panel .toolbar label{font-size:9px;font-weight:800;color:#687680}.report-filter-panel input{margin-left:6px}
.form-validation-note{background:#f8f4e9;border:1px solid #ebdfbd;padding:9px;border-radius:8px;color:#806525}
@media(max-width:1100px){.advanced-toolbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.advanced-toolbar{grid-template-columns:1fr}}

/* ===== v7.0 Stable / Final Polish ===== */
body{background:#f5f7f8}
.topbar{box-shadow:0 2px 14px rgba(25,42,52,.035)}
.connection-pill{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dce4e8;border-radius:10px;background:#fff;min-width:180px}
.connection-pill .dot{width:8px;height:8px;border-radius:50%;background:#7f8b94;flex:0 0 auto}.connection-pill b{font-size:9px;color:#32434f;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-pill small{display:block;font-size:7.5px;color:#7d8991;margin-left:auto}
.connection-pill.connected .dot{background:#3c8a68;box-shadow:0 0 0 3px #e3f2ea}.connection-pill.local .dot{background:#4b7592}.connection-pill.warning .dot{background:#c38234}
.app-toast{position:fixed;right:20px;bottom:20px;z-index:999999;background:#21323f;color:#fff;padding:10px 14px;border-radius:9px;font-size:10px;box-shadow:0 12px 34px rgba(20,34,43,.22);opacity:0;transform:translateY(8px);transition:.2s}.app-toast.show{opacity:1;transform:translateY(0)}.app-toast.error{background:#963f4a}
.form-error-summary{background:#fff0f1;border:1px solid #efcfd4;color:#8f3d48;border-radius:9px;padding:9px 11px;margin-bottom:10px;font-size:9.5px}.form-error-summary ul{margin:5px 0 0;padding-left:17px}.field-invalid{border-color:#c65a66!important;box-shadow:0 0 0 3px rgba(198,90,102,.08)!important}

.dash-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.dash-kpi{background:#fff;border:1px solid #e2e8eb;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 16px rgba(30,45,54,.04)}.dash-kpi>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.dash-kpi>span svg{width:18px}.dash-kpi small{display:block;font-size:8px;text-transform:uppercase;font-weight:850;color:#7b8790}.dash-kpi b{display:block;font-size:18px;margin-top:2px}.dash-kpi.navy>span{background:#e7eef2;color:#405f73}.dash-kpi.green>span{background:#e4f1ea;color:#377a5f}.dash-kpi.orange>span{background:#f7ecdc;color:#a66c27}.dash-kpi.rose>span{background:#f5e7eb;color:#a6515e}.dash-kpi.gray>span{background:#eceff1;color:#64717a}.dash-kpi.cyan>span{background:#e3f0f1;color:#3c7a80}

.role-card small{display:block;margin-top:7px;font-size:8px;color:#82909a}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.mini-list{display:flex;flex-direction:column}.mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f3}.mini-row:last-child{border-bottom:0}.mini-row b{display:block;font-size:10px}.mini-row span{display:block;font-size:8.5px;color:#7c8992;margin-top:2px}.mini-row em{font-style:normal;font-size:9px;font-weight:800;color:#446978;white-space:nowrap}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid button{border:1px solid #e2e8eb;background:#fafcfc;border-radius:11px;padding:12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#30414d;font-size:9.5px;font-weight:800}.quick-grid button:hover{background:#eef5f4;border-color:#d2e3e0}.quick-grid svg{width:18px;color:#477c78}
.panelhead p{margin:3px 0 0;color:#7d8992;font-size:9px}

.btn{border-radius:8px!important;font-weight:800}.btn svg{width:15px!important;height:15px!important}
.tablewrap table{font-size:9.5px}.tablewrap tbody tr:hover{background:#f7faf9}
.modalbox{border-radius:16px!important}.modalhead{padding-bottom:12px!important}.tabs{border-bottom-color:#e4eaed!important}
.top-actions{gap:7px}
@media(max-width:1250px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.connection-pill small{display:none}.connection-pill{min-width:auto}.quick-grid{grid-template-columns:1fr}}

/* ===== v7.1 Dashboard Vacation Countdown ===== */
.vac-countdown{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.vac-countdown span{display:inline-flex!important;width:auto!important;padding:4px 7px;border-radius:999px;font-size:7.8px!important;font-weight:850;line-height:1}
.vac-countdown .upcoming{background:#e7f0f6;color:#426f8b}
.vac-countdown .started{background:#f7eddc;color:#9c6727}
.vac-countdown .returning{background:#e4f1eb;color:#35765e}
.vac-countdown .returned{background:#eceff1;color:#67747c}
.vacation-row{align-items:flex-start}

/* ===== v7.2 Professional Vacation Overview ===== */
.vacation-overview-panel{grid-row:span 2}
.vac-section{border:1px solid #e3e9ec;border-radius:12px;padding:12px;background:#fbfcfc}
.vac-section+.vac-section{margin-top:12px}
.vac-section-title{display:flex;gap:9px;align-items:center;margin-bottom:7px}
.vac-section-title h4{margin:0;font-size:11px;color:#2e3d48}
.vac-section-title p{margin:2px 0 0;font-size:8.5px;color:#7c8991}
.vac-title-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.vac-title-icon svg{width:16px}
.vac-title-icon.start{background:#e6eff6;color:#47728f}
.vac-title-icon.return{background:#e4f1eb;color:#34785f}
.vac-status-box{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:155px}
.vac-status-box strong{font-size:9px;padding:4px 7px;border-radius:999px}
.vac-status-box small{font-size:7.8px;color:#7d8991;text-align:right}
.vac-status-box.start strong{background:#e7f0f6;color:#416f8b}
.vac-status-box.return strong{background:#e4f1eb;color:#34755d}
.empty.compact{padding:10px;font-size:9px}
@media(max-width:900px){.vacation-overview-panel{grid-row:auto}.vac-status-box{min-width:auto}}

/* ===== v7.3 Clickable Workforce Categories ===== */
.role-card-button{
 width:100%;
 text-align:left;
 font-family:inherit;
 cursor:pointer;
 color:inherit;
}
.role-card-button:hover{
 transform:translateY(-3px);
 box-shadow:0 14px 30px rgba(30,49,60,.10)!important;
 border-color:#cfdde1!important;
}
.role-card-button:focus-visible{
 outline:3px solid rgba(66,121,119,.20);
 outline-offset:2px;
}
.role-open{
 display:flex!important;
 align-items:center;
 justify-content:flex-end;
 gap:4px;
 margin-top:8px!important;
 font-size:7.8px!important;
 font-weight:850;
 color:#64808a!important;
}
.role-open svg{width:11px;height:11px}

.category-page{max-width:1600px;margin:0 auto}
.category-hero{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 background:linear-gradient(135deg,#1c2d3a,#274b59 58%,#34716d);
 color:#fff;
 border-radius:16px;
 padding:20px;
 margin-bottom:12px;
 box-shadow:0 14px 34px rgba(24,43,54,.14)
}
.category-title{display:flex;align-items:center;gap:14px}
.category-title small{display:block;font-size:8px;font-weight:900;letter-spacing:1px;color:#c9dbdf}
.category-title h1{margin:2px 0 3px;font-size:25px}
.category-title p{margin:0;font-size:9.5px;color:#dbe6e8}
.category-icon{
 width:58px;height:58px;border-radius:15px;
 display:grid;place-items:center;
 background:rgba(255,255,255,.12);
 border:1px solid rgba(255,255,255,.15)
}
.category-icon svg{width:28px;height:28px}
.category-hero>.btn{background:#fff!important;color:#284856!important;border-color:rgba(255,255,255,.5)!important}
.category-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.category-kpi{
 display:flex;align-items:center;gap:9px;
 background:#fff;border:1px solid #e1e7ea;border-radius:11px;
 padding:12px;box-shadow:0 5px 16px rgba(31,48,57,.04)
}
.category-kpi>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}
.category-kpi>span svg{width:16px}
.category-kpi small{display:block;font-size:8px;color:#7b8891;text-transform:uppercase;font-weight:850}
.category-kpi b{display:block;font-size:17px;margin-top:2px}
.category-kpi.navy>span{background:#e7eef2;color:#405f73}
.category-kpi.green>span{background:#e4f1ea;color:#377a5f}
.category-kpi.orange>span{background:#f7ecdc;color:#a66c27}
.category-kpi.rose>span{background:#f5e7eb;color:#a6515e}
.category-kpi.gray>span{background:#eceff1;color:#64717a}
.category-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:8px}
@media(max-width:850px){.category-kpis{grid-template-columns:repeat(2,1fr)}.category-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.category-kpis,.category-toolbar{grid-template-columns:1fr}}

/* ===== v7.4 Global Employee Profile Links ===== */
.profile-link{
 border:0;
 background:transparent;
 padding:0;
 margin:0;
 font-family:inherit;
 cursor:pointer;
 text-align:left;
 color:#294f63;
 line-height:1.25;
}
.profile-link.name{
 font-size:10px;
 font-weight:850;
 color:#243d4c;
}
.profile-link.id{
 font-size:8.5px;
 font-weight:800;
 color:#547588;
}
.profile-link:hover{
 color:#2f7772;
 text-decoration:underline;
 text-underline-offset:2px;
}
.profile-link:focus-visible{
 outline:2px solid rgba(55,120,116,.28);
 outline-offset:2px;
 border-radius:3px;
}
.profile-avatar{
 cursor:pointer;
 transition:transform .15s ease,box-shadow .15s ease;
}
.profile-avatar:hover{
 transform:scale(1.05);
 box-shadow:0 4px 12px rgba(34,67,79,.16);
}
.employee-cell{
 display:flex;
 flex-direction:column;
 gap:3px;
 align-items:flex-start;
}
.employee-cell small{
 display:block;
 font-size:8px;
}
.employee-cell span .profile-link,
.mini-row span .profile-link{
 font-size:inherit;
}

/* ===== v7.5 Document Expiry Management ===== */
.expiry-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}
.expiry-chip.expired{background:#f7e4e7;color:#a33d4a}
.expiry-chip.critical{background:#fff0df;color:#a25f1d}
.expiry-chip.warning{background:#f8f1df;color:#8c6b28}
.expiry-chip.watch{background:#e8eff6;color:#456d89}
.expiry-chip.valid{background:#e4f1ea;color:#34765d}
.expiry-chip.unset{background:#eceff1;color:#68757e}
.document-alert-panel .mini-row{align-items:center}
.ep-doc .expiry-chip{margin-top:7px}

/* ===== v7.6 Vacation Management ===== */
.vac-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.vacation-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,160px);gap:8px}
.vac-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}
.vac-state.upcoming{background:#e7eff6;color:#426f8b}.vac-state.on-vacation{background:#f7ecdc;color:#a16825}.vac-state.overdue-return{background:#f7e3e7;color:#a13e4b}.vac-state.returned{background:#e3f1e9;color:#34755d}.vac-state.cancelled,.vac-state.rejected{background:#eceff1;color:#67747c}
.actual-return{display:block;margin-top:3px;color:#3c765f;font-size:7.8px}
.profile-vac-summary{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:stretch;margin:0 0 12px}
.profile-vac-summary>div{background:#f8fafb;border:1px solid #e3e9ec;border-radius:9px;padding:9px}.profile-vac-summary small{display:block;font-size:7.5px;color:#7b8890;text-transform:uppercase;font-weight:850}.profile-vac-summary b{display:block;margin-top:3px;font-size:11px}.profile-vac-summary>.btn{align-self:center}
@media(max-width:900px){.vac-summary,.profile-vac-summary{grid-template-columns:repeat(2,1fr)}.vacation-toolbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vac-summary,.profile-vac-summary,.vacation-toolbar{grid-template-columns:1fr}}

/* ===== v7.7 Salary & Promotion History ===== */
.salary-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.salary-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(2,minmax(170px,220px));gap:8px}
.history-summary,.profile-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.history-summary>div,.profile-history-summary>div{background:#f8fafb;border:1px solid #e3e9ec;border-radius:9px;padding:10px}
.history-summary small,.profile-history-summary small{display:block;font-size:7.5px;color:#7d8991;text-transform:uppercase;font-weight:850}
.history-summary b,.profile-history-summary b{display:block;font-size:12px;margin-top:4px}
.career-history{display:flex;flex-direction:column;gap:0}
.career-history-row{display:grid;grid-template-columns:95px 18px 1fr;gap:9px;min-height:68px}
.career-date{font-size:8.5px;color:#77858e;padding-top:9px;text-align:right}
.career-line{position:relative}.career-line:before{content:"";position:absolute;top:10px;bottom:-8px;left:8px;width:2px;background:#dce5e8}.career-line span{position:absolute;top:8px;left:3px;width:12px;height:12px;border-radius:50%;background:#4f817b;border:3px solid #fff;box-shadow:0 0 0 1px #4f817b}.career-history-row:last-child .career-line:before{display:none}
.career-content{border:1px solid #e4eaed;background:#fbfcfc;border-radius:9px;padding:10px;margin-bottom:8px}.career-title{display:flex;align-items:center;gap:6px;font-size:10px}.career-title svg{width:13px;color:#47728f}.career-content small{display:block;margin-top:4px;font-size:8px;color:#7d8992}.career-content p{margin:5px 0 0;font-size:8.5px;color:#5e6a72}.career-salary{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;background:#e5f2eb;color:#33755d;font-size:8px;font-weight:850}
@media(max-width:900px){.salary-top,.history-summary,.profile-history-summary{grid-template-columns:repeat(2,1fr)}.salary-toolbar{grid-template-columns:1fr}}
@media(max-width:600px){.salary-top,.history-summary,.profile-history-summary{grid-template-columns:1fr}.career-history-row{grid-template-columns:70px 16px 1fr}}

/* ===== v7.8 Audit / UI Consistency ===== */
.row-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.row-actions .btn{margin:0!important;min-height:29px}
.view-btn{background:#e8f1f4!important;color:#315f70!important;border-color:#d1e1e7!important}
.archive-btn{background:#f7eee3!important;color:#8f5d27!important;border-color:#ead7bf!important}
.history-table th,.history-table td{vertical-align:middle}
.runtime-warning{background:#fff0f1;color:#8e3d48;border:1px solid #efcfd4;border-radius:8px;padding:9px}

/* ===== v8.0 Final Stable Polish ===== */
.backup-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#1d2e3a,#2c5360);color:#fff;border-radius:16px;padding:20px;margin-bottom:12px}
.backup-hero small{font-size:8px;letter-spacing:1px;font-weight:900;color:#cbdbe0}.backup-hero h2{margin:3px 0 4px;font-size:22px}.backup-hero p{margin:0;color:#dbe6e9;font-size:9.5px}.backup-version{font-size:18px;font-weight:900;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:10px 12px;border-radius:10px}
.backup-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.backup-summary-grid>div{background:#f7fafb;border:1px solid #e3e9ec;border-radius:9px;padding:9px}.backup-summary-grid span{display:block;font-size:7.5px;color:#7d8992;text-transform:uppercase;font-weight:850}.backup-summary-grid b{display:block;font-size:13px;margin-top:3px}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.restore-label{display:inline-flex!important;align-items:center;gap:6px;cursor:pointer}.backup-warning{margin-top:12px;background:#fff6e8;border:1px solid #ecdcbf;color:#7f642e;padding:9px 10px;border-radius:8px;font-size:9px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f3}.settings-list>div:last-child{border-bottom:0}.settings-list span{font-size:9px;color:#7c8992}.settings-list b{font-size:9.5px;text-align:right;overflow-wrap:anywhere}
.tablewrap{overflow:auto;max-width:100%}
.tablewrap table{min-width:760px}
.modalbody{max-height:min(72vh,760px);overflow:auto}
.modalbox{max-height:92vh}
.empty{border-radius:9px}
@media print{
 .sidebar,.topbar,.no-print,.btn,.linkbtn,.quick-grid,.connection-pill{display:none!important}
 .main,.content,#app{margin:0!important;padding:0!important;width:100%!important}
 body{background:#fff!important}
 .panel{box-shadow:none!important;border:1px solid #ddd!important}
 table{font-size:9pt!important}
}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.backup-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.backup-summary-grid{grid-template-columns:1fr}.backup-hero{align-items:flex-start;flex-direction:column}}

/* ===== v8.1 Vacation Days Auto Calculation ===== */
[name="days"][readonly]{
 background:#edf8f1!important;
 color:#2f7a52!important;
 font-weight:900!important;
 border-color:#cce5d6!important;
}

/* v8.1 safety/privacy polish */
.connection-pill.warning,.connection-badge.warning{border-color:#e5a11b;background:#fff7df}
.connection-pill.local,.connection-badge.local{border-color:#e5a11b;background:#fff8e8}
.btn.green{font-weight:700}


/* v8.2 workflow + reports */
.role-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.role-secondary>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border,#dfe7ea);border-radius:14px;background:#fff}
.role-secondary>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef4f5}
.role-secondary small{display:block;color:#73808a;margin-bottom:2px}.role-secondary b{font-size:20px}
@media(max-width:700px){.role-secondary{grid-template-columns:1fr}}


/* v8.3 profile + vacation workflow */
.extension-history{display:grid;gap:8px;margin-top:8px}
.extension-history>div{padding:10px 12px;border:1px solid var(--border,#dfe7ea);border-radius:10px;background:#fafcfc;display:flex;justify-content:space-between;gap:12px;align-items:center}
.extension-history small{color:#70808a;text-align:right}
.profile-print-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px;padding:14px;border:1px solid #dce4e8;border-radius:10px}
.profile-print-head h2{margin:0 0 5px}.profile-print-head p{margin:0;color:#6d7880}
@media(max-width:700px){.extension-history>div{display:block}.extension-history small{display:block;text-align:left;margin-top:4px}}

/* v8.4 operations & alerts */
.ops-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-bottom:16px;border:1px solid #dbe5e8;border-radius:16px;background:#f8fbfb}.ops-strip.attention{border-color:#efc3bd;background:#fff7f5}.ops-strip b,.ops-strip span{display:block}.ops-strip span{font-size:12px;color:#71808a;margin-top:3px}.ops-strip>div:last-child{display:flex;gap:8px}
.ops-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ops-kpis>div{background:#fff;border:1px solid #dfe7ea;border-radius:14px;padding:16px}.ops-kpis small{display:block;color:#72808a}.ops-kpis b{font-size:26px}
.ops-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.ops-badge.critical{background:#fee9e7;color:#a83228}.ops-badge.today{background:#e7f7ed;color:#207044}.ops-badge.warning{background:#fff3d9;color:#8a5b00}.ops-badge.upcoming{background:#eaf2ff;color:#285b9b}
.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar-head h2{margin:0}.vac-cal-week,.vac-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.vac-cal-week b{text-align:center;font-size:11px;color:#75828a;padding:6px}.vac-cal-day{min-height:105px;border:1px solid #e0e7ea;border-radius:10px;padding:7px;background:#fff}.vac-cal-day.empty{background:#f7f9fa}.vac-cal-day.today{box-shadow:inset 0 0 0 2px #3f747d}.vac-cal-day>span{font-weight:800;font-size:12px}.vac-cal-day button{display:block;width:100%;border:0;border-radius:6px;padding:5px;margin-top:5px;text-align:left;font-size:9px;background:#fff1df;cursor:pointer}.vac-cal-day button.return{background:#e8f6ee}
.employee-timeline{position:relative;padding:4px 0}.employee-timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:14px}.employee-timeline>div>span{width:10px;height:10px;border-radius:50%;background:#477982;margin-top:5px}.employee-timeline>div>section{border-left:1px solid #dce5e8;padding-left:12px}.employee-timeline small,.employee-timeline b{display:block}.employee-timeline p{margin:3px 0 0;color:#66757e}
@media(max-width:800px){.ops-kpis{grid-template-columns:repeat(2,1fr)}.ops-strip{display:block}.ops-strip>div:last-child{margin-top:10px}.vac-cal-day{min-height:75px;padding:4px}.vac-cal-day button{font-size:8px}.vac-cal-week,.vac-calendar{gap:3px}}

/* v9 online auth */
.auth-locked>aside,.auth-locked>main,.auth-locked>.modal{display:none!important}
.online-auth{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#edf4f3,#f8fbfb);z-index:99999;padding:20px}
.auth-card{width:min(390px,100%);background:#fff;border:1px solid #dbe5e7;border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(30,55,60,.14)}
.auth-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#315e67;color:#fff;font-size:26px;font-weight:900}.auth-card h1{font-size:22px;margin:16px 0 4px}.auth-card>p{color:#71808a;margin:0 0 18px}.auth-card label{display:block;font-size:12px;font-weight:700;margin:12px 0}.auth-card input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #d8e1e4;border-radius:10px}.auth-card button{width:100%;border:0;border-radius:10px;background:#315e67;color:#fff;font-weight:800;padding:12px;margin-top:8px;cursor:pointer}.auth-card small{display:block;text-align:center;color:#87939a;margin-top:16px}.auth-message{padding:10px;border-radius:9px;background:#fff0ee;color:#9d3329;font-size:12px;margin-bottom:10px}
.online-user-badge{border:1px solid #d9e4e7;background:#f8fbfb;border-radius:11px;padding:7px 10px;text-align:left;cursor:pointer}.online-user-badge b,.online-user-badge span{display:block}.online-user-badge b{font-size:11px}.online-user-badge span{font-size:9px;text-transform:uppercase;color:#71808a}

/* v9.1 overtime + attendance */
.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:14px}.filter-grid label{font-size:11px;font-weight:800;color:#64747c}.filter-grid input,.filter-grid select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 11px;border:1px solid #d9e3e6;border-radius:9px;background:#fff}.import-actions{display:flex;gap:8px}.company-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef5f6;font-size:10px;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.detail-grid>div,.day-grid>div{border:1px solid #dfe7ea;border-radius:10px;padding:10px;background:#fff}.detail-grid small,.detail-grid b,.day-grid small,.day-grid b{display:block}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;max-height:360px;overflow:auto}.attendance-days .absent{background:#fff1ef;border-color:#efc9c4}.attendance-days .present{background:#f0f8f3;border-color:#cfe6d7}@media(max-width:850px){.filter-grid{grid-template-columns:1fr}.day-grid{grid-template-columns:repeat(4,1fr)}}

/* v9.3 */
.sidebar{overflow-y:auto!important;overflow-x:hidden}
.sidebar nav{flex:0 0 auto}.version{margin-top:auto;padding-bottom:8px}
.settings-backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.settings-backup-actions .filebtn input{display:none}
.profile-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.profile-history-summary>div{border:1px solid #dfe7ea;border-radius:12px;padding:12px;background:#fafcfc}
.profile-history-summary small{display:block;color:#73818a;margin-bottom:4px}.profile-history-summary b{font-size:20px}
.profile-history-filter{display:flex;justify-content:flex-end;margin-bottom:10px}.profile-history-filter select{padding:8px;border:1px solid #d9e3e6;border-radius:8px}

/* v9.5 explicit online logout */
.online-user-wrap{display:flex;align-items:center;gap:8px}
.online-user-wrap .online-user-badge{cursor:default}
.logout-btn{border-color:#efcaca!important;background:#fff7f7!important;color:#9b2929!important;font-weight:700}
.logout-btn:hover{background:#feecec!important}
@media(max-width:900px){.online-user-wrap{width:100%;justify-content:flex-end}}

/* v9.6 profile + password + logout */
.profile-button{cursor:pointer!important;border:1px solid #d9e4e7;background:#f8fbfb}
.profile-button:hover{background:#eef6f6}
.account-modal{position:fixed;inset:0;background:rgba(14,25,32,.48);display:grid;place-items:center;z-index:100000;padding:20px}
.account-card{width:min(520px,100%);background:#fff;border-radius:18px;border:1px solid #dbe5e8;box-shadow:0 30px 90px rgba(0,0,0,.22);overflow:hidden}
.account-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e1e8ea}
.account-head h2{margin:0 0 5px}.account-head p{margin:0;color:#71808a;font-size:12px}
.account-close{border:0;background:transparent;font-size:26px;cursor:pointer}
.account-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 22px}
.account-info>div{border:1px solid #e0e8ea;border-radius:11px;padding:11px;background:#fafcfc}
.account-info span,.account-info b{display:block}.account-info span{font-size:10px;color:#75828a;margin-bottom:4px}.account-info b{font-size:13px}
.password-form{padding:0 22px 18px}.password-form h3{margin:5px 0 12px}
.password-form label{display:block;font-size:11px;font-weight:700;margin:10px 0}
.password-form input{width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #d9e3e6;border-radius:9px}
.password-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.account-footer{padding:14px 22px;border-top:1px solid #e1e8ea;display:flex;justify-content:flex-end}
@media(max-width:650px){.account-info{grid-template-columns:1fr}.online-user-wrap{gap:4px}.online-user-badge span{display:none}}

/* v9.7 premium workspace */
.sidebar{display:flex;flex-direction:column}
.sidebar #nav{overflow-y:auto;min-height:0;padding-bottom:8px}
.sidebar-account-host{margin-top:auto;padding:10px 10px 4px}
.premium-user-card{border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));padding:9px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.premium-user-main{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;text-align:left;padding:5px;cursor:pointer}
.user-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#8b2ee8,#4d62c8);font-weight:900;font-size:13px;box-shadow:0 7px 20px rgba(101,52,190,.28)}
.user-copy{min-width:0;flex:1}.user-copy b,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy b{font-size:12px}.user-copy small{font-size:8px;color:#b7c4d0;margin-top:2px;letter-spacing:.02em}
.user-chevron{font-size:22px;color:#93a6b6}.user-secure-row{font-size:8px;color:#91d6b0;padding:4px 7px 8px}.user-secure-row span{font-size:8px;margin-right:4px}
.sidebar-logout{width:100%;border:1px solid rgba(255,126,126,.20);border-radius:10px;background:rgba(164,44,53,.13);color:#ffc9c9;padding:8px;font-size:10px;font-weight:800;cursor:pointer}.sidebar-logout:hover{background:rgba(164,44,53,.25)}
.sidebar .version{margin-top:0!important;text-align:center;font-size:7px;color:#7e91a0;padding:4px 8px 8px}

.connection-pill.premium-online{display:flex;align-items:center;gap:8px;border:1px solid #b8dfcf;background:linear-gradient(135deg,#f0fbf7,#f8fcfb);color:#1f6650;padding:7px 11px;border-radius:12px;box-shadow:0 3px 12px rgba(34,112,83,.07)}
.connection-pill.premium-online .secure-mark{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#def5e9;color:#25735a;font-size:10px}
.connection-pill.premium-online b,.connection-pill.premium-online small{display:block}.connection-pill.premium-online b{font-size:8px;letter-spacing:.06em}.connection-pill.premium-online small{font-size:7px;color:#6a8e82;margin-top:1px}
.connection-pill.premium-local{border-color:#d9e2e7;background:#f8fafb}

.premium-dash-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;margin-bottom:14px;border-radius:18px;background:linear-gradient(120deg,#172f3c 0%,#214956 58%,#316c70 100%);color:#fff;box-shadow:0 12px 34px rgba(19,54,67,.14);overflow:hidden;position:relative}
.premium-dash-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:rgba(255,255,255,.055)}
.premium-dash-hero .eyebrow{font-size:8px;font-weight:900;letter-spacing:.16em;color:#9dd8cf}.premium-dash-hero h2{margin:5px 0 5px;font-size:22px}.premium-dash-hero p{margin:0;color:#c7dadd;font-size:10px}
.hero-metrics{display:flex;gap:8px;position:relative;z-index:1}.hero-metrics>div{min-width:90px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.075)}.hero-metrics small,.hero-metrics b{display:block}.hero-metrics small{font-size:7px;color:#bcd3d5}.hero-metrics b{font-size:19px;margin-top:3px}
.dash-kpis>div,.role-card,.panel{transition:transform .16s ease,box-shadow .16s ease}.role-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,61,70,.07)}
.pdf-btn{border-color:#cfd8f3!important;background:#f7f8ff!important;color:#435a9b!important}
.row-actions{white-space:nowrap}.row-actions .btn{margin:2px}
.top-actions .online-user-wrap{display:none!important}

@media(max-width:900px){
 .premium-dash-hero{display:block}.hero-metrics{margin-top:14px;flex-wrap:wrap}.hero-metrics>div{flex:1}
 .sidebar-account-host{padding:6px}.user-secure-row{display:none}
}

/* v9.8 premium color system — Midnight Navy + Royal Violet + Champagne */
:root{
 --premium-navy:#101b2d;
 --premium-navy-2:#17263c;
 --premium-violet:#6d3bd1;
 --premium-violet-2:#8b5de8;
 --premium-champagne:#c9a45c;
 --premium-ink:#172033;
 --premium-muted:#667085;
 --premium-bg:#f5f6fa;
 --premium-line:#e3e6ee;
}
body{background:linear-gradient(180deg,#f8f9fc 0%,#f3f5f9 100%);color:var(--premium-ink)}
.sidebar{background:linear-gradient(180deg,var(--premium-navy) 0%,#132238 58%,#0e1929 100%)!important;box-shadow:8px 0 28px rgba(15,27,45,.08)}
.sidebar .brand{border-bottom-color:rgba(255,255,255,.09)!important}
.sidebar nav button.active{background:linear-gradient(100deg,#6a35d0,#3c3b76)!important;box-shadow:0 8px 22px rgba(109,59,209,.28)!important}
.sidebar nav button:hover:not(.active){background:rgba(255,255,255,.065)!important}
.premium-user-card{border-color:rgba(201,164,92,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(201,164,92,.035))!important}
.user-avatar{background:linear-gradient(135deg,#8c5be8,#5b36b5)!important;box-shadow:0 7px 22px rgba(109,59,209,.34)!important}
.user-secure-row{color:#d9c38d!important}
.sidebar-logout{border-color:rgba(232,151,151,.20)!important;background:rgba(145,52,64,.14)!important}
.topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--premium-line)!important}
.connection-pill.premium-online{border-color:#dfd2f6!important;background:linear-gradient(135deg,#faf7ff,#f4f0fc)!important;color:#5731a7!important;box-shadow:0 4px 14px rgba(109,59,209,.07)!important}
.connection-pill.premium-online .secure-mark{background:#ede4fb!important;color:#6d3bd1!important}
.connection-pill.premium-online small{color:#7c6a9f!important}
.premium-dash-hero{background:
 radial-gradient(circle at 88% 12%,rgba(201,164,92,.19),transparent 26%),
 linear-gradient(120deg,#111d30 0%,#1b2943 50%,#34245e 100%)!important;
 box-shadow:0 16px 38px rgba(25,30,57,.18)!important}
.premium-dash-hero .eyebrow{color:#dfc889!important}
.premium-dash-hero p{color:#d8dcea!important}
.hero-metrics>div{border-color:rgba(223,200,137,.18)!important;background:rgba(255,255,255,.07)!important}
.hero-metrics small{color:#cbd0df!important}
.panel,.dash-kpis>div,.role-card{border-color:#e2e5ed!important;box-shadow:0 5px 18px rgba(31,40,62,.045)}
.panel-badge{background:#f1ebfb!important;color:#6134b9!important;border-color:#ded0f5!important}
.ops-strip{border-color:#e5daf5!important;background:linear-gradient(90deg,#fbf9ff,#fffaf3)!important}
.ops-strip.attention{border-color:#ead7c5!important;background:linear-gradient(90deg,#fff9f5,#fffbf5)!important}
.btn.primary{background:linear-gradient(135deg,#6d3bd1,#5530ac)!important;border-color:#5530ac!important;box-shadow:0 5px 14px rgba(109,59,209,.16)}
.pdf-btn{background:#f5f1fc!important;border-color:#ddd0f3!important;color:#5b35ad!important}
a,.panelhead>a{color:#6535bd}
.role-card-button:focus-visible,.btn:focus-visible{outline:3px solid rgba(109,59,209,.20)!important}
.role-card:hover{box-shadow:0 10px 26px rgba(42,38,73,.08)!important}

/* v9.9 admin user management */
.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;margin-bottom:14px;border-radius:17px;background:linear-gradient(120deg,#151f34,#28204d);color:#fff;box-shadow:0 12px 30px rgba(25,28,56,.14)}
.admin-hero span{font-size:8px;font-weight:900;letter-spacing:.15em;color:#dbc58b}.admin-hero h2{margin:5px 0 3px}.admin-hero p{margin:0;color:#c9cedd;font-size:10px}
.role-chip{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}.role-chip.admin{background:#eee5fb;color:#6437b8}.role-chip.editor{background:#e8f1ff;color:#345f9e}.role-chip.viewer{background:#eef2f4;color:#56636c}
.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.status-pill.active{background:#e8f6ed;color:#277247}.status-pill.inactive{background:#fbe9e9;color:#9b3434}

/* v9.9.1 premium login experience */
.auth-locked>aside,.auth-locked>main,.auth-locked>.modal{display:none!important}
.online-auth{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;
  background:
    radial-gradient(circle at 18% 14%,rgba(109,59,209,.10),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(201,164,92,.11),transparent 24%),
    linear-gradient(135deg,#f6f7fb 0%,#eef2f7 100%);
}
.auth-shell{
  width:min(980px,100%);min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;
  border:1px solid rgba(22,31,49,.08);border-radius:28px;overflow:hidden;background:#fff;
  box-shadow:0 34px 100px rgba(22,31,49,.18);
}
.auth-brand-panel{
  position:relative;overflow:hidden;padding:42px 44px;color:#fff;
  background:
    radial-gradient(circle at 88% 10%,rgba(201,164,92,.24),transparent 24%),
    radial-gradient(circle at 20% 85%,rgba(109,59,209,.25),transparent 28%),
    linear-gradient(145deg,#101b2d 0%,#17263c 52%,#2c2150 100%);
  display:flex;flex-direction:column;
}
.auth-brand-panel:after{
  content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.07);
  border-radius:50%;right:-180px;bottom:-160px;
}
.auth-brand-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.auth-logo-mark{
  width:52px;height:52px;display:grid;place-items:center;border-radius:15px;
  background:linear-gradient(135deg,#8b5de8,#5e35b6);color:#fff;font-weight:900;font-size:24px;
  box-shadow:0 10px 28px rgba(88,53,176,.34);
}
.auth-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.18em;color:#dbc789}
.auth-brand-top h1{margin:4px 0 0;font-size:22px}
.auth-brand-copy{margin-top:92px;max-width:430px;position:relative;z-index:1}
.auth-brand-copy h2{font-size:34px;line-height:1.08;margin:0 0 16px}
.auth-brand-copy p{font-size:13px;line-height:1.75;color:#cbd2df;margin:0}
.auth-trust-list{display:grid;gap:12px;margin-top:34px;position:relative;z-index:1}
.auth-trust-list>div{
  display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;
  align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;
  background:rgba(255,255,255,.045);
}
.auth-trust-list>div>span{
  grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  background:rgba(219,199,137,.13);color:#e3cd91;font-weight:900;
}
.auth-trust-list b{font-size:11px}.auth-trust-list small{font-size:9px;color:#aeb9c8;margin-top:2px}
.auth-brand-footer{margin-top:auto;font-size:9px;color:#9daabc;position:relative;z-index:1}
.premium-auth-card{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}
.auth-mobile-brand{display:none}
.auth-card-head{margin-bottom:24px}
.auth-secure-pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
  background:#f1ecfb;color:#6237b5;font-size:8px;font-weight:900;letter-spacing:.08em;
}
.auth-card-head h2{font-size:30px;margin:14px 0 6px;color:#172033}
.auth-card-head p{margin:0;color:#74808f;font-size:12px}
.premium-login-form{display:grid;gap:17px}
.premium-login-form label>span:first-child{display:block;font-size:10px;font-weight:800;color:#384154;margin-bottom:7px}
.auth-input-wrap{position:relative;display:flex;align-items:center}
.auth-input-icon{
  position:absolute;left:13px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;
  background:#f1ecfb;color:#6640b4;font-size:8px;font-weight:900;z-index:2;
}
.premium-login-form input{
  width:100%;box-sizing:border-box;padding:13px 56px 13px 50px;border:1px solid #dfe4ec;border-radius:12px;
  background:#fbfcfe;color:#172033;font-size:13px;outline:none;transition:.16s ease;
}
.premium-login-form input:focus{
  border-color:#8d6bd0;background:#fff;box-shadow:0 0 0 4px rgba(109,59,209,.09);
}
.password-toggle{
  position:absolute;right:10px;border:0;background:transparent;color:#6c4db2;font-size:9px;font-weight:800;cursor:pointer;padding:8px;
}
.auth-help-row{display:flex;justify-content:flex-end;color:#8b96a3;font-size:9px;margin-top:-4px}
.auth-submit{
  width:100%;border:0;border-radius:12px;padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#6d3bd1,#5030a6);color:#fff;font-weight:900;font-size:12px;cursor:pointer;
  box-shadow:0 10px 22px rgba(109,59,209,.20);transition:.16s ease;
}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(109,59,209,.26)}
.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}
.auth-submit b{font-size:15px}
.auth-card-footer{
  margin-top:26px;padding-top:18px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:center;gap:7px;
  color:#8a95a2;font-size:9px;
}
.auth-lock{color:#c29a52}
.auth-message{
  padding:10px 12px;border-radius:10px;background:#fff1f0;color:#9b3932;border:1px solid #f1d4d1;
  font-size:10px;margin-bottom:14px;
}
@media(max-width:780px){
 .online-auth{padding:14px}
 .auth-shell{grid-template-columns:1fr;min-height:auto;max-width:450px}
 .auth-brand-panel{display:none}
 .premium-auth-card{padding:30px 24px}
 .auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}
 .auth-mobile-brand .auth-logo-mark{width:42px;height:42px;font-size:18px}
 .auth-mobile-brand b{display:block;color:#172033;font-size:14px;margin-top:2px}
 .auth-card-head h2{font-size:26px}
}

/* v9.9.2 recovery email + forgot password */
.auth-help-row{align-items:center;gap:10px;justify-content:space-between!important}
.forgot-password-link{border:0;background:transparent;color:#6540b2;font-size:9px;font-weight:900;cursor:pointer;padding:2px 0}
.forgot-password-link:hover{text-decoration:underline}
.recovery-card{width:min(520px,100%)}
.recovery-note{padding:10px 12px;border-radius:10px;background:#f7f4fc;border:1px solid #e6dcf7;color:#6f6385;font-size:10px;line-height:1.55;margin-top:6px}
.account-footer-split{justify-content:space-between!important}
.recovery-success{text-align:center;padding:34px}
.recovery-success-icon{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border-radius:18px;background:#e8f6ed;color:#277247;font-size:28px;font-weight:900}
.recovery-success h2{margin:0 0 8px}.recovery-success p{color:#6f7986;font-size:12px;line-height:1.6;margin:0 0 18px}

/* v9.9.3 full-page responsive premium login */
.online-auth{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  padding:0!important;
  min-height:100vh!important;
  width:100vw!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(109,59,209,.11),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(201,164,92,.10),transparent 24%),
    linear-gradient(135deg,#f5f6fb 0%,#edf1f6 100%)!important;
}
.auth-shell{
  width:100%!important;
  min-height:100vh!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(440px,1.08fr) minmax(420px,.92fr)!important;
  background:#fff!important;
}
.auth-brand-panel{
  min-height:100vh!important;
  border-radius:0!important;
  padding:clamp(36px,5vw,72px)!important;
  display:flex!important;
  justify-content:flex-start!important;
}
.auth-brand-copy{
  margin-top:clamp(70px,10vh,130px)!important;
  max-width:620px!important;
}
.auth-brand-copy h2{
  font-size:clamp(38px,4.2vw,64px)!important;
  max-width:720px!important;
  letter-spacing:-.035em!important;
}
.auth-brand-copy p{
  font-size:clamp(13px,1.2vw,17px)!important;
  max-width:600px!important;
}
.auth-trust-list{
  max-width:600px!important;
  grid-template-columns:1fr!important;
}
.premium-auth-card{
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  padding:clamp(34px,7vw,96px)!important;
  display:flex!important;
  justify-content:center!important;
}
.auth-card-head{
  max-width:520px!important;
  width:100%!important;
  margin:0 auto 26px!important;
}
.premium-login-form{
  max-width:520px!important;
  width:100%!important;
  margin:0 auto!important;
  gap:18px!important;
}
.auth-card-footer{
  max-width:520px!important;
  width:100%!important;
  margin:28px auto 0!important;
}
.auth-card-head h2{
  font-size:clamp(32px,3vw,46px)!important;
  letter-spacing:-.03em!important;
}
.auth-card-head p{
  font-size:13px!important;
}
.auth-input-wrap{
  position:relative!important;
  min-height:52px!important;
}
.premium-login-form input{
  min-height:52px!important;
  padding:0 76px 0 52px!important;
  border-radius:13px!important;
  font-size:14px!important;
  line-height:52px!important;
}
.auth-input-icon{
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
}
.password-input-wrap{
  position:relative!important;
}
.password-toggle{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  min-width:48px!important;
  height:32px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ded7ee!important;
  border-radius:9px!important;
  background:#f5f0fc!important;
  color:#5e3aae!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.password-toggle:hover{
  background:#ece3f9!important;
}
.auth-help-row{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.auth-submit{
  min-height:52px!important;
  border-radius:13px!important;
  font-size:13px!important;
}
.auth-mobile-brand{
  display:none!important;
}

/* Large desktop */
@media(min-width:1500px){
  .auth-shell{grid-template-columns:1.12fr .88fr!important}
  .auth-brand-panel{padding-left:8vw!important;padding-right:7vw!important}
  .premium-auth-card{padding-left:8vw!important;padding-right:8vw!important}
}

/* Laptop / tablet landscape */
@media(max-width:1050px){
  .auth-shell{
    grid-template-columns:minmax(360px,.9fr) minmax(390px,1.1fr)!important;
  }
  .auth-brand-panel{
    padding:40px!important;
  }
  .auth-brand-copy{
    margin-top:70px!important;
  }
  .auth-brand-copy h2{
    font-size:40px!important;
  }
  .premium-auth-card{
    padding:42px!important;
  }
}

/* Tablet portrait / mobile */
@media(max-width:780px){
  .online-auth{
    display:block!important;
    overflow-y:auto!important;
  }
  .auth-shell{
    display:block!important;
    min-height:100vh!important;
    background:
      radial-gradient(circle at 10% 10%,rgba(109,59,209,.09),transparent 28%),
      linear-gradient(180deg,#f7f8fb,#eef2f6)!important;
  }
  .auth-brand-panel{
    display:none!important;
  }
  .premium-auth-card{
    min-height:100vh!important;
    padding:28px 20px 36px!important;
    justify-content:center!important;
    background:transparent!important;
  }
  .auth-mobile-brand{
    display:flex!important;
    max-width:520px!important;
    width:100%!important;
    margin:0 auto 34px!important;
  }
  .auth-card-head,
  .premium-login-form,
  .auth-card-footer{
    max-width:520px!important;
  }
  .premium-auth-card:before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 50px rgba(23,32,51,.10);
    z-index:-1;
  }
  .premium-auth-card{
    position:relative!important;
    z-index:1!important;
  }
}

/* Small phones */
@media(max-width:480px){
  .premium-auth-card{
    padding:24px 18px 30px!important;
  }
  .auth-card-head h2{
    font-size:29px!important;
  }
  .auth-help-row{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .premium-login-form input{
    padding-right:70px!important;
  }
}

/* v9.9.4 password visibility control fix */
.password-input-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.password-input-wrap input{
  width:100%!important;
  padding-right:78px!important;
}
.auth-card .password-toggle,
.premium-auth-card .password-toggle{
  position:absolute!important;
  top:50%!important;
  right:10px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  min-width:50px!important;
  max-width:60px!important;
  height:32px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ded7ee!important;
  border-radius:9px!important;
  background:#f5f0fc!important;
  color:#5e3aae!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:5!important;
}
.auth-card .password-toggle:hover,
.premium-auth-card .password-toggle:hover{
  background:#ece3f9!important;
}

/* v9.9.5 final login/auth polish */
.online-auth{padding:0!important;overflow:auto!important;background:#eef2f6!important}
.auth-shell{display:grid!important;grid-template-columns:minmax(500px,1.05fr) minmax(460px,.95fr)!important;width:100%!important;min-height:100vh!important;background:#fff!important}
.auth-hero-panel{position:relative;min-height:100vh;overflow:hidden;background:#101b2d}
.auth-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.auth-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,25,42,.94) 0%,rgba(14,28,47,.82) 54%,rgba(25,24,54,.64) 100%)}
.auth-hero-content{position:relative;z-index:2;min-height:100vh;padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;color:#fff}
.auth-brand-lockup{display:flex;align-items:center;gap:13px}
.auth-entaj-logo{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#fff;padding:5px;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.auth-brand-lockup span,.auth-mobile-brand span{display:block;font-size:8px;font-weight:900;letter-spacing:.16em;color:#dfc889}
.auth-brand-lockup b,.auth-mobile-brand b{display:block;font-size:20px;margin-top:3px}
.auth-hero-copy{margin-top:clamp(80px,13vh,150px);max-width:620px}
.auth-eyebrow{font-size:9px;font-weight:900;letter-spacing:.16em;color:#dfc889}
.auth-hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.03;letter-spacing:-.04em;margin:12px 0 18px}
.auth-hero-copy p{font-size:clamp(13px,1.15vw,17px);line-height:1.75;color:#d4dbe5;max-width:610px;margin:0}
.auth-hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;max-width:720px}
.auth-hero-points>div{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.auth-hero-points span{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(223,200,137,.13);color:#e0c989;font-weight:900;margin-bottom:8px}
.auth-hero-points b,.auth-hero-points small{display:block}.auth-hero-points b{font-size:10px}.auth-hero-points small{font-size:8px;color:#b8c3d0;margin-top:3px;line-height:1.45}
.auth-hero-footer{margin-top:auto;font-size:8px;color:#a7b4c2}

.auth-form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(28px,6vw,84px);background:#fff}
.auth-form-card{width:min(520px,100%);margin:auto}
.auth-mobile-brand{display:none}
.auth-card-head{margin-bottom:24px}
.auth-card-head h2{font-size:clamp(34px,3vw,46px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 7px}
.auth-card-head p{font-size:12px;color:#7b8693;margin:0}
.auth-secure-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1ecfb;color:#6237b5;font-size:8px;font-weight:900;letter-spacing:.08em}
.premium-login-form{display:grid;gap:17px}
.premium-login-form label>span:first-child{display:block;font-size:10px;font-weight:800;color:#394255;margin-bottom:7px}
.auth-input-wrap{position:relative!important;display:flex!important;align-items:center!important;min-height:54px!important}
.premium-login-form input{width:100%!important;height:54px!important;box-sizing:border-box!important;padding:0 58px 0 52px!important;border:1px solid #dde3eb!important;border-radius:13px!important;background:#fbfcfe!important;color:#172033!important;font-size:14px!important;outline:none!important}
.premium-login-form input:focus{border-color:#8764ca!important;background:#fff!important;box-shadow:0 0 0 4px rgba(109,59,209,.09)!important}
.auth-input-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#f1ecfb!important;color:#6640b4!important;font-size:8px!important;font-weight:900!important;z-index:2!important}
.password-eye{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;padding:7px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#6850a3!important;display:grid!important;place-items:center!important;cursor:pointer!important;z-index:5!important;box-shadow:none!important}
.password-eye:hover{background:#f3eefb!important}
.password-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.password-eye.visible{color:#3b2a6c;background:#eee7f8!important}
.auth-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.remember-device{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;cursor:pointer}
.remember-device input{width:14px!important;height:14px!important;min-height:auto!important;padding:0!important;box-shadow:none!important}
.remember-device span{font-size:9px!important;color:#7b8693!important;margin:0!important}
.forgot-password-link{border:0!important;background:transparent!important;color:#6340ad!important;font-size:9px!important;font-weight:900!important;padding:4px 0!important;margin:0!important;cursor:pointer!important;width:auto!important;height:auto!important;box-shadow:none!important}
.forgot-password-link:hover{text-decoration:underline}
.auth-submit{height:52px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#6d3bd1,#5030a6)!important;color:#fff!important;font-weight:900!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(109,59,209,.20)!important}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(109,59,209,.26)!important}
.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}
.auth-inline-error{padding:10px 12px;border-radius:10px;background:#fff1f0;border:1px solid #efd1ce;color:#9c3932;font-size:10px;margin-bottom:14px}
.auth-inline-error.hidden{display:none!important}
.auth-card-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid #edf0f4;margin-top:26px;padding-top:18px;color:#919aa6;font-size:8px}
.auth-card-footer span+span:before{content:"•";margin-right:8px;color:#c29a52}

@media(max-width:1100px){
 .auth-shell{grid-template-columns:minmax(390px,.9fr) minmax(430px,1.1fr)!important}
 .auth-hero-content{padding:38px!important}
 .auth-hero-copy{margin-top:80px}
 .auth-hero-copy h1{font-size:46px}
 .auth-hero-points{grid-template-columns:1fr}
 .auth-form-panel{padding:42px!important}
}
@media(max-width:820px){
 .auth-shell{display:block!important;min-height:100vh!important}
 .auth-hero-panel{display:none!important}
 .auth-form-panel{min-height:100vh!important;padding:24px!important;background:radial-gradient(circle at 10% 10%,rgba(109,59,209,.08),transparent 30%),linear-gradient(180deg,#f8f9fc,#eff2f7)!important}
 .auth-form-card{background:#fff;padding:28px;border-radius:22px;box-shadow:0 18px 50px rgba(23,32,51,.10)}
 .auth-mobile-brand{display:flex!important;align-items:center;gap:10px;margin-bottom:30px}
 .auth-mobile-brand img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e5e7ee;padding:4px}
 .auth-mobile-brand b{color:#172033!important;font-size:14px!important}
}
@media(max-width:480px){
 .auth-form-panel{padding:12px!important}
 .auth-form-card{padding:22px 18px;border-radius:18px}
 .auth-card-head h2{font-size:30px}
 .auth-options-row{align-items:flex-start;flex-direction:column;gap:7px}
 .auth-card-footer{font-size:7px}
}

/* v9.9.6 premium motion + icon polish */
.auth-form-panel{position:relative;overflow:hidden}
.auth-form-card{position:relative;z-index:3;animation:loginCardIn .65s cubic-bezier(.22,.8,.25,1) both}
.auth-card-head{animation:fadeSlideUp .55s .08s both}
.premium-login-form label:nth-of-type(1){animation:fadeSlideUp .55s .14s both}
.premium-login-form label:nth-of-type(2){animation:fadeSlideUp .55s .20s both}
.auth-options-row{animation:fadeSlideUp .55s .26s both}
.auth-submit{animation:fadeSlideUp .55s .32s both}
.auth-card-footer{animation:fadeSlideUp .55s .38s both}

.login-orb{
  position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0;
  opacity:.55;animation:floatOrb 8s ease-in-out infinite;
}
.orb-one{
  width:180px;height:180px;right:-55px;top:7%;
  background:radial-gradient(circle,rgba(109,59,209,.16),rgba(109,59,209,0) 70%);
}
.orb-two{
  width:220px;height:220px;left:-70px;bottom:5%;
  background:radial-gradient(circle,rgba(201,164,92,.13),rgba(201,164,92,0) 70%);
  animation-delay:-3.2s;
}
.login-grid-glow{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.16;
  background-image:
    linear-gradient(rgba(109,59,209,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,59,209,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
}

.auth-secure-pill{gap:6px}
.secure-pulse{
  width:7px;height:7px;border-radius:50%;display:inline-block;background:#7b53d8;
  box-shadow:0 0 0 0 rgba(123,83,216,.42);
  animation:securePulse 1.9s infinite;
}
.auth-input-icon{
  font-size:14px!important;
  background:linear-gradient(135deg,#f3edfd,#eee7fb)!important;
  box-shadow:0 3px 9px rgba(109,59,209,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.auth-input-wrap:focus-within .auth-input-icon{
  transform:translateY(-50%) scale(1.08)!important;
  box-shadow:0 5px 14px rgba(109,59,209,.15);
}
.premium-login-form input{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease!important;
}
.premium-login-form input:focus{
  transform:translateY(-1px);
}
.password-eye{
  transition:background .16s ease,transform .16s ease,color .16s ease!important;
}
.password-eye:hover{transform:translateY(-50%) scale(1.08)!important}
.forgot-password-link{
  transition:color .16s ease,transform .16s ease!important;
}
.forgot-password-link:hover{
  transform:translateX(2px);
  text-decoration:none!important;
  color:#4d2c98!important;
}
.remember-device{
  transition:transform .16s ease;
}
.remember-device:hover{transform:translateX(2px)}
.auth-submit{
  position:relative;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.auth-submit:before{
  content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);transition:left .55s ease;
}
.auth-submit:hover:before{left:145%}
.auth-submit:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08);
}
.signin-arrow{
  display:inline-block;
  transition:transform .18s ease;
}
.auth-submit:hover .signin-arrow{transform:translateX(4px)}
.auth-inline-error,.auth-message{
  animation:errorShake .36s ease both;
}
.auth-card-footer span{
  transition:color .16s ease;
}
.auth-card-footer:hover span{color:#6f7581}

@keyframes loginCardIn{
  0%{opacity:0;transform:translateY(22px) scale(.985)}
  100%{opacity:1;transform:none}
}
@keyframes fadeSlideUp{
  0%{opacity:0;transform:translateY(12px)}
  100%{opacity:1;transform:none}
}
@keyframes securePulse{
  0%{box-shadow:0 0 0 0 rgba(123,83,216,.42)}
  70%{box-shadow:0 0 0 8px rgba(123,83,216,0)}
  100%{box-shadow:0 0 0 0 rgba(123,83,216,0)}
}
@keyframes floatOrb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-18px,0) scale(1.05)}
}
@keyframes errorShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-5px)}
  50%{transform:translateX(4px)}
  75%{transform:translateX(-2px)}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* v9.9.7 reference-style premium login */
.auth-poster-shell{
  width:100%!important;min-height:100vh!important;display:grid!important;
  grid-template-columns:minmax(520px,.98fr) minmax(560px,1.02fr)!important;
  background:#0d1426!important;overflow:hidden!important;
}
.auth-left-stage{position:relative;min-height:100vh;overflow:hidden;background:#11192d}
.auth-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.auth-stage-overlay{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,17,33,.94) 0%,rgba(11,19,38,.83) 54%,rgba(22,18,50,.76) 100%)}
.auth-stage-content{position:relative;z-index:2;min-height:100vh;padding:48px 56px;display:flex;flex-direction:column;color:#fff}
.auth-entaj-lockup{display:flex;align-items:center;gap:13px}
.auth-real-logo{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:15px;padding:5px}
.auth-entaj-lockup b{display:block;font-size:27px;letter-spacing:.13em}.auth-entaj-lockup span{display:block;font-size:9px;color:#e1b45a;font-weight:900;letter-spacing:.13em;margin-top:2px}
.auth-stage-badge{display:inline-flex;width:max-content;margin-top:42px;padding:8px 12px;border-radius:999px;background:rgba(84,51,166,.32);border:1px solid rgba(168,131,255,.16);font-size:9px;font-weight:900}
.auth-stage-copy{margin-top:36px;max-width:610px}
.auth-stage-copy h1{font-size:clamp(44px,4.7vw,70px);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px}.auth-stage-copy h1 span{color:#b582ff}
.auth-stage-copy p{font-size:clamp(16px,1.4vw,22px);line-height:1.5;color:#f0f2f7;margin:0}.auth-stage-copy strong{color:#a96cff}
.auth-stage-features{display:grid;gap:16px;margin-top:46px;max-width:560px}
.auth-stage-features>div{display:flex;gap:14px;align-items:center}
.feat-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#442080,#2f215e);font-size:22px;box-shadow:0 10px 24px rgba(85,47,173,.22)}
.auth-stage-features b,.auth-stage-features small{display:block}.auth-stage-features b{font-size:13px}.auth-stage-features small{font-size:10px;color:#c4cadd;margin-top:3px;line-height:1.45}
.auth-stage-footer{margin-top:auto;font-size:9px;color:#aab5c7}

.auth-right-stage{
  min-height:100vh;padding:42px 48px 28px;display:flex;flex-direction:column;justify-content:center;
  background:
   radial-gradient(circle at 85% 90%,rgba(94,50,184,.25),transparent 30%),
   linear-gradient(180deg,#16122d 0%,#14152b 100%);
}
.auth-login-card{
  width:min(630px,100%);margin:0 auto;background:#fff;border-radius:28px;padding:34px 38px 30px;
  box-shadow:0 28px 70px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.55);
}
.auth-card-title-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.auth-shield-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#f1ebfb,#ece4fa);font-size:29px;color:#6d3bd1}
.auth-card-title-row h2{font-size:31px;line-height:1;margin:0 0 7px;color:#172033}.auth-card-title-row p{margin:0;color:#7a8490;font-size:12px}
.premium-error{padding:12px 14px!important;border-radius:11px!important;background:#fff0ef!important;border:1px solid #f0ceca!important;color:#b84138!important}
.premium-login-form{gap:18px!important}
.premium-login-form label>span:first-child{font-size:11px!important;color:#222b39!important}
.premium-login-form input{height:58px!important;border-radius:13px!important;background:#fff!important;font-size:14px!important}
.auth-input-icon{font-size:17px!important}
.auth-options-row{margin-top:-1px}
.poster-submit{height:60px!important;font-size:14px!important;background:linear-gradient(90deg,#7136e1,#5428bc)!important;justify-content:space-between!important;padding:0 22px!important}
.poster-submit b{font-size:15px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#eceef3;flex:1}.auth-divider span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e2e5ea;border-radius:50%;font-size:10px;color:#89919d;background:#fff}
.first-login-card{
  width:100%;display:grid;grid-template-columns:48px 1fr 20px;gap:12px;align-items:center;text-align:left;
  padding:14px 16px;border:1px solid #e8e0f7;border-radius:14px;background:linear-gradient(90deg,#f5f0fc,#faf8ff);cursor:pointer;color:#2e2750
}
.first-help-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:2px solid #7750d0;color:#6b43c3;font-weight:900;font-size:18px}
.first-login-card b,.first-login-card small{display:block}.first-login-card b{font-size:12px;color:#5635a6}.first-login-card small{font-size:9px;color:#6f7584;margin-top:3px;line-height:1.45}.first-help-arrow{font-size:24px;color:#6037b4}
.poster-footer{margin-top:22px!important}

.auth-trust-strip{
  width:min(720px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px);overflow:hidden
}
.auth-trust-strip>div{padding:13px 14px;border-right:1px solid rgba(255,255,255,.08);color:#fff}.auth-trust-strip>div:last-child{border-right:0}
.auth-trust-strip span{display:block;font-size:19px;margin-bottom:5px}.auth-trust-strip b,.auth-trust-strip small{display:block}.auth-trust-strip b{font-size:10px}.auth-trust-strip small{font-size:8px;color:#c2c7d2;margin-top:3px;line-height:1.4}

@media(max-width:1100px){
 .auth-poster-shell{grid-template-columns:minmax(390px,.82fr) minmax(470px,1.18fr)!important}
 .auth-stage-content{padding:36px!important}.auth-stage-copy h1{font-size:48px}.auth-stage-features{margin-top:32px}
 .auth-right-stage{padding:32px!important}.auth-login-card{padding:28px!important}
 .auth-trust-strip{grid-template-columns:repeat(2,1fr)}
 .auth-trust-strip>div:nth-child(2){border-right:0}.auth-trust-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:820px){
 .auth-poster-shell{display:block!important;background:#111429!important}
 .auth-left-stage{display:none!important}
 .auth-right-stage{min-height:100vh;padding:18px!important;justify-content:center;background:radial-gradient(circle at 50% 100%,rgba(90,44,176,.30),transparent 32%),linear-gradient(180deg,#13162c,#111326)}
 .auth-login-card{border-radius:22px;padding:22px!important}
 .auth-card-title-row{align-items:flex-start}.auth-card-title-row h2{font-size:27px}
 .auth-trust-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
 .auth-right-stage{padding:10px!important}.auth-login-card{padding:18px!important;border-radius:18px}
 .auth-shield-mark{width:50px;height:50px;font-size:22px;border-radius:15px}
 .auth-options-row{flex-direction:column;align-items:flex-start!important}
 .auth-trust-strip{grid-template-columns:1fr}.auth-trust-strip>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.auth-trust-strip>div:last-child{border-bottom:0}
}

/* v9.11.0 server backup history */
.server-backup-panel{margin-top:14px}
.backup-server-note{padding:11px 13px;border:1px solid #ded5f0;border-radius:11px;background:#faf7ff;color:#6b6080;font-size:10px;line-height:1.5;margin-bottom:12px}
.backup-type{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}
.backup-type.auto{background:#e8f3ff;color:#315e96}.backup-type.manual{background:#f1eafa;color:#6536b7}

/* =====================================================================
   v9.11.4 MOBILE RESPONSIVE FIX
   Full-width mobile workspace + bottom navigation
   ===================================================================== */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{display:block!important;min-height:100dvh;padding-bottom:72px!important}

  /* Sidebar becomes a compact, horizontally scrollable bottom nav */
  .sidebar{
    position:fixed!important;
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:68px!important;min-height:68px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    display:block!important;
    overflow:hidden!important;
    z-index:1000!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 -8px 28px rgba(15,27,45,.18)!important;
  }
  .sidebar .brand,.sidebar-account-host,.sidebar .version,.sidebar .sidebox{display:none!important}
  .sidebar #nav,.sidebar nav{
    padding:0!important;margin:0!important;height:56px!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .sidebar #nav::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{display:none!important}
  .sidebar nav button{
    flex:0 0 52px!important;width:52px!important;height:50px!important;
    padding:0!important;margin:0!important;border-radius:13px!important;
    justify-content:center!important;align-items:center!important;
  }
  .sidebar nav button span:last-child{display:none!important}
  .sidebar .navicon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important}
  .sidebar .navicon svg{width:22px!important;height:22px!important}
  .sidebar nav button.active{box-shadow:0 5px 14px rgba(109,59,209,.34)!important}

  /* Main app gets the whole phone width */
  main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  #app{padding:12px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}

  /* Mobile header */
  .topbar{
    height:auto!important;min-height:72px!important;padding:12px 14px!important;
    gap:8px!important;align-items:center!important;width:100%!important;
  }
  .topbar>div:first-child{min-width:0!important}
  .topbar h2{font-size:23px!important;line-height:1.1!important}
  .topbar p{font-size:11px!important;white-space:normal!important}
  .top-actions{display:none!important}
  .online-user-wrap{width:auto!important;margin-left:auto!important}
  .online-user-badge span{display:none!important}

  /* Dashboard hero */
  .premium-dash-hero{
    display:block!important;width:100%!important;margin-bottom:12px!important;
    padding:18px!important;border-radius:16px!important;overflow:hidden!important;
  }
  .premium-dash-hero h2{font-size:28px!important;line-height:1.08!important;overflow-wrap:anywhere!important}
  .premium-dash-hero p{font-size:11px!important;line-height:1.5!important}
  .hero-metrics{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin-top:14px!important;width:100%!important;
  }
  .hero-metrics>div{min-width:0!important;width:auto!important;padding:10px 11px!important}
  .hero-metrics>div:last-child:nth-child(odd){grid-column:1/-1!important}
  .hero-metrics b{font-size:20px!important}

  /* Alert/operation strip and buttons */
  .ops-strip,.alert-strip,.dashboard-alert-strip{width:100%!important;min-width:0!important}
  .ops-strip{padding:14px!important}
  .ops-strip>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
  .ops-strip .btn,.premium-dash-hero .btn{max-width:100%!important;white-space:normal!important}

  /* KPI cards */
  .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
  .dash-kpi{min-width:0!important;padding:11px!important;gap:8px!important}
  .dash-kpi>span{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .dash-kpi small{font-size:7.5px!important;overflow-wrap:anywhere!important}
  .dash-kpi b{font-size:18px!important}

  /* Main dashboard sections */
  .dashboard-grid,.grid2,.report-grid,.category-toolbar,.advanced-toolbar,.filter-grid{
    grid-template-columns:1fr!important;width:100%!important;min-width:0!important
  }
  .panel,.card,.kpi{max-width:100%!important;min-width:0!important}
  .panel{padding:12px!important;border-radius:13px!important}
  .panelhead{align-items:flex-start!important;flex-wrap:wrap!important}
  .quick-grid,.quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Workforce roles */
  .role-panel{grid-column:auto!important}
  .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .role-card{min-width:0!important;padding:11px!important;min-height:104px!important}
  .role-card-top{grid-template-columns:32px minmax(0,1fr) auto!important}
  .role-name{overflow-wrap:anywhere!important}

  /* Tables scroll inside their own panel, never widen the page */
  .tablewrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .tablewrap table{min-width:720px!important;width:max-content!important}

  /* Forms / modals */
  .modal{padding:0!important;align-items:stretch!important}
  .modalbox{
    width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;
    border-radius:0!important;border-top:0!important;overflow:auto!important
  }
  .modalhead{padding:14px!important;top:0!important}
  .formtabs{top:64px!important;padding-left:10px!important;padding-right:10px!important}
  .formwrap{padding:14px!important}
  .formgrid{grid-template-columns:1fr!important}
  .field.span2,.field.span3,.field.span4{grid-column:auto!important}
  .formactions{flex-wrap:wrap!important;gap:8px!important}
  .formactions .btn{flex:1 1 auto!important;justify-content:center!important}

  /* Employee/category/profile responsive */
  .ep-hero,.category-hero,.backup-hero,.admin-hero,.detail-hero{flex-direction:column!important;align-items:flex-start!important}
  .ep-kpis,.category-kpis,.health-kpis,.salary-top,.history-summary,.profile-history-summary,.backup-summary-grid,.ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .ep-info-grid,.ep-info-grid.four,.ep-payroll-cards,.ep-doc-grid,.detail-grid{grid-template-columns:1fr!important}
  .detail-item.span2,.ep-info.wide{grid-column:auto!important}

  /* Inputs/toolbars */
  .toolbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .toolbar input,.toolbar select,.toolbar .btn,.toolbar label{width:100%!important;min-width:0!important;max-width:100%!important}
  input,select,textarea{max-width:100%!important}
}

@media (max-width:420px){
  #app{padding:10px!important}
  .topbar{padding:11px 12px!important}
  .topbar h2{font-size:21px!important}
  .premium-dash-hero{padding:16px!important}
  .premium-dash-hero h2{font-size:26px!important}
  .dash-kpis{gap:8px!important}
  .dash-kpi{padding:10px!important}
  .role-grid{grid-template-columns:1fr!important}
  .quick-grid,.quick{grid-template-columns:1fr!important}
  .ep-kpis,.category-kpis,.health-kpis,.salary-top,.history-summary,.profile-history-summary,.backup-summary-grid,.ops-kpis{grid-template-columns:1fr!important}
}

/* ===== v9.11.5 Employee Certificate ===== */
.certificate-workspace{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:18px;align-items:start}.certificate-controls{position:sticky;top:88px}.certificate-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.certificate-preview-shell{background:#dfe4eb;border:1px solid var(--border);border-radius:18px;padding:22px;overflow:auto}.certificate-preview-shell .employee-certificate{width:794px;height:1123px;margin:auto;background:#fff;box-shadow:0 18px 50px #24324a24;padding:45px 38px 26px;position:relative;overflow:hidden;color:#111;font-family:Arial,Tahoma,sans-serif;transform-origin:top center}.cert-head{display:flex;justify-content:space-between;align-items:flex-start}.cert-head h1{font-size:28px;margin:0 0 2px}.cert-head h2{font-size:25px;margin:0}.cert-head img{width:115px;height:82px;object-fit:contain}.cert-date{margin-top:27px;font-size:14px;display:flex;justify-content:space-between}.cert-to{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:32px;font-size:14px;min-height:30px}.cert-intro{display:grid;grid-template-columns:1fr 1fr;gap:62px;margin-top:22px;font-size:13px;font-weight:700;line-height:1.55}.cert-intro p:last-child{text-align:right}.cert-details{margin-top:28px}.cert-row{display:grid;grid-template-columns:95px 14px 175px 175px 14px 105px;align-items:center;min-height:28px;font-size:12px;gap:4px}.cert-ar-value,.cert-ar-label{text-align:right}.cert-declaration{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;font-size:12px;font-weight:700;line-height:1.5}.cert-declaration p:last-child{text-align:right}.cert-authority{position:absolute;left:45px;right:45px;bottom:142px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.cert-sign{text-align:center;font-size:10px;display:flex;flex-direction:column;align-items:center}.cert-sign img{width:130px;height:95px;object-fit:contain}.cert-stamp{text-align:center}.cert-stamp img{width:180px;height:130px;object-fit:contain}.cert-footer{position:absolute;left:20px;right:20px;bottom:18px;width:754px;height:80px;object-fit:contain}.certificate-btn{border-color:#d9c6f3!important}.certificate-controls .helper{margin-top:12px;line-height:1.5}
@media(max-width:1050px){.certificate-workspace{grid-template-columns:1fr}.certificate-controls{position:static}.certificate-preview-shell{padding:12px}.certificate-preview-shell .employee-certificate{transform:scale(.78);margin-bottom:-247px}}
@media(max-width:700px){.certificate-form-grid{grid-template-columns:1fr}.certificate-form-grid .span2{grid-column:1}.certificate-preview-shell .employee-certificate{transform:scale(.42);margin-left:50%;translate:-50% 0;margin-bottom:-651px}.certificate-preview-shell{min-height:490px}.certificate-actions .btn{flex:1 1 100%}}

/* ===== v9.12.0 Inventory Management ===== */
.inventory-page{display:grid;gap:16px}.inventory-hero{background:linear-gradient(135deg,#101c34,#26375c 62%,#4d337b);color:#fff;border-radius:22px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.inventory-hero h2{font-size:30px;margin:5px 0}.inventory-hero p{margin:0;color:#d8deea}.inventory-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#f2c56b;font-weight:900}.inv-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.inv-kpi{background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;min-width:0}.inv-kpi>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eef2f7}.inv-kpi svg{width:22px}.inv-kpi small{display:block;color:var(--muted);font-weight:700}.inv-kpi b{display:block;font-size:24px;margin-top:2px}.inv-kpi.green>span{color:#149657;background:#e8f7ef}.inv-kpi.red>span,.inv-kpi.rose>span{color:#d33c50;background:#fdecef}.inv-kpi.amber>span{color:#c77b18;background:#fff3df}.inv-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:#fff;border:1px solid var(--border);border-radius:14px}.inv-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:800;white-space:nowrap;color:#536174;cursor:pointer}.inv-tabs button.active{background:#eee8ff;color:#5d32c2}.inv-grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.inv-badge,.inv-type{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.inv-badge.ok,.inv-type.in{background:#e6f7ed;color:#087b43}.inv-badge.low{background:#fff2df;color:#a45e00}.inv-badge.out,.inv-type.out{background:#fdebed;color:#b42338}.linkbtn{border:0;background:none;color:#5d32c2;font-weight:800;cursor:pointer;padding:3px 0}.iconbtn.danger{color:#b42338}.inv-entry .formwrap{padding:4px 0 0}.empty-state{text-align:center;padding:45px!important}.hidden{display:none!important}
@media(max-width:1100px){.inv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-grid2{grid-template-columns:1fr}}
@media(max-width:700px){.inventory-hero{padding:18px;align-items:flex-start;flex-direction:column}.inventory-hero h2{font-size:25px}.inventory-hero .btn{width:100%;justify-content:center}.inv-kpis{grid-template-columns:1fr 1fr}.inv-kpi{padding:11px}.inv-kpi b{font-size:20px}.inv-tabs{border-radius:11px}.inventory-page .tablewrap table{min-width:780px!important}}
@media(max-width:420px){.inv-kpis{grid-template-columns:1fr}}
/* v9.12.1 save confirmations + startup experience */
.app-confirm-overlay{position:fixed;inset:0;z-index:100000;background:rgba(9,18,35,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.app-confirm-box{width:min(420px,94vw);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(7,17,36,.25);text-align:center;animation:confirmIn .22s ease-out}.app-confirm-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:17px;display:grid;place-items:center;background:#eee8ff;color:#6736cf;font-size:26px;font-weight:900}.app-confirm-box h3{margin:0 0 8px;font-size:22px}.app-confirm-box p{margin:0;color:#687386;line-height:1.55}.app-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.app-confirm-actions .btn{min-width:120px;justify-content:center}@keyframes confirmIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
#startupLoader{position:fixed;inset:0;z-index:200000;background:radial-gradient(circle at 72% 18%,rgba(111,65,200,.22),transparent 34%),linear-gradient(145deg,#0c172b,#142541 58%,#2c2555);display:grid;place-items:center;color:#fff;transition:opacity .38s ease,visibility .38s ease}#startupLoader.loader-hide{opacity:0;visibility:hidden}.loader-card{text-align:center;width:min(430px,86vw)}.loader-logo{width:82px;height:82px;border-radius:23px;background:#fff;padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.24);animation:loaderFloat 1.8s ease-in-out infinite}.loader-card h1{font-size:27px;margin:20px 0 5px}.loader-card p{margin:0;color:#c6d0e0}.loader-track{height:5px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden;margin:25px auto 12px;width:min(330px,80vw)}.loader-bar{height:100%;width:38%;border-radius:99px;background:linear-gradient(90deg,#f3c96d,#b58cff);animation:loaderMove 1.25s ease-in-out infinite}.loader-status{font-size:11px;letter-spacing:1.5px;color:#b9c5d8;text-transform:uppercase}.loader-dots span{display:inline-block;width:6px;height:6px;margin:16px 3px 0;border-radius:50%;background:#fff;animation:loaderDot 1.1s infinite}.loader-dots span:nth-child(2){animation-delay:.15s}.loader-dots span:nth-child(3){animation-delay:.3s}@keyframes loaderFloat{50%{transform:translateY(-7px)}}@keyframes loaderMove{0%{transform:translateX(-105%)}100%{transform:translateX(265%)}}@keyframes loaderDot{0%,60%,100%{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}}
/* v9.12.2 Global Save / Update Feedback */
.global-save-popup{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding-top:24px;pointer-events:none}.global-save-card{pointer-events:auto;min-width:340px;max-width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:46px 1fr 28px;gap:12px;align-items:center;background:#fff;border:1px solid #dfe6e2;border-radius:16px;padding:14px 15px;box-shadow:0 18px 55px rgba(16,24,40,.22);animation:globalSaveIn .24s ease-out}.global-save-card.success{border-top:4px solid #16a166}.global-save-card.error{border-top:4px solid #d64545}.global-save-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:900;background:#e9f8f0;color:#118653}.global-save-card.error .global-save-icon{background:#fdecec;color:#c63232}.global-save-card h3{margin:0 0 3px;font-size:15px;color:#172033}.global-save-card p{margin:0;color:#667085;font-size:12px}.global-save-card>button{border:0;background:transparent;font-size:22px;color:#8b95a5;cursor:pointer}@keyframes globalSaveIn{from{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:600px){.global-save-popup{padding-top:12px}.global-save-card{min-width:0;width:calc(100vw - 24px)}}
\n/* ===== v9.12.4 desktop width / inventory containment fix ===== */
@media (min-width:761px){
 html,body{max-width:100%;overflow-x:hidden}
 main{margin-left:252px!important;width:calc(100vw - 252px)!important;max-width:calc(100vw - 252px)!important;min-width:0!important;overflow-x:hidden!important}
 #app{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
 .inventory-page,.inventory-hero,.inv-kpis,.inv-tabs,#inventoryBody,.inv-grid2,.panel{min-width:0!important;max-width:100%!important}
 .inventory-hero>div{min-width:0;flex:1 1 auto}.inventory-hero .btn{flex:0 0 auto}
 .inv-tabs{width:100%;flex-wrap:wrap;overflow:visible}
}
@media (min-width:761px) and (max-width:1250px){
 .inventory-hero{padding:20px}.inventory-hero h2{font-size:26px}.inv-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ===== v9.12.5 Premium Inventory Dashboard & Reporting ===== */
.inventory-page{gap:13px!important}
.inventory-hero{min-height:0!important;padding:17px 20px!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(22,31,62,.12)}
.inventory-hero h2{font-size:24px!important;line-height:1.08;margin:3px 0 4px!important}.inventory-hero p{font-size:12px}.inventory-hero .eyebrow{font-size:9px}.inventory-hero .btn{white-space:nowrap;min-width:max-content}
.inv-kpis{gap:10px}.inv-kpi{padding:12px 13px;border-radius:14px;box-shadow:0 5px 18px rgba(20,30,50,.035)}.inv-kpi>span{width:38px;height:38px}.inv-kpi b{font-size:21px}.inv-kpi small{font-size:10px}
.inv-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px!important;padding:4px!important;overflow:hidden!important}.inv-tabs button{padding:9px 6px!important;font-size:11px!important;white-space:normal!important;line-height:1.15}
.inv-searchbar{display:flex;align-items:center;gap:9px;background:#f7f8fb;border:1px solid #e3e6ec;border-radius:12px;padding:8px 12px;margin:0 0 12px}.inv-searchbar span{font-size:20px;color:#6d3bd1}.inv-searchbar input{border:0!important;background:transparent!important;outline:0;width:100%;padding:3px!important;font-size:12px}
.inv-report-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.inv-report-main{background:linear-gradient(180deg,#fff,#fbfaff)}.inv-report-badge{font-size:9px;font-weight:900;letter-spacing:1px;color:#6336c7;background:#f0eaff;padding:7px 9px;border-radius:999px}.inv-report-range{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:14px;border:1px solid #e8e3f1;background:#faf8fe;border-radius:14px}.inv-range-actions{display:flex;gap:6px;padding-bottom:1px}.inv-export-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.inv-export-cards button{text-align:left;border:1px solid #e3e5eb;background:#fff;border-radius:14px;padding:14px;cursor:pointer;transition:.18s;min-height:112px}.inv-export-cards button:hover{transform:translateY(-2px);border-color:#bca7e8;box-shadow:0 8px 24px rgba(84,54,145,.1)}.inv-export-cards b{display:block;font-size:13px;color:#1a2538}.inv-export-cards span{display:block;color:#707b8c;font-size:10px;line-height:1.45;margin:6px 0 10px}.inv-export-cards strong{font-size:10px;color:#6638c7}.inv-report-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eef7f2;color:#416758;font-size:10px;line-height:1.45}
@media (min-width:761px){main{box-sizing:border-box!important}.inventory-page{width:100%!important}.inventory-hero{width:100%!important;box-sizing:border-box!important}.inventory-hero .inv-hero-copy{overflow:hidden}.inventory-hero .btn{margin-left:auto}.inventory-page>.panel,#inventoryBody{width:100%!important;box-sizing:border-box!important}}
@media(max-width:1200px){.inv-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.inv-report-layout{grid-template-columns:1fr}.inv-export-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.inv-tabs{display:flex!important;overflow-x:auto!important}.inv-tabs button{min-width:110px}.inv-report-range{grid-template-columns:1fr 1fr}.inv-range-actions{grid-column:1/-1}.inv-export-cards{grid-template-columns:1fr}.inventory-hero{padding:15px!important}.inventory-hero h2{font-size:21px!important}}

/* ===== v9.13.0 Inventory Control Pro ===== */
.inv-pro-hero{background:radial-gradient(circle at 80% 20%,rgba(136,91,224,.25),transparent 28%),linear-gradient(120deg,#10213c,#243b69 62%,#4c3285)!important}.inv-hero-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.inv-bell{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:9px 11px;cursor:pointer}.inv-bell b{background:#f7c85e;color:#33240a;border-radius:99px;padding:2px 6px;margin-left:3px}.inv-date-strip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e8ef;border-radius:13px;padding:9px 12px;font-size:11px}.inv-date-strip select{border:1px solid #dfe3ea;border-radius:9px;padding:7px 10px;background:#fafbfc}.inv-date-strip span{margin-left:auto;color:#667085}.inv-pro-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}.inv-pro-tabs button{flex:1 1 105px;min-width:95px}.inv-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px}.inv-premium-card{box-shadow:0 8px 25px rgba(16,31,60,.045)}.health{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.health.healthy{background:#e7f7ed;color:#087a43}.health.reorder-required{background:#fff4dd;color:#9a6200}.health.critical{background:#fff0e5;color:#b54708}.health.out-of-stock{background:#fdebec;color:#b42338}.inv-action-list{display:grid;gap:8px}.inv-action-list button{display:flex;gap:10px;text-align:left;border:1px solid #e6e9ef;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.inv-action-list button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff3df}.inv-action-list b,.inv-action-list small{display:block}.inv-action-list small{color:#748094;margin-top:3px}.inv-good{padding:16px;border-radius:12px;background:#eaf8ef;color:#147a48;font-weight:800}.inv-notifications{display:grid;gap:8px;padding:4px}.inv-notifications>div{display:flex;gap:10px;padding:11px;border:1px solid #e7e9ef;border-radius:12px}.inv-notifications p{margin:0}.inv-notifications small{display:block;color:#7a8494;margin-top:4px}.employee-issued-panel{margin-top:14px}.inv-print-center .inv-export-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.btn.small{padding:6px 8px;font-size:10px}.btn.danger{color:#b42338;border-color:#f2c6cc}.inv-pro .panel{border-radius:16px}
@media(max-width:1100px){.inv-overview-grid{grid-template-columns:1fr}.inv-print-center .inv-export-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.inv-hero-actions{width:100%;margin:0}.inv-hero-actions .btn{flex:1}.inv-date-strip{align-items:stretch;flex-direction:column}.inv-date-strip span{margin:0}.inv-pro-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.inv-pro-tabs button{flex:0 0 110px}.inv-print-center .inv-export-cards{grid-template-columns:1fr}}

/* v9.13.3 navigation cleanup + premium dashboard */
.topbar{min-height:68px;padding-right:24px}.top-actions{display:none!important}
.dashboard-doc-alert{position:fixed;right:24px;bottom:24px;z-index:40;width:48px;height:48px;border:0;border-radius:15px;background:linear-gradient(135deg,#5f35c9,#7d55df);color:#fff;box-shadow:0 12px 28px rgba(92,54,194,.28);cursor:pointer;display:grid;place-items:center}.dashboard-doc-alert svg{width:21px;height:21px}.dashboard-doc-alert span{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d9475b;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.profile-complete{min-width:105px;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.profile-complete>span{display:block;width:72px;height:6px;border-radius:99px;background:#e8eaf0;overflow:hidden;margin-bottom:4px}.profile-complete>span i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7b50d6,#2fa67d)}.profile-complete b{font-size:10px;color:#293246;margin-right:5px}.profile-complete small{font-size:8px;color:#8a93a2}.profile-health-row{align-items:center}.profile-health-row .profile-complete{text-align:right}.profile-health-row .profile-complete>span{margin-left:auto}
.settings-admin-card{background:linear-gradient(145deg,#fff,#faf8ff);border-color:#e2daf4!important}
.premium-user-card{padding:11px}.premium-user-main{border-radius:11px}.premium-user-main:hover{background:rgba(255,255,255,.07)}.sidebar-logout{margin-top:3px;padding:10px}.user-avatar{width:42px;height:42px;flex-basis:42px;border-radius:13px}.user-copy b{font-size:12.5px}.user-copy small{font-size:8.5px}
@media(max-width:900px){.dashboard-doc-alert{right:15px;bottom:16px}.profile-complete{min-width:88px}}
/* v9.13.4 premium settings hub */
.settings-premium-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:18px;border:1px solid #e3e8ef;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#faf8ff 60%,#f3f8ff 100%);box-shadow:0 8px 28px rgba(30,42,68,.06)}
.settings-premium-head h2{margin:3px 0 5px;font-size:25px}.settings-premium-head p{margin:0;color:#71808a}.settings-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#6941c6}
.settings-section-title{display:flex;align-items:baseline;gap:12px;margin:20px 2px 10px}.settings-section-title span{font-size:15px;font-weight:900;color:#182230}.settings-section-title small{color:#87939c}
.settings-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-hub-card{appearance:none;border:1px solid #e1e7ed;background:#fff;border-radius:15px;padding:16px;display:grid;grid-template-columns:42px 1fr 18px;gap:12px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(20,35,55,.04);transition:.18s ease}.settings-hub-card:hover{transform:translateY(-2px);border-color:#cfc1ee;box-shadow:0 10px 28px rgba(79,52,130,.10)}.settings-hub-icon{width:42px;height:42px;border-radius:12px;background:#f3effc;color:#6941c6;display:grid;place-items:center}.settings-hub-icon svg{width:20px;height:20px}.settings-hub-card b,.settings-hub-card small{display:block}.settings-hub-card b{font-size:13px;color:#182230;margin-bottom:4px}.settings-hub-card small{font-size:11px;line-height:1.4;color:#7c8993}.settings-hub-card i{font-style:normal;font-size:25px;color:#a3acb4}.settings-account-card .settings-hub-icon{background:#ecfdf3;color:#067647}.settings-polished-grid{align-items:stretch}.settings-polished-grid>.panel{height:100%}
@media(max-width:1050px){.settings-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.settings-premium-head{align-items:flex-start;flex-direction:column}.settings-hub-grid{grid-template-columns:1fr}.settings-section-title{display:block}.settings-section-title small{display:block;margin-top:3px}}
/* v9.13.5 Salary & Career unified workspace */
.career-hub-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:14px;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%)}
.career-hub-head h2{margin:0 0 5px;font-size:22px}.career-hub-head p{margin:0;color:var(--muted,#6b7280)}
.career-hub-actions{display:flex;gap:10px;flex-wrap:wrap}.career-tabs{display:flex;gap:8px;padding:6px;background:#fff;border:1px solid #e9e4f1;border-radius:14px;margin-bottom:16px;box-shadow:0 5px 18px rgba(24,34,55,.04)}
.career-tab{border:0;background:transparent;padding:11px 16px;border-radius:10px;font-weight:800;color:#586174;cursor:pointer;display:flex;align-items:center;gap:8px}.career-tab svg{width:17px;height:17px}.career-tab.active{background:#6336c6;color:#fff;box-shadow:0 5px 14px rgba(99,54,198,.2)}
@media(max-width:760px){.career-hub-head{align-items:flex-start;flex-direction:column}.career-hub-actions{width:100%}.career-hub-actions .btn{flex:1}.career-tabs{overflow:auto}.career-tab{white-space:nowrap}}


/* ===== v9.13.6 Premium App Polish ===== */
:root{--app-navy:#0f1d33;--app-navy2:#172a49;--app-violet:#6840c7;--app-violet2:#7b55d9;--app-soft:#f5f7fb;--app-border:#e5e9f1;--app-ink:#172033;--app-muted:#728096}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 0%,#f1ecff 0,transparent 28%),linear-gradient(180deg,#f7f9fc,#f4f6fa 65%,#f8f9fc);color:var(--app-ink)}
main{min-height:100vh}.sidebar{background:linear-gradient(180deg,#0e1a2e 0%,#10213a 52%,#0b1728 100%);box-shadow:10px 0 35px rgba(15,29,51,.13)}
.brand{padding-top:7px;padding-bottom:20px}.brand-copy strong{letter-spacing:-.2px}.sidebar nav{gap:4px}.sidebar nav button{border:1px solid transparent;padding:11px 12px}.sidebar nav button:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.05);transform:translateX(2px)}.sidebar nav button.active{background:linear-gradient(90deg,#5830b5,#6f48c9);box-shadow:0 8px 20px rgba(76,42,158,.28)}
.topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-color:#e8ebf2;box-shadow:0 3px 14px rgba(22,32,51,.025)}.topbar h2{letter-spacing:-.45px;color:#172033}.topbar p{color:#7a8798}
#app{max-width:1780px;margin:0 auto;padding:22px 24px 34px}.panel{border:1px solid var(--app-border);border-radius:16px;box-shadow:0 8px 26px rgba(26,39,64,.055);background:rgba(255,255,255,.97)}.panel:hover{box-shadow:0 10px 30px rgba(26,39,64,.07)}
.btn{border-radius:10px;min-height:36px;font-weight:750;border-color:#dfe4ec;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,38,61,.10)}.btn.primary,.btn.purple{background:linear-gradient(135deg,#6037bd,#744bd0);border-color:transparent;box-shadow:0 5px 13px rgba(96,55,189,.20)}
input,select,textarea{border-radius:10px!important;border-color:#dfe4ec!important;background:#fff!important;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#8c6bd7!important;box-shadow:0 0 0 3px rgba(104,64,199,.10)!important;outline:0}
.tablewrap{border-color:#e6eaf0;border-radius:13px;background:#fff}th{background:#f7f8fb;color:#5d687a;font-size:10px;letter-spacing:.02em;text-transform:none}td{border-color:#edf0f4}tbody tr{transition:background .12s}tbody tr:hover{background:#faf9fe}
.metric,.inv-kpi,.profile-stat{border-color:#e6eaf0;box-shadow:0 6px 18px rgba(25,38,62,.045)}
.settings-premium-head{border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(119,82,211,.10),transparent 26%),linear-gradient(135deg,#fff,#fbfaff 60%,#f5f8ff);box-shadow:0 12px 32px rgba(31,42,66,.065)}.settings-hub-card{border-radius:16px}.settings-hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(57,42,92,.10)}
.inventory-hero,.profile-hero{box-shadow:0 16px 38px rgba(20,35,64,.16)}
.modal{backdrop-filter:blur(5px)}.modalbox{border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 70px rgba(15,25,45,.22);border-radius:18px!important}
.status{font-weight:800}.premium-user-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.13)!important}
/* Certificate workspace: clearer, safer and more premium */
.certificate-workspace{gap:20px}.certificate-controls{border-top:3px solid #6d47c8}.certificate-controls:before{content:'CERTIFICATE STUDIO';display:inline-flex;margin-bottom:12px;padding:5px 8px;border-radius:999px;background:#f2edff;color:#6840c7;font-size:9px;font-weight:900;letter-spacing:.12em}.certificate-preview-shell{background:linear-gradient(145deg,#e9edf3,#dce2ea);border-radius:18px;box-shadow:inset 0 1px 0 #fff}.certificate-actions .btn.primary{padding-left:14px;padding-right:14px}
@keyframes appFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}#app>div,#app>.panel{animation:appFadeIn .22s ease both}
*{scrollbar-width:thin;scrollbar-color:#c8c0d9 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c8c0d9;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
@media(max-width:900px){#app{padding:14px}.topbar{padding-left:16px;padding-right:16px}.panel{border-radius:14px}}


/* v9.13.7 — SayrishLab developer credit */
.auth-card-footer .sayrishlab-credit{
  flex-basis:100%;
  display:block;
  margin-top:7px;
  color:#74658f;
  font-size:9px;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  transition:color .18s ease, transform .18s ease;
}
.auth-card-footer .sayrishlab-credit::before{content:none!important;}
.auth-card-footer .sayrishlab-credit:hover{color:#6d32d9;transform:translateY(-1px);text-decoration:underline;}
/* v9.13.9 monthly master import */
.employee-master-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.roster-import-btn{border-color:#c9b9f6!important;background:linear-gradient(135deg,#f7f3ff,#fff)!important;color:#5b2bc8!important;font-weight:800!important}.roster-import-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(91,43,200,.14)}
@media(max-width:760px){.employee-master-actions{width:100%;justify-content:stretch}.employee-master-actions .btn{flex:1;justify-content:center}}
/* Inventory-only receipt import + item photos v9.13.13 */
.inv-photo-thumb{width:48px;height:48px;padding:0;border:1px solid #e3e6ed;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}.inv-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.inv-no-photo{font-size:10px;color:#9aa3b2}.inv-photo-editor{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border:1px dashed #d9ddea;border-radius:12px;background:#fafbfe}.inv-photo-editor img{width:84px;height:84px;object-fit:cover;border-radius:12px;border:1px solid #e2e5ec}.inv-photo-editor #invItemPhotoEmpty{width:84px;height:84px;display:grid;place-items:center;text-align:center;border-radius:12px;background:#eef1f6;color:#8993a3;font-size:10px}.inv-photo-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(7,12,24,.88);display:grid;place-items:center;padding:35px;backdrop-filter:blur(8px)}.inv-photo-lightbox>div{max-width:min(1000px,92vw);max-height:88vh;text-align:center;color:#fff}.inv-photo-lightbox img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 70px #0008}.inv-photo-lightbox p{margin:12px 0 0;font-weight:800}.inv-photo-close{position:absolute;right:25px;top:20px;width:44px;height:44px;border:0;border-radius:50%;font-size:30px;line-height:1;background:#fff;color:#111827;cursor:pointer}.receipt-import-btn{white-space:nowrap;border-color:#cdbdf7!important;color:#5e31c7!important;background:#f8f5ff!important;font-weight:800!important}.receipt-drop{padding:20px;border:2px dashed #cfc6e7;border-radius:16px;background:#faf8ff;display:grid;gap:10px}.receipt-drop b{font-size:16px}.receipt-drop p{margin:0;color:#6f7787}.receipt-drop input{padding:10px;background:#fff;border:1px solid #e1e4eb;border-radius:10px}.receipt-note{display:flex;gap:10px;margin:12px 0;padding:11px 13px;border-radius:12px;background:#fff8e8;color:#755414;font-size:11px}.receipt-note span{color:#816d43}.receipt-scanning,.receipt-error{margin-top:14px;padding:18px;border-radius:13px;background:#f4f1ff;display:grid;gap:5px}.receipt-error{background:#fff0f0;color:#a12525}.receipt-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.receipt-meta label{font-size:10px;font-weight:800;color:#687386}.receipt-meta input,.receipt-table input{width:100%;margin-top:5px;padding:8px;border:1px solid #dfe3eb;border-radius:8px;background:#fff}.receipt-table td{min-width:105px}.receipt-table td:nth-child(2){min-width:260px}.receipt-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media(max-width:760px){.receipt-meta{grid-template-columns:1fr}.receipt-preview-actions{flex-direction:column}.receipt-import-btn{width:100%}.inv-photo-lightbox{padding:15px}.inv-photo-close{right:12px;top:12px}}
\n/* Inventory automatic related thumbnails — v9.13.15 */
.inv-auto-thumb{width:74px!important;height:58px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(145deg,#f8fafc,#eef2f7);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer}
.inv-auto-thumb span{font-size:25px;line-height:27px}.inv-auto-thumb small{font-size:8px;line-height:10px;color:#64748b;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-auto-thumb:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.12)}
.inv-auto-lightbox{width:min(72vw,520px);height:min(58vh,390px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#fff,#f1f5f9);border-radius:18px}.inv-auto-lightbox span{font-size:120px;line-height:1}.inv-auto-lightbox b{font-size:22px;color:#0f172a}.inv-auto-lightbox small{color:#64748b}

/* v9.13.16 premium corporate main dashboard */
.corp-dashboard{display:flex;flex-direction:column;gap:14px;padding-bottom:18px}.corp-welcome{min-height:128px;border:1px solid #dfe8ff;border-radius:18px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 20%,rgba(111,76,255,.16),transparent 25%),linear-gradient(110deg,#fff 0%,#f4f7ff 56%,#eaf7f4 100%);box-shadow:0 8px 24px rgba(32,54,95,.06)}.corp-welcome:after{content:"";position:absolute;right:35px;bottom:-55px;width:280px;height:140px;border-radius:50%;border:24px solid rgba(77,68,224,.06)}.corp-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#6846db}.corp-welcome h2{margin:7px 0 5px;font-size:28px;line-height:1;color:#12213f}.corp-welcome p{margin:0;color:#65738c;font-size:12px}.corp-welcome p b{color:#6946dd}.corp-date{position:relative;z-index:1;background:rgba(255,255,255,.78);border:1px solid #e5eaff;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:800;color:#34415c}.corp-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.corp-kpis>button{border:1px solid #e5eaf3;background:#fff;border-radius:16px;padding:15px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(31,45,75,.05);transition:.18s}.corp-kpis>button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(31,45,75,.09)}.ck-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;display:grid;place-items:center;color:#fff}.ck-icon svg{width:22px;height:22px}.ck-icon.blue{background:linear-gradient(135deg,#1779ff,#35a4ff)}.ck-icon.green{background:linear-gradient(135deg,#08ad5a,#35d37d)}.ck-icon.purple{background:linear-gradient(135deg,#6c3cff,#9a55ff)}.ck-icon.amber{background:linear-gradient(135deg,#f5a20b,#ffca39)}.ck-icon.red{background:linear-gradient(135deg,#f03e51,#ff6876)}.corp-kpis small{display:block;color:#718099;font-size:9px;font-weight:800}.corp-kpis b{display:block;color:#13203d;font-size:21px;line-height:1.15;margin:3px 0}.corp-kpis em{font-style:normal;color:#8290a7;font-size:8px}.corp-main-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}.corp-bottom-grid{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:14px}.corp-card{background:#fff;border:1px solid #e5eaf3;border-radius:17px;padding:17px;box-shadow:0 5px 18px rgba(31,45,75,.045);min-width:0}.corp-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.corp-card-head h3{font-size:14px;margin:0;color:#14213d}.corp-card-head p{font-size:8.5px;color:#8995a8;margin:3px 0 0}.corp-card-head>button{border:1px solid #dfe5f1;background:#fff;color:#5637ce;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.role-visual{display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:center}.role-ring{width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 48%,transparent 49%),conic-gradient(#2884ff 0 26%,#32c6c4 26% 47%,#f7b824 47% 63%,#8b58ed 63% 79%,#3a9be7 79% 90%,#6979e8 90% 100%)}.role-ring strong{font-size:22px;color:#172340}.role-ring span{font-size:8px;color:#7e8a9d}.role-legend{display:flex;flex-direction:column}.role-legend button{border:0;background:transparent;display:grid;grid-template-columns:9px 1fr 30px 36px;gap:7px;align-items:center;text-align:left;padding:5px 0;cursor:pointer;font-size:8.5px;color:#42506a}.role-legend b,.role-legend em{font-style:normal;text-align:right;color:#1b2946}.role-legend em{color:#8793a6}.dot{width:7px;height:7px;border-radius:50%;background:#2884ff}.d1{background:#32c6c4}.d2{background:#f7b824}.d3{background:#8b58ed}.d4{background:#3a9be7}.d5{background:#6979e8}.d6{background:#a7b1c2}.corp-list{display:flex;flex-direction:column}.corp-list>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eef1f6}.corp-list>div:last-child{border-bottom:0}.avatar-soft{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f0eaff;color:#7048dc;font-size:8px;font-weight:900}.corp-list-copy{flex:1;min-width:0}.corp-list-copy b{display:block;font-size:9px;color:#17233f}.corp-list-copy small{display:block;color:#8793a6;font-size:7.5px;margin-top:2px}.corp-list em{font-style:normal;font-size:7.5px;color:#5d48cf;background:#f2efff;padding:5px 7px;border-radius:7px;white-space:nowrap}.stock-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stock-status-grid button{border:1px solid #e8edf4;background:#fbfcff;border-radius:12px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.ss{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.ss svg{width:17px}.ss.green{background:#e7faf0;color:#09a95a}.ss.amber{background:#fff4d9;color:#e79800}.ss.red{background:#ffe9eb;color:#ed4352}.ss.purple{background:#f0eaff;color:#7048dc}.stock-status-grid small{display:block;color:#748197;font-size:7.5px}.stock-status-grid b{display:block;color:#17233f;font-size:17px;margin-top:2px}.stock-mini-table>div{display:grid;grid-template-columns:68px 1fr 35px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f6;font-size:8px}.stock-mini-table>div:last-child{border-bottom:0}.stock-list-copy b{display:block;color:#182540}.stock-list-copy small{display:block;color:#8a96a8;margin-top:2px}.stock-mini-table strong{text-align:right;color:#0aa25a}.quick-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-new-grid button{border:1px solid #e3e9f2;background:#fbfcff;border-radius:11px;padding:11px 9px;display:flex;align-items:center;gap:7px;color:#283753;font-size:8px;font-weight:800;cursor:pointer}.quick-new-grid svg{width:16px;color:#6743da}.corp-empty{color:#8a96a8;font-size:9px;padding:18px 4px!important;border:0!important}.sidebar{background:linear-gradient(180deg,#0d2548 0%,#071b36 100%)!important}.nav button.active,.nav a.active{background:linear-gradient(135deg,#5d38e9,#7c4dff)!important;box-shadow:0 7px 18px rgba(91,55,229,.25)}
@media(max-width:1250px){.corp-kpis{grid-template-columns:repeat(3,1fr)}.corp-main-grid{grid-template-columns:repeat(3,1fr)}.role-card-new{grid-column:1/-1}.corp-bottom-grid{grid-template-columns:1fr 1fr}.quick-new{grid-column:1/-1}}@media(max-width:800px){.corp-welcome{padding:20px}.corp-date{display:none}.corp-kpis,.corp-main-grid,.corp-bottom-grid{grid-template-columns:1fr}.role-card-new,.quick-new{grid-column:auto}.role-visual{grid-template-columns:1fr}.role-ring{margin:auto}.corp-kpis>button{padding:12px}}

/* v9.13.24 Premium Daily Attendance */
.attendance-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.attendance-mark-btn{background:linear-gradient(135deg,#6b3fe8,#7f4dff)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(104,63,232,.22);font-weight:850!important}.daily-att-shell{padding:16px;background:#f8faff}.daily-att-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:end;background:linear-gradient(135deg,#fff,#f5f2ff);border:1px solid #e5e7f4;border-radius:16px;padding:14px}.date-range-box,.daily-att-actions{display:flex;align-items:end;gap:10px}.date-range-box label{font-size:10px;font-weight:850;color:#5f6980}.date-range-box label small{font-weight:600;color:#929aae}.date-range-box input{display:block;margin-top:5px;padding:10px 12px;border:1px solid #dfe4ef;border-radius:10px;background:#fff;color:#17233e;font-weight:750}.mark-all-present{background:#e9fbf1!important;color:#079653!important;border-color:#bdeed2!important;font-weight:850!important}.autosave-switch{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #e0e5ef;border-radius:10px;background:#fff;color:#4d5870;font-size:10px;font-weight:800}.att-range-note{margin:10px 0;padding:10px 12px;border-radius:11px;background:#eef4ff;color:#52627c;font-size:10px}.att-range-note b{color:#263858}.att-range-note span{float:right;color:#6945d7;font-weight:800}.att-status-legend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.att-legend{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font-size:9px;font-weight:700}.att-legend b{padding:2px 5px;border-radius:5px;background:#fff8}.att-legend.p{background:#dcf8e8;color:#087c46}.att-legend.a{background:#ffe2e5;color:#b92738}.att-legend.v{background:#fff0c8;color:#a36c00}.att-legend.off{background:#deecff;color:#1e62b7}.att-legend.sl{background:#eee3ff;color:#7041b8}.att-legend.ul{background:#e9edf3;color:#566175}.daily-att-filters{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:10px;margin:10px 0}.daily-att-filters input,.daily-att-filters select{padding:10px 12px;border:1px solid #dfe4ee;border-radius:10px;background:#fff;font-size:10px}.daily-att-table-wrap{max-height:54vh;overflow:auto;border:1px solid #e4e8f0;border-radius:13px;background:#fff}.daily-att-table{border-collapse:separate;border-spacing:0;min-width:1050px;width:100%}.daily-att-table th{position:sticky;top:0;z-index:3;background:#f5f4f9;color:#4b566d;font-size:9px;padding:9px;border-bottom:1px solid #e4e8f0}.daily-att-table th small{display:block;margin-top:2px;color:#929bad}.daily-att-table td{padding:7px 8px;border-bottom:1px solid #edf0f5;font-size:9px;white-space:nowrap}.daily-att-table .sticky-id{position:sticky;left:0;z-index:2;background:#fff;min-width:72px}.daily-att-table th.sticky-id{z-index:5;background:#f5f4f9}.daily-att-table .sticky-name{position:sticky;left:72px;z-index:2;background:#fff;min-width:190px}.daily-att-table th.sticky-name{z-index:5;background:#f5f4f9}.att-status-select{width:96px;border:1px solid #e0e5ed;border-radius:8px;padding:7px 5px;font-size:9px;font-weight:850;background:#fff}.att-status-select.p{background:#e0f9ea;color:#087b45;border-color:#b9ebce}.att-status-select.a{background:#ffe5e8;color:#b62436;border-color:#ffc7cd}.att-status-select.v{background:#fff1ca;color:#9c6900;border-color:#ffe09a}.att-status-select.off{background:#e1efff;color:#1d61b5;border-color:#bfdcff}.att-status-select.sl{background:#eee4ff;color:#7040b7;border-color:#d9c6ff}.att-status-select.ul{background:#edf0f4;color:#566174}.att-cell.prejoin{background:#f8f9fb}.prejoin-label{color:#a1a8b4;font-size:8px;font-weight:700}.daily-att-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 3px 2px;color:#7c879a;font-size:9px}.daily-att-actions .btn.primary{background:linear-gradient(135deg,#6037dc,#7548f0)!important}.modalbox:has(#dailyAttendanceRoot){width:min(1480px,98vw)!important}.modalbox:has(#dailyAttendanceRoot) .modalbody{max-height:82vh!important}
@media(max-width:850px){.daily-att-toolbar,.date-range-box,.daily-att-actions{align-items:stretch;flex-direction:column}.daily-att-filters{grid-template-columns:1fr}.att-range-note span{float:none;display:block;margin-top:5px}.daily-att-footer{flex-direction:column}.attendance-top-actions{width:100%}.attendance-top-actions .btn{flex:1}}

/* v9.13.25 Attendance History + Monthly Export */
.monthly-report-btn{background:#fff!important;color:#5c3ed0!important;border:1px solid #dcd3ff!important;font-weight:850!important}.att-history-note{margin:8px 0;padding:8px 11px;border:1px solid #e2e6ee;background:#f7f8fb;border-radius:10px;color:#68758a;font-size:9px}.att-history-note b{color:#34425b}.history-head{background:#eef1f5!important;color:#7a8494!important}.history-head em,.mark-head em{display:block;font-size:6px;font-style:normal;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.mark-head{background:#f1edff!important;color:#5e3dc6!important}.att-history-cell{background:#fafbfc;text-align:center}.att-history-chip{display:inline-grid;place-items:center;min-width:29px;height:25px;padding:0 5px;border-radius:7px;font-size:8px;font-weight:900}.att-history-chip.empty{background:#f0f2f5;color:#a0a7b2}.att-history-chip.p{background:#dcf8e8;color:#087c46}.att-history-chip.a{background:#ffe2e5;color:#b92738}.att-history-chip.v{background:#fff0c8;color:#a36c00}.att-history-chip.off{background:#deecff;color:#1e62b7}.att-history-chip.sl{background:#eee3ff;color:#7041b8}.att-history-chip.ul{background:#e9edf3;color:#566175}.monthly-att-shell{padding:16px;background:#f8faff}.monthly-att-toolbar{display:grid;grid-template-columns:240px 220px 1fr;gap:12px;align-items:end;background:linear-gradient(135deg,#fff,#f5f2ff);border:1px solid #e5e7f4;border-radius:15px;padding:14px}.monthly-att-toolbar label{font-size:10px;font-weight:850;color:#5f6980}.monthly-att-toolbar select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dfe4ef;border-radius:10px;background:#fff}.monthly-att-actions{display:flex;justify-content:flex-end;gap:9px}.excel-export{background:#0aa65b!important;color:#fff!important;border:0!important}.pdf-export{background:#e94754!important;color:#fff!important;border:0!important}.monthly-att-summary{display:flex;gap:12px;align-items:center;padding:11px 3px;color:#748096;font-size:10px}.monthly-att-summary b{font-size:13px;color:#17233e}.monthly-att-summary span{background:#eef1f7;padding:5px 8px;border-radius:7px}.monthly-preview-wrap{max-height:58vh;overflow:auto;border:1px solid #e2e7ef;border-radius:12px;background:#fff}.monthly-preview-table{border-collapse:separate;border-spacing:0;min-width:1700px;width:100%;font-size:8px}.monthly-preview-table th{position:sticky;top:0;background:#f3f2f7;padding:7px 5px;border-bottom:1px solid #dfe4ed;z-index:2}.monthly-preview-table td{padding:6px 5px;border-bottom:1px solid #edf0f5;text-align:center}.monthly-preview-table td:nth-child(2){text-align:left;min-width:160px}.modalbox:has(#monthlyAttendancePreview){width:min(1500px,98vw)!important}.modalbox:has(#monthlyAttendancePreview) .modalbody{max-height:84vh!important}@media(max-width:850px){.monthly-att-toolbar{grid-template-columns:1fr}.monthly-att-actions{justify-content:stretch}.monthly-att-actions .btn{flex:1}}
/* v9.13.26 attendance control center */
.attendance-health{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border-radius:16px;border:1px solid #f1d4a5;background:linear-gradient(135deg,#fff9ed,#fff)}.attendance-health.complete{border-color:#bfe8cf;background:linear-gradient(135deg,#effbf4,#fff)}.attendance-health>div{display:flex;align-items:center;gap:12px}.attendance-health-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff0d5;color:#b8790a;font-size:20px;font-weight:900}.attendance-health.complete .attendance-health-icon{background:#dcf8e8;color:#07804a}.attendance-health b,.attendance-health small{display:block}.attendance-health b{font-size:13px;color:#24324c}.attendance-health small{font-size:10px;color:#7c879a;margin-top:3px}.copy-prev-btn{background:#eef4ff!important;color:#315fbd!important;border-color:#cfddfa!important;font-weight:800!important}.daily-att-filters{grid-template-columns:1.4fr .7fr .8fr auto!important}.exceptions-btn{white-space:nowrap;background:#fff!important;color:#7b8496!important}.exceptions-btn.active{background:#fff0f1!important;color:#b52738!important;border-color:#ffcbd0!important}.att-calendar-shell{padding:8px}.att-calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:14px}.att-calendar-toolbar b{min-width:180px;text-align:center;font-size:16px;color:#22314d}.att-cal-week,.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.att-cal-week span{text-align:center;font-size:9px;font-weight:850;color:#7d8799;padding:5px}.att-cal-day{min-height:82px;border:1px solid #e3e8ef;border-radius:13px;background:#fff;padding:9px;text-align:left;cursor:pointer}.att-cal-day b,.att-cal-day span,.att-cal-day small{display:block}.att-cal-day b{font-size:15px;color:#26344f}.att-cal-day span{font-size:9px;font-weight:800;margin-top:10px}.att-cal-day small{font-size:8px;margin-top:3px;color:#7d8799}.att-cal-day.complete{background:#effbf4;border-color:#bde8ce}.att-cal-day.complete span{color:#07804a}.att-cal-day.partial{background:#fff9e9;border-color:#f2d79d}.att-cal-day.partial span{color:#a66d00}.att-cal-day.missing{background:#fff2f3;border-color:#f1c3c8}.att-cal-day.missing span{color:#b62b3a}.att-cal-day.future{background:#f7f8fb;color:#9ca4b1}.att-cal-empty{min-height:82px}.modalbox:has(#attCalendarGrid){width:min(980px,96vw)!important}@media(max-width:850px){.daily-att-filters{grid-template-columns:1fr!important}.attendance-health{align-items:stretch;flex-direction:column}.att-cal-week,.att-cal-grid{gap:4px}.att-cal-day,.att-cal-empty{min-height:62px}.att-cal-day{padding:6px}.att-cal-day span{margin-top:5px;font-size:7px}}
/* v9.13.27 Attendance Governance */
.attendance-top-actions{flex-wrap:wrap}.month-lock-btn{border:1px solid #d0d5dd;background:#fff;color:#344054}.month-lock-btn.locked{background:#fff4e5;border-color:#f5b942;color:#8a4b08}.month-state{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#ecfdf3;color:#027a48;font-weight:800;font-size:12px}.month-state.locked{background:#fff4e5;color:#b54708}.att-audit-wrap{max-height:62vh;overflow:auto}.audit-id{display:block;color:#98a2b3;font-size:11px;margin-top:2px}.audit-change{font-weight:800;color:#344054;background:#f2f4f7;padding:4px 8px;border-radius:7px;white-space:nowrap}
/* v9.14.0 Stability & Security */
.perm-center{min-width:min(1050px,92vw)}.perm-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.perm-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#516174}.perm-toolbar select{min-width:300px}.perm-user-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #e6eaf2;border-radius:14px;margin-bottom:10px;background:#f8faff}.perm-user-head b{font-size:16px}.perm-user-head span{font-size:12px;color:#6b778c}.perm-table th:not(:first-child),.perm-table td:not(:first-child){text-align:center}.perm-switch{display:inline-flex;position:relative}.perm-switch input{width:18px;height:18px;accent-color:#6657e8}.perm-security-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff8e7;border:1px solid #f4d78b;color:#6d5310;font-size:12px}.admin-control-card{border-color:#d9d4ff!important;background:linear-gradient(135deg,#fff,#f7f5ff)!important}.notify-grid,.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.notify-grid>div,.health-grid>div{padding:16px;border:1px solid #e7eaf1;border-radius:14px;background:#fafbff;display:grid;gap:7px}.notify-grid small,.health-grid small{color:#738096;font-weight:700}.notify-grid b,.health-grid b{font-size:24px;color:#17223b}.health-grid{grid-template-columns:repeat(2,1fr)}.health-grid span{font-size:12px;color:#7b8798}.notify-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f5}.notify-row>span{color:#6757e8}.notify-row div{display:grid;gap:3px}.notify-row small{color:#7c8798}@media(max-width:800px){.notify-grid,.health-grid{grid-template-columns:1fr}.perm-center{min-width:0}.perm-toolbar select{min-width:220px}}

/* v9.14.3 manual attendance period */
.manual-period-toolbar{align-items:end}
.manual-year-control{display:flex;align-items:center;gap:7px}
.manual-year-control input{width:108px;min-height:40px;text-align:center;font-weight:800;border:1px solid #d9deea;border-radius:10px;background:#fff;padding:0 8px}
.manual-year-control .year-step{min-width:40px;height:40px;padding:0;font-size:20px;font-weight:800}
@media(max-width:900px){.manual-period-toolbar{grid-template-columns:1fr 1fr}.monthly-att-actions{grid-column:1/-1}.manual-year-control input{width:100%}}

/* v9.15.4 employee live count */
.employee-filter-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 10px;padding:9px 12px;border:1px solid #e7e3f4;border-radius:10px;background:#faf9ff;color:#5c5870;font-size:12px}.employee-filter-summary b{font-size:14px;color:#33245f}.employee-filter-summary span{flex:1}.employee-filter-summary small{color:#858097}
/* v9.15.6 Approval Detail & Review Workflow */
.approval-click-row{cursor:pointer}.approval-click-row:hover{background:#f7f5ff}.approval-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.approval-review-summary>div{border:1px solid #e8e5f2;border-radius:12px;padding:12px;background:#faf9ff;display:flex;flex-direction:column;gap:4px}.approval-review-summary small,.approval-review-summary span{color:#6f7184}.approval-detail-table{max-height:340px;overflow:auto;margin-top:10px}.approval-note-label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-top:14px}.approval-note-label textarea{border:1px solid #dcd8ea;border-radius:10px;padding:10px;font:inherit;resize:vertical}.approval-final-note{margin-top:12px;padding:12px;border-radius:10px;background:#f7f5ff;border:1px solid #e8e5f2}@media(max-width:900px){.approval-review-summary{grid-template-columns:1fr}}

/* v9.15.11 Approval status visualization */
.approval-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}
.approval-status-icon{width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:900;background:rgba(255,255,255,.72)}
.approval-status.pending{background:#fff6d9;color:#946200;border-color:#f2d784}
.approval-status.hold{background:#fff0dc;color:#a65400;border-color:#f0c38e}
.approval-status.approved{background:#e6f7ee;color:#087442;border-color:#a9dfc3}
.approval-status.rejected{background:#fde9ec;color:#b42335;border-color:#efb5bd}
.approval-status.neutral{background:#eef1f5;color:#56606b;border-color:#d8dde4}
.approval-review-btn{display:inline-flex!important;align-items:center;gap:6px;font-weight:800}
.approval-review-icon{font-size:13px;color:#6941c6}
.approval-click-row:has(.approval-status.pending){background:#fffdf5}
.approval-click-row:has(.approval-status.pending):hover{background:#fff9e8}
\n/* v9.15.12 unified approval + handover */\n.approval-status.handed{background:#e8f1ff;color:#1558a6;border-color:#b8d1f5}.handover-box{margin-top:14px;padding:14px;border:1px solid #d9e6f7;border-radius:14px;background:#f7fbff}.handover-box h3{margin:0 0 4px}.handover-box p{margin:0 0 12px;color:#687386}.handover-box .btn{margin-top:10px}\n
/* ===== v9.15.20 Mobile Inventory Responsive + Touch Swipe ===== */
@media (max-width:760px){
  html,body{overflow-x:hidden!important;touch-action:pan-y pinch-zoom}
  main,#app,.inventory-page,#inventoryBody{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}
  #app{padding:10px 10px 84px!important}
  .inventory-page{gap:10px!important}
  .inventory-hero{width:100%!important;padding:14px!important;border-radius:15px!important;box-sizing:border-box!important}
  .inventory-hero h2{font-size:20px!important}.inventory-hero p{font-size:10px!important;line-height:1.4!important}
  .inv-hero-actions{width:100%!important;display:flex!important;gap:8px!important}.inv-hero-actions .btn{min-width:0!important;flex:1 1 auto!important}
  .inv-date-strip{width:100%!important;box-sizing:border-box!important;padding:9px 10px!important;gap:7px!important}
  .inv-date-strip select{width:100%!important}
  .inv-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .inv-kpi{min-width:0!important;padding:10px!important;gap:8px!important}.inv-kpi>span{width:34px!important;height:34px!important;flex:0 0 34px!important}.inv-kpi b{font-size:18px!important}.inv-kpi small{font-size:9px!important}
  .inv-kpis>.inv-kpi:last-child:nth-child(odd){grid-column:1/-1!important}
  .inv-tabs,.inv-pro-tabs{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;scroll-snap-type:x proximity;scrollbar-width:none!important}
  .inv-tabs::-webkit-scrollbar,.inv-pro-tabs::-webkit-scrollbar{display:none!important}
  .inv-tabs button,.inv-pro-tabs button{flex:0 0 auto!important;min-width:104px!important;white-space:nowrap!important;scroll-snap-align:start;padding:10px 12px!important}
  #inventoryBody>.panel,#inventoryBody .panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:11px!important;overflow:hidden!important}
  .panelhead{gap:8px!important}.panelhead h3{font-size:17px!important}.panelhead p{font-size:9px!important;line-height:1.4!important}
  .inv-searchbar{width:100%!important;box-sizing:border-box!important;margin-bottom:10px!important}.inv-searchbar input{min-width:0!important}
  .inventory-page .tablewrap,#inventoryBody .tablewrap{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x pan-y!important;scrollbar-width:thin!important;position:relative!important}
  .inventory-page .tablewrap table,#inventoryBody .tablewrap table{width:max-content!important;min-width:760px!important;max-width:none!important;table-layout:auto!important}
  .inventory-page .tablewrap th,.inventory-page .tablewrap td{white-space:nowrap!important}
  .inventory-page .tablewrap:after{content:'Swipe left / right to view more';position:sticky;left:8px;display:inline-block;margin:6px 0 2px;padding:4px 8px;border-radius:999px;background:#f1ecff;color:#6740bd;font-size:9px;font-weight:800;pointer-events:none}
  .inv-overview-grid{grid-template-columns:1fr!important}.inv-action-list button{width:100%!important}
  .inv-report-range{grid-template-columns:1fr!important}.inv-range-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important}.inv-range-actions .btn{width:100%!important}
  .inv-export-cards,.inv-print-center .inv-export-cards{grid-template-columns:1fr!important}
  .formwrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.formgrid{grid-template-columns:1fr!important}
}
@media (max-width:380px){
  .inv-kpis{grid-template-columns:1fr!important}.inv-kpis>.inv-kpi:last-child:nth-child(odd){grid-column:auto!important}
  .inv-tabs button,.inv-pro-tabs button{min-width:96px!important}
}

/* ===== v9.15.21 Multi-Item Stock In / Batch GRN ===== */
.stockin-batch-panel .panelhead{align-items:center}.stockin-common-fields{padding-bottom:16px;border-bottom:1px solid #e8eaf2}.stockin-batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.stockin-batch-head h4{margin:0;color:#17223b;font-size:15px}.stockin-batch-head p{margin:3px 0 0;color:#7a8498;font-size:10px}.stockin-batch-actions{display:flex;gap:8px;flex-wrap:wrap}.stockin-batch-rows{display:flex;flex-direction:column;gap:8px}.stockin-batch-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(330px,2fr) minmax(110px,.45fr) 38px;gap:9px;align-items:end;padding:10px;border:1px solid #e4e7ef;border-radius:12px;background:#fbfcff}.stockin-batch-row .field{margin:0}.stockin-batch-row .field span{font-size:9px}.stockin-batch-row input,.stockin-batch-row select{min-height:40px}.stockin-remove{height:40px;width:38px;margin-bottom:0}.stockin-batch-panel .formactions{margin-top:16px}.stockin-batch-panel .inv-report-badge{white-space:nowrap}
@media(max-width:760px){.stockin-batch-head{align-items:flex-start;flex-direction:column}.stockin-batch-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.stockin-batch-actions .btn:last-child{grid-column:1/-1}.stockin-batch-row{grid-template-columns:1fr 92px 38px;padding:10px}.stockin-search{grid-column:1/-1}.stockin-item{grid-column:1/2}.stockin-qty{grid-column:2/3}.stockin-remove{grid-column:3/4}.stockin-batch-panel .formactions{display:grid;grid-template-columns:1fr}.stockin-batch-panel .formactions .btn{width:100%}}

/* v9.15.22 — Item Master Quick Stock Control */
.inv-item-click-row{cursor:pointer;transition:background .16s ease}.inv-item-click-row:hover{background:#faf8ff}.inv-stock-click{border:1px solid #ded8f5;background:#f8f6ff;border-radius:10px;padding:6px 10px;min-width:62px;cursor:pointer;color:#241b45}.inv-stock-click b{display:block;font-size:14px}.inv-stock-click small{display:block;font-size:9px;color:#6d5bb1;margin-top:1px}.inv-quick-actions{white-space:nowrap}.inv-mini-stock{width:32px;height:32px;border-radius:9px;border:1px solid transparent;font-size:18px;line-height:1;cursor:pointer;margin-right:4px}.inv-mini-stock.add{background:#eaf8f0;color:#087a45;border-color:#c8ead8}.inv-mini-stock.remove{background:#fff0f1;color:#c43143;border-color:#f6cfd4}.inv-quick-stock-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:14px}.inv-quick-stock-summary>div{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;background:#fafbff}.inv-quick-stock-summary small,.inv-quick-stock-summary span{display:block;color:#667085}.inv-quick-stock-summary b{font-size:22px;display:block;margin:3px 0}.inv-stock-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 16px}.inv-stock-mode-switch button{min-height:46px;border:1px solid #d9dce5;border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.inv-stock-mode-switch button.active.add{background:#eaf8f0;border-color:#8bd1ad;color:#087a45}.inv-stock-mode-switch button.active.remove{background:#fff0f1;border-color:#ef9aa5;color:#b42335}@media(max-width:700px){.inv-quick-stock-summary{grid-template-columns:1fr}.inv-stock-mode-switch{grid-template-columns:1fr 1fr}.inv-quick-actions{display:flex;gap:4px}.inv-mini-stock{min-width:36px;height:36px}.inv-stock-click{min-width:56px}}

/* v9.15.25 — live inventory notification center */
.inv-live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.inv-live-summary>div{border:1px solid #e6e8ef;border-radius:14px;padding:12px;background:#fafbff}.inv-live-summary small{display:block;color:#6b7280;font-size:11px;font-weight:700}.inv-live-summary b{display:block;font-size:24px;color:#172033;margin-top:3px}.inv-live-notes{display:grid;gap:9px;max-height:58vh;overflow:auto}.inv-live-note{width:100%;display:grid;grid-template-columns:38px 1fr 18px;gap:10px;align-items:center;text-align:left;border:1px solid #e6e8ef;background:#fff;border-radius:14px;padding:11px 12px;cursor:pointer}.inv-live-note:hover{background:#faf9ff;border-color:#d8cff8}.inv-live-note-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#f2efff;color:#6540cf}.inv-live-note.out .inv-live-note-icon{background:#fff0f1;color:#d63a4a}.inv-live-note.low .inv-live-note-icon{background:#fff6e6;color:#bd7410}.inv-live-note.return .inv-live-note-icon{background:#eaf8f1;color:#16845b}.inv-live-note b,.inv-live-note small{display:block}.inv-live-note b{font-size:13px;color:#1f2937}.inv-live-note small{font-size:11px;color:#6b7280;margin-top:3px}.inv-live-note i{font-style:normal;font-size:20px;color:#8a93a3}.inv-live-empty{display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed #d9ddea;border-radius:14px;color:#667085}.inv-live-empty span{font-size:26px;color:#16845b}.inv-live-empty b,.inv-live-empty small{display:block}.inv-live-empty small{margin-top:4px}@media(max-width:700px){.inv-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-live-note{grid-template-columns:34px 1fr 14px;padding:10px}}

/* ===== v9.15.26 Multi-Employee Stock Issue ===== */
.issue-batch-panel .panelhead{align-items:center}.issue-common-fields{padding-bottom:16px;border-bottom:1px solid #e8eaf2}.issue-batch-rows{display:flex;flex-direction:column;gap:8px}.issue-batch-row{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(145px,.75fr) minmax(330px,1.65fr) minmax(90px,.4fr) 38px;gap:9px;align-items:end;padding:10px;border:1px solid #e4e7ef;border-radius:12px;background:#fbfcff}.issue-batch-row .field{margin:0}.issue-batch-row .field span{font-size:9px}.issue-batch-row input,.issue-batch-row select{min-height:40px}.issue-remove{height:40px;width:38px}.issue-batch-panel .formactions{margin-top:16px}
@media(max-width:900px){.issue-batch-row{grid-template-columns:1fr 1fr 90px 38px}.issue-employee{grid-column:1/3}.issue-search{grid-column:1/2}.issue-item{grid-column:2/3}.issue-qty{grid-column:3/4}.issue-remove{grid-column:4/5}}
@media(max-width:760px){.issue-batch-row{grid-template-columns:1fr 84px 38px}.issue-employee{grid-column:1/-1}.issue-search{grid-column:1/-1}.issue-item{grid-column:1/2}.issue-qty{grid-column:2/3}.issue-remove{grid-column:3/4}.issue-batch-panel .formactions{display:grid;grid-template-columns:1fr}.issue-batch-panel .formactions .btn{width:100%}}


/* v9.15.28 — HMS clarity + session transitions */
.inv-quick-actions{display:flex!important;align-items:center;gap:6px;white-space:nowrap;min-width:285px}
.inv-mini-stock,.inv-action-labeled{width:auto!important;min-width:58px!important;height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.inv-mini-stock.add{background:#eaf9f0!important;color:#08783f!important;border:1px solid #bfe9cf!important}.inv-mini-stock.remove{background:#fff4e8!important;color:#a65b00!important;border:1px solid #f2d2aa!important}.inv-action-labeled{background:#f4f1fb!important;color:#5635a6!important;border:1px solid #ddd2f5!important}.inv-action-labeled.danger{background:#fff0f1!important;color:#b42332!important;border-color:#f3c5ca!important}
.session-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:sessionSpin .7s linear infinite}.auth-signing-in .auth-login-card{animation:loginPulse 1.15s ease-in-out infinite alternate}.auth-signing-in .poster-submit{box-shadow:0 0 0 5px rgba(111,65,200,.12),0 14px 35px rgba(83,49,159,.28)!important}
.session-transition{position:fixed;inset:0;z-index:300000;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(116,76,201,.30),transparent 35%),rgba(8,18,35,.94);backdrop-filter:blur(10px);animation:sessionFadeIn .22s ease both}.session-transition-card{text-align:center;color:#fff;min-width:280px;padding:34px 38px}.session-logout-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#6f45c8,#9b72ea);box-shadow:0 18px 45px rgba(80,47,151,.45);animation:logoutFloat .8s ease-in-out infinite alternate}.session-transition-card h2{margin:0 0 7px;font-size:24px}.session-transition-card p{margin:0;color:#c8d1df}.session-transition-line{width:210px;height:4px;margin:22px auto 0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.12)}.session-transition-line span{display:block;width:42%;height:100%;border-radius:99px;background:linear-gradient(90deg,#f2c867,#b38bf1);animation:sessionLine .75s ease-in-out infinite}
@keyframes sessionSpin{to{transform:rotate(360deg)}}@keyframes loginPulse{from{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes sessionFadeIn{from{opacity:0}to{opacity:1}}@keyframes logoutFloat{from{transform:translateY(0) rotate(0)}to{transform:translateY(-7px) rotate(-5deg)}}@keyframes sessionLine{0%{transform:translateX(-115%)}100%{transform:translateX(260%)}}
@media(max-width:700px){.inv-quick-actions{min-width:255px}.inv-mini-stock,.inv-action-labeled{min-width:54px!important;padding:0 7px!important}}
/* ===== v9.16.1 Operations Intelligence ===== */
.hms-top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.hms-top-bell{border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:9px 12px;font-size:18px;cursor:pointer}.hms-install-btn{display:none}.pwa-install-ready .hms-install-btn{display:inline-flex}.hms-timeline{max-height:65vh;overflow:auto}.hms-timeline-day{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #eef1f5}.hms-timeline-date{font-weight:800;color:#475467}.hms-timeline-event{display:flex;gap:12px;padding:10px 12px;background:#f8fafc;border:1px solid #eef1f5;border-radius:12px;margin-bottom:7px}.hms-timeline-event>span{font-size:20px}.hms-timeline-event b{display:block}.hms-timeline-event p{margin:3px 0 0;color:#667085}.hms-alert-kpis,.hms-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.hms-alert-kpis div,.hms-report-kpis div{padding:14px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.hms-alert-kpis small,.hms-report-kpis small{display:block;color:#667085}.hms-alert-kpis b,.hms-report-kpis b{font-size:24px}.hms-alert-list{max-height:58vh;overflow:auto;display:grid;gap:7px}.hms-alert-list button{width:100%;display:grid;grid-template-columns:12px 1fr 20px;gap:12px;align-items:center;text-align:left;border:1px solid #e4e7ec;background:#fff;border-radius:12px;padding:12px;cursor:pointer}.hms-alert-list button:hover{background:#f8fafc}.hms-alert-list b,.hms-alert-list small{display:block}.hms-alert-list small{color:#667085;margin-top:3px}.hms-alert-dot{width:9px;height:9px;border-radius:50%;background:#f79009}.hms-alert-dot.critical{background:#d92d20}.hms-alert-dot.today{background:#039855}.hms-action-center{margin-top:16px}.hms-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hms-action-grid button{border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:16px;text-align:left;cursor:pointer}.hms-action-grid button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(16,24,40,.08)}.hms-action-grid span{font-size:22px}.hms-action-grid b{display:block;font-size:28px;margin-top:8px}.hms-action-grid small{color:#667085}.hms-audit-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hms-audit-detail>div,.hms-audit-detail section{border:1px solid #e4e7ec;border-radius:12px;padding:14px}.hms-audit-detail small,.hms-audit-detail b{display:block}.hms-audit-detail section{grid-column:1/-1}.hms-audit-detail pre{white-space:pre-wrap;font-family:inherit;margin:8px 0 0}.hms-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.hms-report-actions{display:flex;gap:10px;justify-content:flex-end;margin:18px 0}@media(max-width:900px){.hms-action-grid{grid-template-columns:repeat(2,1fr)}.hms-alert-kpis,.hms-report-kpis{grid-template-columns:repeat(2,1fr)}.hms-timeline-day{grid-template-columns:1fr}.hms-top-actions .btn{padding:8px}.hms-audit-detail{grid-template-columns:1fr}.hms-audit-detail section{grid-column:auto}}

/* ===== v9.16.1 Professional Login Motion + Fast In-place Session Start ===== */
.auth-poster-shell{isolation:isolate;overflow:hidden}
.auth-left-stage{overflow:hidden;isolation:isolate}
.auth-left-stage::before{content:"";position:absolute;z-index:1;width:48vw;height:48vw;left:-20vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(137,91,235,.28) 0%,rgba(96,66,190,.10) 38%,transparent 70%);filter:blur(8px);animation:hmsAurora 9s ease-in-out infinite alternate;pointer-events:none}
.auth-left-stage::after{content:"";position:absolute;z-index:2;inset:-40% -60%;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.055) 49%,rgba(187,151,255,.10) 50%,rgba(255,255,255,.045) 51%,transparent 58%);transform:translateX(-38%);animation:hmsLightSweep 8s ease-in-out infinite;pointer-events:none}
.auth-stage-content{z-index:4!important}.auth-entaj-lockup{animation:hmsBrandEnter .65s cubic-bezier(.2,.8,.2,1) both}.auth-real-logo{animation:hmsLogoBreathe 4s ease-in-out 1s infinite}.auth-stage-copy{animation:hmsCopyEnter .72s .10s cubic-bezier(.2,.8,.2,1) both}.auth-stage-copy h1 span{display:inline-block;animation:hmsAccentGlow 3.6s ease-in-out infinite}.auth-stage-features>div{opacity:0;animation:hmsFeatureEnter .55s cubic-bezier(.2,.8,.2,1) forwards}.auth-stage-features>div:nth-child(1){animation-delay:.24s}.auth-stage-features>div:nth-child(2){animation-delay:.34s}.auth-stage-features>div:nth-child(3){animation-delay:.44s}.auth-stage-features .feat-icon{transition:transform .25s ease}.auth-stage-features>div:hover .feat-icon{transform:translateY(-2px) scale(1.06)}
.auth-right-stage::before,.auth-right-stage::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.auth-right-stage::before{width:300px;height:300px;right:-120px;top:-100px;background:radial-gradient(circle,rgba(128,79,224,.16),transparent 68%);animation:hmsOrbDrift 8s ease-in-out infinite alternate}.auth-right-stage::after{width:220px;height:220px;left:-80px;bottom:-80px;background:radial-gradient(circle,rgba(92,145,255,.10),transparent 70%);animation:hmsOrbDrift 10s 1s ease-in-out infinite alternate-reverse}.auth-login-card{position:relative;overflow:hidden;animation:hmsCardEnter .62s cubic-bezier(.18,.86,.25,1) both}.auth-login-card::before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,#8b62dc,#d0b7ff,transparent);opacity:.8;animation:hmsTopGlow 4s ease-in-out infinite}.auth-input-wrap{transition:transform .2s ease}.auth-input-wrap:focus-within{transform:translateY(-1px)}.poster-submit{position:relative;overflow:hidden}.poster-submit::after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-180%) skewX(-15deg);animation:hmsButtonSheen 4.8s 1.2s ease-in-out infinite;pointer-events:none}
.login-workspace-transition{position:fixed;inset:0;z-index:310000;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(118,78,205,.28),transparent 28%),linear-gradient(145deg,#09172a,#152744 58%,#2b2556);color:#fff;animation:hmsTransitionIn .18s ease both}.login-workspace-card{width:min(540px,90vw);text-align:center;padding:36px 28px;animation:hmsWorkspaceCard .42s cubic-bezier(.18,.86,.25,1) both}.login-success-orbit{width:112px;height:112px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.login-success-orbit img{width:68px;height:68px;object-fit:contain;border-radius:20px;background:#fff;padding:7px;box-shadow:0 18px 50px rgba(0,0,0,.28);z-index:3;animation:hmsLogoBreathe 2.2s ease-in-out infinite}.login-success-orbit i{position:absolute;z-index:4;right:12px;bottom:10px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#12b76a;color:#fff;border:3px solid #172544;font-style:normal;font-weight:900;animation:hmsCheckPop .38s .12s both}.login-orbit-ring{position:absolute;inset:4px;border:1px solid rgba(197,172,255,.55);border-radius:50%;animation:hmsOrbitSpin 3.2s linear infinite}.login-orbit-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#c9adff;top:9px;right:15px;box-shadow:0 0 16px #a67cff}.login-orbit-ring.ring-two{inset:-8px;border-color:rgba(255,255,255,.10);animation-duration:5.2s;animation-direction:reverse}.login-orbit-ring.ring-two::after{background:#7cb6ff;top:auto;bottom:12px;right:auto;left:17px;box-shadow:0 0 16px #6aa8ff}.login-secure-chip{display:inline-flex;padding:6px 10px;border:1px solid rgba(113,226,171,.22);border-radius:999px;background:rgba(18,183,106,.09);color:#8ee2b7;font-size:9px;font-weight:900;letter-spacing:1.4px}.login-workspace-card h2{font-size:27px;margin:13px 0 7px}.login-workspace-card>p{max-width:470px;margin:0 auto;color:#c4cfdf;line-height:1.55;font-size:13px}.login-stage-list{width:min(420px,90%);margin:22px auto 16px;display:grid;gap:8px;text-align:left}.login-stage-list>div{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);color:#8e9bad;font-size:11px}.login-stage-list>div>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:10px}.login-stage-list>div.done{color:#cdebdc;border-color:rgba(18,183,106,.14)}.login-stage-list>div.done>span{background:#12b76a;color:#fff}.login-stage-list>div.active{color:#fff;border-color:rgba(174,137,244,.24);background:rgba(123,80,209,.10)}.login-stage-list>div.active>span{border:2px solid rgba(255,255,255,.2);border-top-color:#c4a5ff;background:transparent;animation:sessionSpin .7s linear infinite}.login-workspace-card>small{color:#8290a4;font-size:9px;letter-spacing:.4px}.login-transition-ready .login-success-orbit img{box-shadow:0 0 0 8px rgba(18,183,106,.07),0 18px 50px rgba(0,0,0,.25)}.login-transition-out{opacity:0;transition:opacity .18s ease}
@keyframes hmsAurora{0%{transform:translate3d(-2%,0,0) scale(.92)}100%{transform:translate3d(16%,10%,0) scale(1.12)}}@keyframes hmsLightSweep{0%,55%{transform:translateX(-42%)}85%,100%{transform:translateX(42%)}}@keyframes hmsBrandEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes hmsLogoBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}@keyframes hmsCopyEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hmsAccentGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(171,125,255,0))}50%{filter:drop-shadow(0 0 12px rgba(171,125,255,.35))}}@keyframes hmsFeatureEnter{from{opacity:0;transform:translateX(-13px)}to{opacity:1;transform:none}}@keyframes hmsOrbDrift{from{transform:translate(0,0) scale(.95)}to{transform:translate(-28px,28px) scale(1.08)}}@keyframes hmsCardEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes hmsTopGlow{0%,100%{opacity:.28;transform:scaleX(.7)}50%{opacity:.9;transform:scaleX(1)}}@keyframes hmsButtonSheen{0%,72%{transform:translateX(-180%) skewX(-15deg)}90%,100%{transform:translateX(420%) skewX(-15deg)}}@keyframes hmsTransitionIn{from{opacity:0}to{opacity:1}}@keyframes hmsWorkspaceCard{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes hmsOrbitSpin{to{transform:rotate(360deg)}}@keyframes hmsCheckPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.auth-left-stage::before,.auth-left-stage::after,.auth-real-logo,.auth-stage-copy,.auth-stage-features>div,.auth-right-stage::before,.auth-right-stage::after,.auth-login-card,.auth-login-card::before,.poster-submit::after,.login-success-orbit img,.login-orbit-ring,.login-stage-list>div.active>span{animation:none!important}.auth-stage-features>div{opacity:1!important}}


/* v9.16.2 — compact premium dashboard welcome */
.compact-premium-welcome{
 min-height:0!important;height:auto!important;padding:13px 16px!important;border-radius:15px!important;
 border:1px solid #e1e7f4!important;
 background:linear-gradient(112deg,#ffffff 0%,#f8f9ff 47%,#f2f0ff 73%,#eef9f6 100%)!important;
 box-shadow:0 7px 22px rgba(30,45,82,.055)!important;
 isolation:isolate;
}
.compact-premium-welcome:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#6f45e8,#8f68f4,#45b8a4);border-radius:15px 0 0 15px}
.compact-premium-welcome:after{width:190px!important;height:82px!important;right:28px!important;bottom:-48px!important;border-width:16px!important;opacity:.7}
.corp-welcome-main{display:flex;align-items:center;gap:12px;min-width:0;position:relative;z-index:1}
.corp-welcome-mark{width:39px;height:39px;flex:0 0 39px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5b38d9,#7952ed 58%,#4a9d98);box-shadow:0 7px 18px rgba(91,56,217,.18)}
.corp-welcome-mark svg{width:18px;height:18px}
.corp-welcome-copy{min-width:0}
.compact-premium-welcome .corp-kicker{font-size:8px!important;letter-spacing:.15em!important;color:#6d55ca!important}
.compact-premium-welcome h2{margin:3px 0 3px!important;font-size:21px!important;line-height:1.12!important;letter-spacing:-.025em;color:#15213c!important}
.compact-premium-welcome p{font-size:9px!important;display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#718097!important}
.live-dot{width:6px;height:6px;border-radius:50%;background:#17ad69;box-shadow:0 0 0 4px rgba(23,173,105,.09);display:inline-block;animation:hmsLivePulse 2s ease-in-out infinite}
.compact-premium-welcome .corp-date{display:flex!important;flex-direction:column;align-items:flex-end;gap:1px;padding:8px 11px!important;border-radius:10px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px);min-width:132px}
.compact-premium-welcome .corp-date small{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#8a95a9;font-weight:900}
.compact-premium-welcome .corp-date strong{font-size:10px;color:#34415c;white-space:nowrap}
@keyframes hmsLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}
@media(max-width:800px){.compact-premium-welcome{padding:12px 13px!important}.corp-welcome-mark{width:36px;height:36px;flex-basis:36px}.compact-premium-welcome h2{font-size:18px!important}.compact-premium-welcome .corp-date{display:none!important}}


/* v9.16.4 — Premium Animated Corporate Sidebar */
:root{--hms-side:#071a34;--hms-side2:#0b2852;--hms-violet:#7448f3;--hms-violet2:#4e2dc6;--hms-cyan:#25c8ff}
.sidebar{width:278px!important;padding:16px 14px 12px!important;background:radial-gradient(circle at 80% 0,rgba(104,58,221,.28),transparent 25%),linear-gradient(180deg,#0a2750 0%,#071d3b 46%,#06182f 100%)!important;box-shadow:14px 0 42px rgba(8,25,50,.18)!important;border-right:1px solid rgba(255,255,255,.055);transition:width .28s cubic-bezier(.2,.8,.2,1),padding .28s ease;overflow:hidden!important}
main{margin-left:278px!important;width:calc(100% - 278px)!important;transition:margin-left .28s cubic-bezier(.2,.8,.2,1),width .28s ease}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(50,189,255,.07),transparent 28%,transparent 70%,rgba(124,72,243,.09));opacity:.9}
.sidebar .brand{position:relative;z-index:2;padding:2px 4px 16px!important;gap:12px!important;min-height:64px;border-bottom:1px solid rgba(255,255,255,.10)!important}
.sidebar .logo-wrap{width:54px!important;height:54px!important;border-radius:15px!important;padding:6px!important;box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.16);animation:hmsLogoReveal .6s ease both}
.sidebar .brand-copy strong{font-size:17px!important;line-height:1.15;color:#fff}.sidebar .brand-copy span{font-size:9px!important;letter-spacing:.8px!important;color:#b7c8e8!important}
.sidebar-collapse{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.sidebar-collapse:hover{background:rgba(117,72,243,.35);border-color:rgba(177,151,255,.55);transform:scale(1.05)}
.sidebar-search{position:relative;z-index:2;height:42px;margin:12px 2px 4px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;padding:0 10px;color:#a8bbda;transition:.2s}
.sidebar-search:focus-within{border-color:rgba(132,91,255,.7);background:rgba(255,255,255,.085);box-shadow:0 0 0 3px rgba(116,72,243,.12)}
.sidebar-search>span{font-size:21px}.sidebar-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;padding:0!important;font-size:11px!important;box-shadow:none!important}.sidebar-search input::placeholder{color:#94a7c6}.sidebar-search kbd{border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 5px;background:rgba(255,255,255,.07);color:#aab9d1;font-size:8px;font-family:inherit}
.sidebar #nav{position:relative;z-index:2;padding:5px 0 6px!important;gap:3px!important;scrollbar-width:none}.sidebar #nav::-webkit-scrollbar{display:none}
.nav-section-label{font-size:8px;font-weight:900;letter-spacing:1.25px;color:#8298bb;padding:12px 11px 5px;white-space:nowrap;overflow:hidden;transition:.2s}
.sidebar nav button{position:relative;min-height:43px;padding:9px 11px!important;border:1px solid transparent!important;border-radius:11px!important;color:#edf3ff!important;gap:10px!important;overflow:hidden;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;animation:hmsNavIn .38s ease both}
.sidebar nav button:nth-of-type(2){animation-delay:.025s}.sidebar nav button:nth-of-type(3){animation-delay:.05s}.sidebar nav button:nth-of-type(4){animation-delay:.075s}.sidebar nav button:nth-of-type(5){animation-delay:.10s}.sidebar nav button:nth-of-type(6){animation-delay:.125s}.sidebar nav button:nth-of-type(7){animation-delay:.15s}.sidebar nav button:nth-of-type(8){animation-delay:.175s}.sidebar nav button:nth-of-type(9){animation-delay:.20s}
.sidebar nav button:hover:not(.active){background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.07)!important;transform:translateX(3px)!important}
.sidebar nav button.active{background:linear-gradient(100deg,rgba(113,66,235,.96),rgba(75,54,163,.92))!important;border-color:rgba(171,144,255,.34)!important;box-shadow:0 9px 24px rgba(76,42,158,.30),inset 0 1px rgba(255,255,255,.12)!important}
.nav-active-rail{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#d8c9ff,#8e5cff,#4fd9ff);box-shadow:0 0 12px #8f65ff;opacity:0;transform:scaleY(.35);transition:.22s}.sidebar nav button.active .nav-active-rail{opacity:1;transform:scaleY(1)}
.sidebar .navicon{width:23px!important;height:23px!important;flex:0 0 23px;color:#dbe8ff;transition:.2s}.sidebar nav button.active .navicon{color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.25));transform:scale(1.04)}.sidebar .navicon svg{width:20px!important;height:20px!important}
.nav-label{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{margin-left:auto;color:#8198bd;font-size:18px;transition:.18s}.sidebar nav button:hover .nav-arrow,.sidebar nav button.active .nav-arrow{color:#fff;transform:translateX(2px)}
.nav-smart-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#ff6a64,#ff3d58);color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center;box-shadow:0 5px 12px rgba(255,61,88,.28);animation:hmsBadgePulse 2.8s ease-in-out infinite}.nav-smart-badge+.nav-arrow{margin-left:2px}
.sidebar-account-host{position:relative;z-index:4;margin-top:auto!important;padding:7px 2px 2px!important}.premium-user-card-v2{position:relative;padding:7px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(168,193,230,.19)!important;box-shadow:0 12px 26px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.08)!important;overflow:visible}
.premium-user-card-v2 .premium-user-main{padding:5px!important;border-radius:11px!important}.premium-user-card-v2 .premium-user-main:hover{background:rgba(255,255,255,.06)!important}.premium-user-card-v2 .user-avatar{position:relative;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;background:linear-gradient(135deg,#8a56ff,#5830c8)!important;box-shadow:0 7px 16px rgba(85,44,194,.32)}
.user-online-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#20d86c;border:2px solid #0c2443;box-shadow:0 0 9px rgba(32,216,108,.65)}
.premium-user-card-v2 .user-copy{min-width:0;flex:1}.premium-user-card-v2 .user-copy b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-user-card-v2 .user-copy small{font-size:7.5px!important;color:#9fb2d0!important;display:block;margin-top:2px}.premium-user-card-v2 .user-copy small em{font-style:normal;color:#d8c8ff;background:rgba(117,72,243,.22);padding:2px 4px;border-radius:5px;margin-left:3px}.premium-user-card-v2 .user-copy>span{display:block;font-size:7px;color:#8096b7;margin-top:3px}.premium-user-card-v2 .user-chevron{font-size:17px;color:#9bb0ce;transition:.2s}.premium-user-main[aria-expanded="true"] .user-chevron{transform:rotate(180deg);color:#fff}
.sidebar-profile-menu{display:none;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.09);animation:hmsMenuOpen .18s ease}.sidebar-profile-menu.open{display:block}.sidebar-profile-menu button{width:100%;border:0;background:transparent;color:#dfe9fa;border-radius:9px;padding:8px 9px;display:flex;align-items:center;gap:9px;text-align:left;font-size:9px;cursor:pointer;transition:.15s}.sidebar-profile-menu button:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}.sidebar-profile-menu button.danger{color:#ff9ca5;border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 9px 9px;margin-top:4px;padding-top:9px}.sidebar-profile-menu button.danger:hover{background:rgba(255,80,94,.10)}
.sidebar .version{position:relative;z-index:2;font-size:7px!important;color:#6f86a9!important;padding:5px 5px 0!important;text-align:center!important}
@keyframes hmsLogoReveal{from{opacity:0;transform:translateY(-5px) scale(.94)}to{opacity:1;transform:none}}@keyframes hmsNavIn{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}@keyframes hmsBadgePulse{0%,75%,100%{transform:scale(1)}82%{transform:scale(1.09)}}@keyframes hmsMenuOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:761px){body.sidebar-collapsed .sidebar{width:82px!important;padding-left:10px!important;padding-right:10px!important}body.sidebar-collapsed main{margin-left:82px!important;width:calc(100% - 82px)!important}body.sidebar-collapsed .brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .sidebar-search,body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-arrow,body.sidebar-collapsed .nav-smart-badge,body.sidebar-collapsed .sidebar-account-host .user-copy,body.sidebar-collapsed .sidebar-account-host .user-chevron,body.sidebar-collapsed .sidebar-profile-menu,body.sidebar-collapsed .version{display:none!important}body.sidebar-collapsed .sidebar-collapse{position:absolute;right:4px;top:67px;width:25px;height:25px;font-size:18px;background:#18355d;z-index:8;transform:rotate(180deg)}body.sidebar-collapsed .logo-wrap{width:50px!important;height:50px!important}body.sidebar-collapsed #nav{padding-top:15px!important}body.sidebar-collapsed .sidebar nav button{justify-content:center!important;padding:10px!important}body.sidebar-collapsed .navicon{margin:0!important}body.sidebar-collapsed .sidebar-account-host{display:block!important;padding:4px!important}body.sidebar-collapsed .premium-user-card-v2{padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important}body.sidebar-collapsed .premium-user-main{justify-content:center!important;padding:2px!important}body.sidebar-collapsed .premium-user-card-v2 .user-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}}
@media(max-width:760px){.sidebar-collapse,.sidebar-search,.nav-section-label,.nav-arrow,.nav-smart-badge{display:none!important}.sidebar{width:76px!important;padding:12px 8px!important}.sidebar .brand{justify-content:center!important}.sidebar-account-host{display:none!important}main{margin-left:76px!important;width:calc(100% - 76px)!important}}

/* v9.16.4 — reliable sidebar expand/collapse control */
.sidebar-collapse{pointer-events:auto!important;position:relative;z-index:30!important;touch-action:manipulation;user-select:none;-webkit-user-select:none}
body.sidebar-collapsed .sidebar-collapse{pointer-events:auto!important;cursor:pointer!important}
@media(min-width:761px){
 .sidebar,main{transition:width .24s cubic-bezier(.2,.8,.2,1),margin-left .24s cubic-bezier(.2,.8,.2,1),max-width .24s cubic-bezier(.2,.8,.2,1),padding .24s ease!important}
}

/* =========================================================
   v9.16.5 — Premium Corporate Dashboard UI
   Visual-only refinement. No workflow/data behavior changes.
   ========================================================= */
:root{
  --dash-ink:#10203d;
  --dash-muted:#71819a;
  --dash-line:#e5eaf4;
  --dash-purple:#6840ed;
  --dash-purple2:#8a5cff;
  --dash-bg:#f5f7fc;
}
body{background:radial-gradient(circle at 76% 0,rgba(117,83,244,.055),transparent 25%),linear-gradient(180deg,#f8faff 0,#f4f6fb 48%,#f7f9fc 100%)!important;color:var(--dash-ink)}
.topbar{min-height:70px!important;height:70px!important;padding:12px 26px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(22px) saturate(145%)!important;border-bottom:1px solid rgba(218,225,239,.86)!important;box-shadow:0 7px 24px rgba(22,38,72,.035)!important}
.topbar h2{font-size:23px!important;letter-spacing:-.65px!important;color:#101d36!important}.topbar p{font-size:10px!important;color:#7b8aa2!important;margin-top:2px!important}
.hms-top-actions{gap:9px!important}.hms-top-bell,.hms-install-btn{min-height:42px!important;border-radius:13px!important;border:1px solid #e0e6f0!important;background:rgba(255,255,255,.92)!important;box-shadow:0 5px 16px rgba(26,42,75,.045)!important;transition:.2s ease!important}.hms-top-bell:hover,.hms-install-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(26,42,75,.08)!important;border-color:#d4c9ff!important}.hms-install-btn{background:linear-gradient(135deg,#7147ef,#5b35d7)!important;color:#fff!important;border-color:transparent!important;padding:9px 16px!important;font-weight:850!important}
#app{padding:20px 28px 30px!important}
.corp-dashboard{gap:15px!important;animation:hmsDashReveal .34s ease both}

/* Welcome banner — compact, premium, calm */
.compact-premium-welcome{padding:14px 20px!important;border-radius:18px!important;border:1px solid rgba(209,220,241,.92)!important;background:radial-gradient(circle at 82% 20%,rgba(112,77,238,.13),transparent 24%),radial-gradient(circle at 94% 78%,rgba(49,198,191,.09),transparent 22%),linear-gradient(112deg,#fff 0%,#f7f8ff 47%,#f0efff 72%,#effaf8 100%)!important;box-shadow:0 10px 30px rgba(36,53,91,.065)!important;min-height:82px!important}
.compact-premium-welcome:before{width:4px!important;background:linear-gradient(180deg,#7550f4,#5f3bdc 52%,#29c5ae)!important;box-shadow:0 0 18px rgba(112,72,239,.25)}
.compact-premium-welcome:after{content:""!important;position:absolute!important;inset:0 150px 0 42%!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;opacity:.7!important;background:repeating-radial-gradient(ellipse at 70% 135%,transparent 0 25px,rgba(111,75,235,.045) 26px 27px,transparent 28px 45px)!important;pointer-events:none}
.corp-welcome-mark{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;background:linear-gradient(145deg,#7549f3,#6035dc)!important;box-shadow:0 10px 24px rgba(96,53,220,.24),inset 0 1px rgba(255,255,255,.25)!important}.corp-welcome-mark svg{width:20px!important;height:20px!important}
.compact-premium-welcome .corp-kicker{font-size:8px!important;letter-spacing:.18em!important;color:#6544d7!important}.compact-premium-welcome h2{font-size:23px!important;letter-spacing:-.55px!important;margin:3px 0 4px!important}.compact-premium-welcome p{font-size:9px!important;color:#70809a!important}.compact-premium-welcome .corp-date{min-width:142px!important;padding:10px 13px!important;border:1px solid rgba(220,226,241,.92)!important;border-radius:13px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 7px 18px rgba(31,48,82,.045)!important}.compact-premium-welcome .corp-date strong{font-size:10px!important}.live-dot{box-shadow:0 0 0 4px rgba(23,173,105,.09),0 0 12px rgba(23,173,105,.25)!important}

/* KPI cards */
.corp-kpis{gap:13px!important}.corp-kpis>button{position:relative;min-height:106px!important;padding:16px 17px!important;border-radius:18px!important;border:1px solid rgba(222,228,240,.96)!important;background:linear-gradient(145deg,#fff 0%,#fdfdff 100%)!important;box-shadow:0 8px 24px rgba(29,45,78,.055)!important;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.corp-kpis>button:before{content:"";position:absolute;right:-28px;bottom:-42px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(108,69,235,.07),transparent 68%);z-index:-1}.corp-kpis>button:hover{transform:translateY(-3px)!important;border-color:#d7cdfb!important;box-shadow:0 14px 32px rgba(40,49,91,.10)!important}.ck-icon{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:15px!important;box-shadow:0 9px 20px rgba(39,59,105,.14),inset 0 1px rgba(255,255,255,.28)!important}.ck-icon svg{width:23px!important;height:23px!important}.corp-kpis small{font-size:9px!important;color:#70809a!important;letter-spacing:.01em}.corp-kpis b{font-size:25px!important;letter-spacing:-.55px!important;color:#10203d!important;margin:3px 0 2px!important}.corp-kpis em{font-size:8px!important;color:#8290a5!important}.kpi-spark{position:absolute;right:12px;bottom:12px;width:68px;height:28px;opacity:.72;pointer-events:none}.kpi-spark svg{width:100%;height:100%;overflow:visible}.kpi-spark path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.corp-kpis>button:nth-child(1) .kpi-spark{color:#2e8dff}.corp-kpis>button:nth-child(2) .kpi-spark{color:#26c979}.corp-kpis>button:nth-child(3) .kpi-spark{color:#8152f6}.corp-kpis>button:nth-child(4) .kpi-spark{color:#f2a817}.corp-kpis>button:nth-child(5) .kpi-spark{color:#f45468}

/* Main dashboard cards */
.corp-main-grid,.corp-bottom-grid{gap:15px!important}.corp-card{border-radius:19px!important;border:1px solid rgba(222,228,240,.96)!important;padding:17px 18px!important;background:linear-gradient(160deg,#fff 0%,#fefeff 100%)!important;box-shadow:0 8px 25px rgba(29,45,78,.05)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:hmsCardIn .38s ease both}.corp-card:hover{border-color:#dcd5f7!important;box-shadow:0 13px 32px rgba(32,47,82,.075)!important}.corp-card-head{margin-bottom:12px!important}.corp-card-head h3{font-size:14px!important;letter-spacing:-.2px!important;color:#10203d!important}.corp-card-head p{font-size:8px!important;color:#8491a6!important}.corp-card-head>button{border-radius:10px!important;border:1px solid #e0e5f0!important;background:#fff!important;color:#6542db!important;padding:6px 10px!important;box-shadow:0 3px 10px rgba(43,54,89,.03);transition:.18s}.corp-card-head>button:hover{background:#f6f3ff!important;border-color:#d9cdfc!important;transform:translateY(-1px)}
.corp-main-grid>.corp-card:nth-child(2){animation-delay:.035s}.corp-main-grid>.corp-card:nth-child(3){animation-delay:.07s}.corp-main-grid>.corp-card:nth-child(4){animation-delay:.105s}.corp-bottom-grid>.corp-card:nth-child(1){animation-delay:.12s}.corp-bottom-grid>.corp-card:nth-child(2){animation-delay:.15s}.corp-bottom-grid>.corp-card:nth-child(3){animation-delay:.18s}

/* Workforce */
.role-visual{grid-template-columns:150px 1fr!important;gap:17px!important}.role-ring{width:136px!important;height:136px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 9px 24px rgba(61,75,116,.07)!important;background:radial-gradient(circle,#fff 48%,transparent 49%),conic-gradient(#2d8cff 0 21%,#2cc7bb 21% 49%,#f4ad16 49% 64%,#8656eb 64% 79%,#3d9be6 79% 90%,#6478dd 90% 98%,#aab5c7 98% 100%)!important}.role-ring strong{font-size:25px!important;letter-spacing:-.6px}.role-ring span{font-size:8px!important}.role-legend button{border-radius:8px!important;padding:5px 6px!important;margin:0 -6px;transition:.16s}.role-legend button:hover{background:#f7f8fc!important;transform:translateX(2px)}

/* People lists */
.corp-list>div{padding:8px 4px!important;margin:0 -4px;border-bottom:1px solid #edf1f6!important;border-radius:9px;transition:.16s}.corp-list>div:hover{background:linear-gradient(90deg,#faf9ff,#fbfcff);padding-left:7px!important;padding-right:7px!important}.avatar-soft{width:32px!important;height:32px!important;background:linear-gradient(145deg,#f0eaff,#e8e1ff)!important;color:#6841db!important;box-shadow:inset 0 0 0 1px rgba(116,75,232,.06)}.corp-list-copy b{font-size:9px!important;color:#15233f!important}.corp-list-copy small{font-size:7.5px!important;color:#8794a8!important}.corp-list em{border:1px solid #ebe6ff;background:#f5f2ff!important;color:#6847d8!important;border-radius:8px!important;padding:5px 7px!important}

/* Inventory status */
.stock-status-grid{gap:9px!important}.stock-status-grid button{position:relative;overflow:hidden;border-radius:13px!important;padding:12px!important;border:1px solid #e7ecf4!important;background:#fcfdff!important;transition:.18s}.stock-status-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(34,49,81,.07)}.stock-status-grid button:nth-child(1){background:linear-gradient(135deg,#f5fffa,#fbfffd)!important;border-color:#d9f1e4!important}.stock-status-grid button:nth-child(2){background:linear-gradient(135deg,#fffaf0,#fffdf9)!important;border-color:#f4e5bd!important}.stock-status-grid button:nth-child(3){background:linear-gradient(135deg,#fff5f6,#fffafa)!important;border-color:#f5dce0!important}.stock-status-grid button:nth-child(4){background:linear-gradient(135deg,#f8f5ff,#fcfbff)!important;border-color:#e6defb!important}.ss{width:36px!important;height:36px!important;border-radius:11px!important}.stock-status-grid b{font-size:19px!important;letter-spacing:-.3px}.stock-status-grid small{font-size:8px!important}

/* Stock activity */
.stock-mini-table>div{grid-template-columns:70px 1fr 42px!important;padding:8px 5px!important;margin:0 -5px;border-radius:8px;transition:.15s}.stock-mini-table>div:hover{background:#f8fafc}.stock-mini-table strong{justify-self:end;background:#ebfbf2;color:#079a54!important;border-radius:999px;padding:3px 7px;font-size:8px}.stock-list-copy b{font-size:8.5px!important}.stock-list-copy small{font-size:7px!important;color:#96a1b2!important}

/* Quick actions */
.quick-new-grid{gap:10px!important}.quick-new-grid button{min-height:48px;border-radius:13px!important;border:1px solid #e2e8f2!important;background:linear-gradient(145deg,#fff,#fafbff)!important;padding:12px!important;font-size:8.5px!important;transition:.18s;position:relative;overflow:hidden}.quick-new-grid button:after{content:'›';margin-left:auto;font-size:18px;color:#7651e7;line-height:1}.quick-new-grid button:hover{transform:translateY(-2px);border-color:#d9cdfd!important;box-shadow:0 8px 18px rgba(49,55,93,.07)}.quick-new-grid button:nth-child(1){background:linear-gradient(135deg,#f5faff,#fbfdff)!important}.quick-new-grid button:nth-child(2){background:linear-gradient(135deg,#f9f6ff,#fdfbff)!important}.quick-new-grid button:nth-child(3){background:linear-gradient(135deg,#f4fff9,#fbfffd)!important}.quick-new-grid button:nth-child(4){background:linear-gradient(135deg,#fffaf0,#fffdf8)!important}.quick-new-grid svg{width:18px!important;height:18px!important}
.dashboard-doc-alert{border-radius:16px!important;background:linear-gradient(145deg,#7448ef,#5c35d5)!important;box-shadow:0 14px 32px rgba(91,53,213,.28)!important;transition:.2s}.dashboard-doc-alert:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 38px rgba(91,53,213,.34)!important}

@keyframes hmsDashReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes hmsCardIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.corp-dashboard,.corp-card{animation:none!important}.corp-kpis>button,.corp-card,.quick-new-grid button,.stock-status-grid button{transition:none!important}}
@media(max-width:1250px){#app{padding:18px!important}.kpi-spark{display:none}.compact-premium-welcome:after{display:none!important}}
@media(max-width:800px){#app{padding:12px!important}.topbar{height:auto!important;min-height:62px!important;padding:10px 14px!important}.compact-premium-welcome{min-height:0!important}.corp-kpis>button{min-height:88px!important}.corp-card{padding:14px!important}}

/* =========================================================
   v9.16.6 — Sidebar collapse control placement fix
   Gives the control its own reserved space in collapsed mode
   so it never overlaps or hides behind navigation buttons.
   ========================================================= */
@media (min-width:761px){
  #sidebarCollapse.sidebar-collapse{
    min-width:36px!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    position:relative!important;
    inset:auto!important;
    z-index:120!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin-left:auto!important;
    transform:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #sidebarCollapse.sidebar-collapse:hover{
    transform:scale(1.05)!important;
  }

  body.sidebar-collapsed .sidebar .brand{
    min-height:118px!important;
    height:118px!important;
    padding:2px 0 8px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:0!important;
    overflow:visible!important;
  }
  body.sidebar-collapsed .sidebar .logo-wrap{
    flex:0 0 50px!important;
    margin:0 auto!important;
  }
  body.sidebar-collapsed #sidebarCollapse.sidebar-collapse{
    position:absolute!important;
    top:70px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(176,202,240,.34)!important;
    background:linear-gradient(145deg,#173c69,#102d52)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.10)!important;
    font-size:22px!important;
    line-height:1!important;
    z-index:150!important;
  }
  body.sidebar-collapsed #sidebarCollapse.sidebar-collapse:hover{
    transform:translateX(-50%) scale(1.06)!important;
    background:linear-gradient(145deg,#6d43df,#4f31ad)!important;
  }
  body.sidebar-collapsed #nav{
    padding-top:10px!important;
  }
}
\n\n/* =========================================================\n   v9.16.7 — Compact filterable dashboard KPI cards\n   ========================================================= */\n.corp-kpis.corp-kpis-six{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}\n.corp-kpis.corp-kpis-six>button{min-height:82px!important;padding:10px 11px!important;border-radius:15px!important;gap:9px!important}\n.corp-kpis.corp-kpis-six .ck-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}\n.corp-kpis.corp-kpis-six .ck-icon svg{width:19px!important;height:19px!important}\n.corp-kpis.corp-kpis-six small{font-size:8px!important}\n.corp-kpis.corp-kpis-six b{font-size:20px!important;margin:2px 0!important}\n.corp-kpis.corp-kpis-six em{font-size:7.4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;display:block}\n.corp-kpis.corp-kpis-six .kpi-spark{right:8px;bottom:8px;width:54px;height:22px;opacity:.62}\n.ck-icon.rose{background:linear-gradient(135deg,#d93668,#ff668d)!important}\n.corp-kpis.corp-kpis-six>button:nth-child(6) .kpi-spark{color:#dc3d70}\n.corp-kpis.corp-kpis-six>button:focus-visible{outline:3px solid rgba(108,69,235,.22);outline-offset:2px}\n@media(max-width:1450px){.corp-kpis.corp-kpis-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}}\n@media(max-width:800px){.corp-kpis.corp-kpis-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}.corp-kpis.corp-kpis-six>button{min-height:78px!important}}\n@media(max-width:480px){.corp-kpis.corp-kpis-six{grid-template-columns:1fr!important}}\n

/* =========================================================
   v9.16.8 — ENAYA / EWAN overtime monthly import
   ========================================================= */
.vendor-ot-btn{background:linear-gradient(135deg,#6d43e8,#4f2fc9)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(91,58,205,.18)!important}
.vendor-ot-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(91,58,205,.24)!important}
.ot-tools .import-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* =========================================================
   v9.16.9 — Current workforce KPI + numbered employee register
   ========================================================= */
.corp-kpis.corp-kpis-six{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.corp-kpis.corp-kpis-six>button{min-width:0!important;min-height:72px!important;padding:8px 9px!important;border-radius:14px!important;gap:8px!important}
.corp-kpis.corp-kpis-six .ck-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important}
.corp-kpis.corp-kpis-six .ck-icon svg{width:18px!important;height:18px!important;display:block!important}
.corp-kpis.corp-kpis-six small{font-size:7.6px!important}
.corp-kpis.corp-kpis-six b{font-size:19px!important;line-height:1!important;margin:2px 0!important}
.corp-kpis.corp-kpis-six em{font-size:6.9px!important;max-width:104px!important}
.corp-kpis.corp-kpis-six .kpi-spark{width:44px!important;height:18px!important;right:6px!important;bottom:6px!important;opacity:.52!important}
.ck-icon.resigned{background:linear-gradient(135deg,#e63f61 0%,#ff6b79 100%)!important;color:#fff!important;box-shadow:0 7px 16px rgba(230,63,97,.22)!important}
.corp-kpis.corp-kpis-six>button:nth-child(6) .kpi-spark{color:#e63f61!important}
.emp-serial-col{width:48px!important;text-align:center!important}
.emp-row-number{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:8px;background:#f1edff;color:#6241d7;font-size:10px;font-weight:900;border:1px solid #e4dcff}
@media(max-width:1120px){.corp-kpis.corp-kpis-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.corp-kpis.corp-kpis-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){.corp-kpis.corp-kpis-six{grid-template-columns:1fr!important}}


/* ===== v9.17.0 Daily Harvest Plan — separate premium workspace ===== */
.hp-dashboard{display:flex;flex-direction:column;gap:16px;max-width:1500px;margin:0 auto;padding-bottom:28px}.hp-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;border:1px solid #e4d9ea;border-radius:22px;background:linear-gradient(120deg,#fff 0%,#fbf7fd 58%,#f2e8f8 100%);box-shadow:0 16px 38px rgba(62,32,78,.07)}.hp-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-85px;top:-135px;background:radial-gradient(circle,rgba(130,66,166,.14),rgba(130,66,166,0) 70%)}.hp-eyebrow{display:block;font-size:9px;letter-spacing:1.25px;font-weight:900;color:#7a3b99;margin-bottom:7px}.hp-hero h2{font-size:28px;letter-spacing:-.7px;margin:0;color:#25192c}.hp-hero p{margin:7px 0 0;color:#75697b;font-size:12px}.hp-cloud{z-index:1;display:flex;align-items:center;gap:11px;min-width:230px;padding:12px 14px;border:1px solid #e6d9ed;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(70,38,85,.06)}.hp-cloud-dot{width:11px;height:11px;border-radius:50%;background:#23a466;box-shadow:0 0 0 5px rgba(35,164,102,.11)}.hp-cloud b,.hp-cloud small{display:block}.hp-cloud b{font-size:11px;color:#382641}.hp-cloud small{font-size:9px;color:#817487;margin-top:3px}.hp-control-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(520px,1.8fr);gap:18px;padding:18px;border:1px solid #e8e1eb;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(56,34,67,.045)}.hp-date-block{padding:3px 6px}.hp-date-block label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#65576c;margin-bottom:7px}.hp-date-block input{width:100%;height:48px!important;font-size:14px!important;font-weight:800;color:#2c2131}.hp-date-block small{display:block;margin-top:7px;color:#8a7f8f;font-size:9px}.hp-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp-action{border:1px solid #e5dce9;border-radius:15px;background:linear-gradient(180deg,#fff,#fcfafc);padding:15px 16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer;color:#3d3043;transition:.18s ease}.hp-action:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(68,38,82,.09);border-color:#cdb7d9}.hp-action.primary{background:linear-gradient(135deg,#5c267c,#7e3ea0);color:#fff;border-color:#5c267c;box-shadow:0 10px 24px rgba(92,38,124,.17)}.hp-action-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1e8f5;color:#713691;font-size:22px;font-weight:500}.hp-action.primary .hp-action-icon{background:rgba(255,255,255,.14);color:#fff}.hp-action b,.hp-action small{display:block}.hp-action b{font-size:12px}.hp-action small{font-size:9px;margin-top:4px;opacity:.72;font-weight:500}.hp-action i{font-style:normal;font-size:19px;opacity:.65}.hp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-kpis article{padding:17px 18px;border:1px solid #e8e1eb;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(58,35,68,.04)}.hp-kpis article span{display:block;font-size:9px;font-weight:900;letter-spacing:.45px;text-transform:uppercase;color:#897b8f}.hp-kpis article b{display:block;margin:5px 0 4px;font-size:22px;letter-spacing:-.5px;color:#302336}.hp-kpis article small{font-size:9px;color:#918696}.hp-recent{border:1px solid #e8e1eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(56,34,67,.04)}.hp-section-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee8f1}.hp-section-head h3{margin:0;font-size:16px;color:#302336}.hp-section-head p{margin:4px 0 0;font-size:9px;color:#8a7e90}.hp-section-head .hp-eyebrow{margin-bottom:4px}.hp-plan-list{padding:4px 12px 12px}.hp-plan-row{width:100%;display:grid;grid-template-columns:48px 1fr auto 68px;gap:12px;align-items:center;padding:11px 8px;border:0;border-bottom:1px solid #f0ebf2;background:#fff;text-align:left;cursor:pointer;color:#392d3f}.hp-plan-row:last-child{border-bottom:0}.hp-plan-row:hover{background:#fbf8fc}.hp-date-tile{width:42px;height:42px;border-radius:11px;background:#f3ebf7;color:#693386;display:grid;place-items:center;align-content:center}.hp-date-tile b{font-size:15px;line-height:1}.hp-date-tile small{font-size:8px;text-transform:uppercase;font-weight:800;margin-top:2px}.hp-plan-copy b,.hp-plan-copy small{display:block}.hp-plan-copy b{font-size:11px}.hp-plan-copy small{font-size:9px;color:#897d8e;margin-top:4px}.hp-status{font-size:8px;font-weight:900;letter-spacing:.45px;padding:5px 8px;border-radius:999px;background:#f2edf4;color:#725c7d}.hp-status.final{background:#e8f6ef;color:#267a50}.hp-status.archived{background:#f0f1f3;color:#6d737b}.hp-open{font-size:9px;font-weight:800;color:#744091;text-align:right}.hp-empty,.hp-error,.hp-loading{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#877b8c;text-align:center;padding:25px}.hp-empty b,.hp-error b{color:#47374f}.hp-empty span,.hp-error span{font-size:10px}.hp-loading span{width:22px;height:22px;border:2px solid #e2d8e7;border-top-color:#743a94;border-radius:50%;animation:hpSpin .8s linear infinite}.hp-loading b{font-size:10px}.hp-workspace{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 112px);min-height:650px}.hp-workbar{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid #e5dde9;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(57,35,67,.045)}.hp-work-title{margin-right:auto}.hp-work-title span,.hp-work-title b{display:block}.hp-work-title span{font-size:8px;font-weight:900;letter-spacing:.6px;color:#8b7e91}.hp-work-title b{font-size:11px;margin-top:2px;color:#3d3043}.hp-sync{display:flex;align-items:center;gap:8px;border:1px solid #e7e0ea;border-radius:999px;padding:7px 11px;color:#746979;background:#fbfafc;font-size:9px;font-weight:700}.hp-sync i{width:8px;height:8px;border-radius:50%;background:#9a8fa0}.hp-sync.ok i{background:#28a467}.hp-sync.saving i{background:#b57a2b;animation:hpPulse 1s ease infinite}.hp-sync.error i{background:#c65261}.hp-frame-shell{flex:1;min-height:0;border:1px solid #ded5e3;border-radius:16px;overflow:hidden;background:#f5f3f6;box-shadow:0 12px 34px rgba(55,31,68,.07)}#harvestPlannerFrame{width:100%;height:100%;border:0;background:#f5f3f6}.hp-history-tools{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-bottom:14px}.hp-history-list{display:flex;flex-direction:column;gap:8px}.hp-history-list>div{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:start;padding:11px;border:1px solid #ece5ef;border-radius:11px;background:#fdfcfe}.hp-version{display:grid;place-items:center;height:34px;border-radius:9px;background:#eee4f3;color:#693584;font-size:10px;font-weight:900}.hp-history-list b,.hp-history-list small{display:block}.hp-history-list b{font-size:11px}.hp-history-list small{font-size:8px;color:#8a7f8f;margin-top:3px}.hp-history-list p{font-size:9px;color:#655a6a;margin:6px 0 0}.hp-history-list em{font-style:normal;font-size:9px;font-weight:800;color:#68417d;white-space:nowrap;padding-top:4px}@keyframes hpSpin{to{transform:rotate(360deg)}}@keyframes hpPulse{50%{opacity:.35}}@media(max-width:1100px){.hp-control-card{grid-template-columns:1fr}.hp-kpis{grid-template-columns:repeat(2,1fr)}.hp-workspace{height:calc(100vh - 100px)}}@media(max-width:700px){.hp-hero{align-items:flex-start;flex-direction:column;padding:20px}.hp-cloud{width:100%}.hp-primary-actions{grid-template-columns:1fr}.hp-kpis{grid-template-columns:1fr 1fr}.hp-plan-row{grid-template-columns:44px 1fr auto}.hp-plan-row .hp-open{display:none}.hp-workbar{align-items:flex-start;flex-wrap:wrap}.hp-sync{width:100%;justify-content:center}.hp-workspace{height:calc(100vh - 90px);min-height:600px}}


/* ===== v9.17.2 Daily Harvest compact polish — presentation only ===== */
.hp-workspace{gap:8px!important;height:calc(100vh - 104px)!important;min-height:620px!important}.hp-workbar{min-height:46px!important;padding:7px 10px!important;border-radius:11px!important;gap:10px!important;box-shadow:0 4px 14px rgba(57,35,67,.035)!important}.hp-workbar .btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important;border-radius:8px!important}.hp-work-title span{font-size:7px!important}.hp-work-title b{font-size:10px!important}.hp-sync{padding:5px 9px!important;font-size:8px!important}.hp-frame-shell{border-radius:12px!important;box-shadow:0 7px 22px rgba(55,31,68,.05)!important}
@media(max-width:1100px){.hp-workspace{height:calc(100vh - 94px)!important}}@media(max-width:700px){.hp-workspace{height:calc(100vh - 84px)!important;min-height:580px!important}}

/* v9.17.6 Harvest Plan workflow status */
.hp-status.inprogress{background:#fff4dc!important;color:#9a6414!important;border:1px solid #f1d99f}.hp-status.ready{background:#e8f6ef!important;color:#237a4b!important;border:1px solid #bfe3cf}.hp-status.draft{background:#f2edf4!important;color:#725c7d!important;border:1px solid #e4d9e8}


/* =========================================================
   v9.18.1 — Mobile navigation + responsive dashboard hardening
   Presentation/navigation only; no data or calculation changes.
   ========================================================= */
.mobile-menu-btn,.mobile-sidebar-backdrop{display:none}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body.mobile-sidebar-open{overflow:hidden!important}
  main,body.sidebar-collapsed main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .topbar{height:66px!important;min-height:66px!important;padding:10px 14px!important;gap:11px!important;position:sticky!important;top:0!important;z-index:45!important}
  .title-block{min-width:0!important;flex:1}.topbar h2{font-size:21px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar p{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu-btn{display:grid!important;place-content:center;gap:4px;width:42px;height:42px;flex:0 0 42px;border:1px solid #e0e6f0;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(26,42,75,.07);padding:0;cursor:pointer;position:relative;z-index:51}
  .mobile-menu-btn span{display:block;width:18px;height:2px;border-radius:4px;background:#4f35c8;transition:transform .2s ease,opacity .2s ease}
  body.mobile-sidebar-open .mobile-menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.mobile-sidebar-open .mobile-menu-btn span:nth-child(2){opacity:0}
  body.mobile-sidebar-open .mobile-menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:89;background:rgba(7,18,38,.48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
  body.mobile-sidebar-open .mobile-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .sidebar,body.sidebar-collapsed .sidebar{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;width:min(86vw,318px)!important;height:100dvh!important;padding:14px 12px 12px!important;z-index:90!important;transform:translateX(-105%);transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden!important;box-shadow:18px 0 55px rgba(4,15,35,.32)!important}
  body.mobile-sidebar-open .sidebar,body.mobile-sidebar-open.sidebar-collapsed .sidebar{transform:translateX(0)!important}
  .sidebar .brand,body.sidebar-collapsed .brand{justify-content:flex-start!important;padding:2px 4px 13px!important;min-height:58px!important}
  .sidebar .logo-wrap,body.sidebar-collapsed .logo-wrap{width:48px!important;height:48px!important;flex:0 0 48px!important}
  .sidebar .brand-copy,body.sidebar-collapsed .brand-copy{display:block!important;min-width:0!important}.sidebar .brand-copy strong{font-size:15px!important}.sidebar .brand-copy span{font-size:8px!important}
  .sidebar-collapse{display:grid!important;margin-left:auto!important;width:34px!important;height:34px!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;font-size:0!important}
  .sidebar-collapse:before{content:'×';font-size:24px;line-height:1;color:#fff}
  .sidebar-search,body.sidebar-collapsed .sidebar-search{display:flex!important;height:40px!important;margin:8px 2px 4px!important}
  .sidebar-search kbd{display:none!important}
  .sidebar #nav,body.sidebar-collapsed #nav{padding-top:5px!important;overflow-y:auto!important;flex:1 1 auto!important}
  .nav-section-label,body.sidebar-collapsed .nav-section-label{display:block!important}
  .sidebar nav button,body.sidebar-collapsed .sidebar nav button{justify-content:flex-start!important;padding:9px 11px!important;min-height:42px!important}
  .sidebar .nav-label,body.sidebar-collapsed .nav-label,.sidebar .nav-arrow,body.sidebar-collapsed .nav-arrow,.sidebar .nav-smart-badge,body.sidebar-collapsed .nav-smart-badge{display:initial!important}
  .sidebar .nav-smart-badge,body.sidebar-collapsed .nav-smart-badge{display:grid!important}
  .sidebar .nav-arrow,body.sidebar-collapsed .nav-arrow{margin-left:auto!important}
  .sidebar-account-host,body.sidebar-collapsed .sidebar-account-host{display:block!important;padding:7px 2px 2px!important}
  body.sidebar-collapsed .sidebar-account-host .user-copy,body.sidebar-collapsed .sidebar-account-host .user-chevron{display:block!important}
  body.sidebar-collapsed .premium-user-card-v2{padding:7px!important;border:1px solid rgba(168,193,230,.19)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.08)!important}
  body.sidebar-collapsed .premium-user-main{justify-content:flex-start!important;padding:5px!important}
  .sidebar .version,body.sidebar-collapsed .version{display:block!important}
  #app{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 12px calc(88px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .corp-dashboard{width:100%!important;max-width:100%!important;min-width:0!important;gap:11px!important}
  .compact-premium-welcome,.corp-welcome{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px!important;min-height:104px!important}
  .corp-welcome-mark{width:42px!important;height:42px!important;flex-basis:42px!important}.compact-premium-welcome h2{font-size:20px!important;line-height:1.12!important}.compact-premium-welcome p{font-size:8.5px!important;line-height:1.55!important}
  .corp-kpis,.corp-kpis.corp-kpis-six{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
  .corp-kpis>button{min-width:0!important;min-height:94px!important;padding:12px!important;gap:9px!important;border-radius:15px!important}.ck-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important}.corp-kpis b{font-size:21px!important}.corp-kpis small{font-size:8px!important}.corp-kpis em{font-size:7.5px!important}.kpi-spark{display:none!important}
  .corp-main-grid,.corp-bottom-grid{grid-template-columns:1fr!important;gap:10px!important;width:100%!important;min-width:0!important}.role-card-new,.quick-new{grid-column:auto!important}
  .corp-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px!important;border-radius:16px!important;overflow:hidden}
  .role-visual{grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important}.role-ring{width:112px!important;height:112px!important;margin:0!important}.role-ring strong{font-size:19px!important}.role-legend button{grid-template-columns:8px minmax(0,1fr) 26px 30px!important;gap:5px!important;font-size:8px!important}
  .stock-status-grid,.quick-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tablewrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .dashboard-doc-alert{right:14px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;width:46px!important;height:46px!important;z-index:42!important}
  .app-toast{right:12px!important;left:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;text-align:center!important}
  .modal{padding:8px!important}.modalbox{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important}
}
@media(max-width:430px){
  .corp-kpis,.corp-kpis.corp-kpis-six{grid-template-columns:1fr!important}
  .corp-kpis>button{min-height:82px!important}
  .role-visual{grid-template-columns:1fr!important}.role-ring{margin:0 auto!important}
  .stock-status-grid,.quick-new-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   v9.18.2 — Mobile drawer navigation conflict fix
   Overrides legacy v9.11.4 bottom-nav rules on phones.
   ========================================================= */
@media(max-width:760px){
  body{padding-bottom:0!important}
  .sidebar,body.sidebar-collapsed .sidebar{
    display:flex!important;
    flex-direction:column!important;
    left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:min(86vw,318px)!important;height:100dvh!important;min-height:100dvh!important;
    padding:14px 12px 12px!important;
    overflow:hidden!important;
    border-top:0!important;
    z-index:90!important;
  }
  .sidebar .brand,body.sidebar-collapsed .sidebar .brand{display:flex!important}
  .sidebar #nav,.sidebar nav,body.sidebar-collapsed .sidebar #nav,body.sidebar-collapsed .sidebar nav{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;height:auto!important;min-height:0!important;
    flex:1 1 auto!important;gap:3px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    padding:5px 0 8px!important;margin:0!important;
  }
  .sidebar nav button,body.sidebar-collapsed .sidebar nav button{
    display:flex!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:42px!important;
    padding:9px 11px!important;margin:0!important;
    justify-content:flex-start!important;align-items:center!important;gap:10px!important;
  }
  .sidebar nav button span:last-child{display:initial!important}
  .sidebar nav button .nav-label,body.sidebar-collapsed .sidebar nav button .nav-label{display:block!important;flex:1 1 auto!important;text-align:left!important}
  .sidebar .navicon,body.sidebar-collapsed .sidebar .navicon{width:23px!important;height:23px!important;flex:0 0 23px!important;margin:0!important}
  .sidebar .navicon svg{width:20px!important;height:20px!important}
  .sidebar .nav-arrow,body.sidebar-collapsed .sidebar .nav-arrow{display:block!important;flex:0 0 auto!important;margin-left:auto!important}
  .sidebar .nav-smart-badge,body.sidebar-collapsed .sidebar .nav-smart-badge{display:grid!important;flex:0 0 auto!important}
  .sidebar-account-host,body.sidebar-collapsed .sidebar-account-host{display:block!important;flex:0 0 auto!important}
  .sidebar .version,body.sidebar-collapsed .sidebar .version{display:block!important;flex:0 0 auto!important}
}

/* v9.18.4 — Daily Harvest release control */
.hp-release{display:flex;align-items:center;gap:7px;flex:0 0 auto}.hp-plan-state{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.35px;border:1px solid #e1d7e6;background:#faf7fc;color:#6f2c91;white-space:nowrap}.hp-plan-state.ready{border-color:#b9dfc9;background:#eef9f2;color:#237a4b}.hp-plan-state.progress{border-color:#e1d7e6;background:#faf7fc;color:#6f2c91}.hp-ready-btn{background:#6f2c91!important;color:#fff!important;border-color:#6f2c91!important;white-space:nowrap}.hp-ready-btn.ready{background:#237a4b!important;border-color:#237a4b!important}@media(max-width:850px){.hp-release{width:100%;justify-content:space-between}.hp-ready-btn{flex:1}.hp-plan-state{flex:0 0 auto}}

.hp-status.ready{background:#e8f6ef!important;color:#267a50!important}

/* v9.18.4 — Foreman access policy + clearer Admin permission scope */
.perm-scope-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.perm-scope-summary>div{border:1px solid #e5ddf3;background:linear-gradient(180deg,#fff,#faf7ff);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.perm-scope-summary b{font-size:12px;color:#5b2386;text-transform:uppercase;letter-spacing:.04em}
.perm-scope-summary span{font-size:12px;color:#4f4a59;line-height:1.45}
@media(max-width:760px){.perm-scope-summary{grid-template-columns:1fr}.perm-toolbar{align-items:stretch}.perm-toolbar .btn{white-space:normal}}

/* v9.18.7 — filtered employee Excel/PDF exports for Admin & Supervisor */
.employee-filter-toolbar{align-items:center;gap:9px;flex-wrap:wrap}
.employee-export-actions{display:flex;gap:8px;margin-left:auto}
.employee-export-actions .btn{font-weight:800;white-space:nowrap}
.employee-excel-btn{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
.employee-pdf-btn{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
@media(max-width:900px){.employee-export-actions{width:100%;margin-left:0}.employee-export-actions .btn{flex:1;justify-content:center}.employee-filter-toolbar>input,.employee-filter-toolbar>select{min-width:calc(50% - 6px);flex:1}}
@media(max-width:560px){.employee-filter-toolbar>input,.employee-filter-toolbar>select{width:100%;min-width:100%}.employee-export-actions{display:grid;grid-template-columns:1fr 1fr}}

/* ===== v9.18.7 Inventory bulk Team / Employee issue ===== */
.inv-team-bulk-fields{border:1px solid #e3dcf4;background:linear-gradient(180deg,#fbf9ff,#f7f4fd);border-radius:14px;padding:12px 13px;margin-top:2px}
.inv-team-bulk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inv-bulk-mode-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #ded5f3;background:#f7f3ff;border-radius:12px;padding:10px 12px;color:#4e3b72;font-size:11px;line-height:1.45}
.inv-bulk-mode-note b{white-space:nowrap;color:#35245b}.inv-bulk-mode-note span{color:#65577f}
@media(max-width:700px){.inv-team-bulk-grid{grid-template-columns:1fr}.inv-team-bulk-fields{padding:10px}.inv-bulk-mode-note{display:block}.inv-bulk-mode-note b{display:block;margin-bottom:3px}}


/* ===== v9.18.7 Employee export visibility + Team bulk issue ===== */
.report-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.employee-export-report-card .report-card-actions{margin-left:auto}.employee-export-report-card .report-card-actions .btn{white-space:nowrap}
.issue-target-switch{display:flex;gap:6px;padding:5px;background:#f2effb;border:1px solid #e1daf5;border-radius:12px;margin:0 0 14px;width:max-content;max-width:100%}.issue-target-switch button{border:0;background:transparent;color:#554d70;font:inherit;font-weight:800;padding:9px 15px;border-radius:9px;cursor:pointer}.issue-target-switch button.active{background:#fff;color:#6336d8;box-shadow:0 2px 10px rgba(42,27,90,.10)}
.team-bulk-issue-panel{margin-top:12px}.team-bulk-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:14px;border:1px solid #dfd6f7;background:linear-gradient(135deg,#faf8ff,#f3edff);border-radius:14px}.team-bulk-banner div{display:grid;gap:4px}.team-bulk-banner b{color:#37206f;font-size:14px}.team-bulk-banner span{font-size:11px;color:#6b6480}.team-bulk-banner strong{font-size:10px;letter-spacing:.08em;color:#6b3de1;background:white;border:1px solid #ddd2fa;border-radius:999px;padding:7px 10px;white-space:nowrap}.team-bulk-grid{align-items:end}.employee-export-center .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-export-count{display:flex;align-items:baseline;gap:8px;padding:14px 2px}.employee-export-count b{font-size:28px;color:#5129b8}.employee-export-count span{font-size:12px;color:#667085}.employee-export-center-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-pdf-btn{border-color:#f0caca!important}.employee-excel-btn{border-color:#bfe4d1!important}.employee-filter-toolbar{border:1px solid #e4def3;background:#faf9fe;border-radius:12px;padding:9px!important}.employee-filter-summary{margin:8px 2px 10px!important}
@media(max-width:760px){.issue-target-switch{width:100%}.issue-target-switch button{flex:1;padding:9px 8px}.team-bulk-banner{align-items:flex-start;flex-direction:column}.employee-export-center .formgrid{grid-template-columns:1fr}.employee-export-report-card .report-card-actions{margin-left:0;width:100%}.employee-export-report-card .report-card-actions .btn{flex:1}.team-bulk-grid{grid-template-columns:1fr!important}}

/* ===== v9.18.9 — Sidebar account menu / Sign Out visibility fix ===== */
@media (min-width:761px){
  .premium-user-card-v2 .sidebar-profile-menu{
    position:absolute;
    left:0;
    right:0;
    bottom:calc(100% + 8px);
    margin-top:0;
    padding:7px;
    border:1px solid rgba(168,193,230,.20);
    border-radius:12px;
    background:linear-gradient(155deg,#132d52,#0b203d);
    box-shadow:0 14px 32px rgba(0,0,0,.30);
    z-index:30;
  }
  .premium-user-card-v2 .sidebar-profile-menu.open{display:block}
  .premium-user-card-v2 .sidebar-profile-menu button{font-size:9.5px;padding:9px 10px}
  .premium-user-card-v2 .sidebar-profile-menu button.danger{
    margin-top:5px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#ffb0b7;
  }
}

/* ===== v9.18.13 Integrated Operations Reports ===== */
.reports-center-v91812{display:grid;gap:14px}.reports-center-head{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#0b1220,#17253b);color:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 16px 34px rgba(11,18,32,.14)}.reports-center-head h2{margin:4px 0 5px;font-size:26px}.reports-center-head p{margin:0;color:#c9d4e6}.reports-kicker{font-size:10px;letter-spacing:.16em;font-weight:900;color:#81d9b8}.reports-perm-chip{white-space:nowrap;border:1px solid #ffffff24;background:#ffffff12;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.reports-center-tabs{display:flex;gap:8px;background:#fff;border:1px solid var(--line,#e4e9ef);padding:7px;border-radius:14px;box-shadow:0 6px 18px #0b12200a}.reports-center-tabs button{border:0;background:transparent;padding:10px 15px;border-radius:10px;font-weight:800;color:#617084;cursor:pointer}.reports-center-tabs button.active{background:#0f7a5b;color:#fff;box-shadow:0 6px 14px rgba(15,122,91,.18)}.reports-online-note{display:flex;gap:12px;align-items:center;background:#edf9f4;border:1px solid #ccebdd;border-radius:14px;padding:12px 14px;color:#164d3d}.reports-online-note>span{color:#19a56f}.reports-online-note b,.reports-online-note small{display:block}.reports-online-note small{margin-top:2px;color:#617a71}.reports-frame-shell{height:calc(100vh - 225px);min-height:680px;background:#fff;border:1px solid #dde6e1;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(16,48,38,.08)}#operationsReportsFrame{display:block;width:100%;height:100%;border:0;background:#f4f8f6}@media(max-width:760px){.reports-center-head{align-items:flex-start;flex-direction:column;padding:18px}.reports-perm-chip{white-space:normal}.reports-center-tabs{overflow-x:auto}.reports-center-tabs button{white-space:nowrap}.reports-frame-shell{height:calc(100vh - 245px);min-height:620px;border-radius:12px}}
/* v9.18.19 — planner cloud history + live multi-user visibility */
.hp-live-refresh{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfe9dc;border-radius:999px;background:#f1faf5;color:#237a4b;font-size:8px;font-weight:900;letter-spacing:.45px;white-space:nowrap}.hp-live-refresh i{width:7px;height:7px;border-radius:50%;background:#27a66a;box-shadow:0 0 0 4px rgba(39,166,106,.1);animation:hpPulse 1.4s ease infinite}.hp-live-tag{display:inline-block!important;margin-left:6px;padding:2px 5px;border-radius:999px;background:#e7f7ee;color:#218253;font-size:7px!important;letter-spacing:.45px;vertical-align:1px}.hp-status.ready{background:#e8f6ef;color:#267a50}.hp-plan-state.history{background:#f2ebf6;color:#6f2c91;border-color:#dfd0e7}.hp-history-list>div.hp-history-row{grid-template-columns:46px 1fr auto auto;align-items:center}.hp-history-open{font-size:9px!important;white-space:nowrap}.hp-plan-list{max-height:520px;overflow:auto}@media(max-width:700px){.hp-live-refresh{display:none}.hp-history-list>div.hp-history-row{grid-template-columns:42px 1fr}.hp-history-row>em{grid-column:2}.hp-history-open{grid-column:2;justify-self:start}.hp-plan-list{max-height:none}}

/* v9.18.20 — Separate Harvest Reports workspace */
.harvest-reports-module{display:grid;gap:14px}.harvest-reports-head{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#073f34,#0c6952);color:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 16px 34px rgba(7,63,52,.14)}.harvest-reports-head h2{margin:4px 0 5px;font-size:26px}.harvest-reports-head p{margin:0;color:#d3eee5}.harvest-reports-frame-shell{height:calc(100vh - 255px);min-height:700px;background:#fff;border:1px solid #d9e7e1;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(16,48,38,.08)}#harvestReportsFrame{display:block;width:100%;height:100%;border:0;background:#f4f8f6}@media(max-width:760px){.harvest-reports-head{align-items:flex-start;flex-direction:column;padding:18px}.harvest-reports-frame-shell{height:calc(100vh - 280px);min-height:620px;border-radius:12px}}

/* v9.18.21 — expandable Harvest Reports navigation */
.harvest-report-submenu{margin:2px 8px 8px 20px;padding:5px 0 5px 12px;border-left:1px solid rgba(255,255,255,.14);display:grid;gap:2px}.harvest-report-subitem{width:100%;border:0;background:transparent;color:#cbd7ee;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.harvest-report-subitem:hover,.harvest-report-subitem.active{background:rgba(255,255,255,.1);color:#fff}.harvest-report-subitem span:first-child{width:18px;text-align:center}.sidebar-collapsed .harvest-report-submenu{display:none}.harvest-reports-frame-shell{min-height:720px}

/* v9.18.22 — Harvest Reports aligned with HMS visual system */
.harvest-reports-head{background:linear-gradient(135deg,#101f46,#172d61);box-shadow:0 16px 34px rgba(16,31,70,.16)}
.harvest-reports-head p{color:#d8e2f5}.harvest-reports-head .reports-kicker{color:#b8c9f0}
.harvest-reports-frame-shell{border-color:#dce3ef;box-shadow:0 12px 34px rgba(16,31,70,.08);background:#fff}
.reports-online-note{background:#f3f6fc;border-color:#dce4f2;color:#24385f}.reports-online-note>span{color:#6847d9}.reports-online-note small{color:#68758d}
.harvest-report-submenu{border-left-color:rgba(255,255,255,.16)}
.harvest-report-subitem{color:#cdd7ec}
.harvest-report-subitem:hover{background:rgba(255,255,255,.08);color:#fff}
.harvest-report-subitem.active{background:linear-gradient(90deg,rgba(113,75,220,.38),rgba(91,68,196,.18));color:#fff;box-shadow:inset 2px 0 0 #a88cff}

/* v9.18.23 — expanded Reports navigation scroll fix */
@media (min-width:761px){
  .sidebar{overflow:hidden!important}
  .sidebar #nav,.sidebar nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    padding-right:4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.22) transparent!important;
  }
  .sidebar #nav::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{width:5px!important;display:block!important}
  .sidebar #nav::-webkit-scrollbar-thumb,.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)!important;border-radius:10px!important}
}

/* v9.18.24 — Harvest Reports navigation, scroll and exact HMS visual alignment */

/* Dashboard chrome belongs only to Dashboard, never above an individual report. */
.harvest-reports-dashboard-chrome{display:none!important}
.harvest-reports-module.show-dashboard-chrome .harvest-reports-dashboard-chrome{display:grid!important;gap:14px}
.harvest-reports-module:not(.show-dashboard-chrome){gap:0!important}
.harvest-reports-module:not(.show-dashboard-chrome) .harvest-reports-frame-shell{
  height:calc(100vh - 112px)!important;min-height:760px!important;border-radius:16px!important
}

/* Use the actual HMS navy/violet system. */
.harvest-reports-head{
  background:
    radial-gradient(circle at 88% 0,rgba(116,72,243,.26),transparent 30%),
    linear-gradient(115deg,#10264d 0%,#17345f 58%,#382b79 100%)!important;
  border:1px solid rgba(111,86,204,.16)!important;
  box-shadow:0 10px 28px rgba(17,38,77,.10)!important
}
.harvest-reports-head .reports-kicker{color:#bba9ff!important}
.harvest-reports-head p{color:#dbe3f2!important}
.reports-online-note{background:#f7f6fc!important;border:1px solid #e5e0f2!important;color:#263653!important}
.reports-online-note>span{color:#7048d7!important}
.reports-online-note small{color:#728097!important}

/* Make the ENTIRE desktop sidebar genuinely scrollable when the submenu is long. */
@media (min-width:761px){
  .sidebar{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    height:100vh!important;
    max-height:100vh!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.24) transparent!important
  }
  .sidebar #nav,.sidebar nav{
    overflow:visible!important;
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
    flex:none!important
  }
  .sidebar-account-host{margin-top:14px!important}
  .sidebar::-webkit-scrollbar{width:6px!important;display:block!important}
  .sidebar::-webkit-scrollbar-track{background:transparent!important}
  .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24)!important;border-radius:12px!important}
}

/* v9.18.25 — hard cache-busted navigation + isolated sidebar scroll */
@media (min-width:761px){
  .sidebar{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    height:100vh!important;
    max-height:100vh!important
  }
  .sidebar #nav{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding-right:5px!important;
    padding-bottom:14px!important
  }
  .sidebar-account-host{
    flex:0 0 auto!important;
    margin-top:0!important;
    padding-top:8px!important
  }
  .sidebar #nav::-webkit-scrollbar{width:6px!important;display:block!important}
  .sidebar #nav::-webkit-scrollbar-track{background:rgba(255,255,255,.03)!important;border-radius:10px!important}
  .sidebar #nav::-webkit-scrollbar-thumb{background:rgba(190,203,229,.32)!important;border-radius:10px!important}
}
/* Individual reports never inherit the dashboard chrome. */
.harvest-reports-module:not(.show-dashboard-chrome)>.harvest-reports-dashboard-chrome{display:none!important}
/* Dashboard-only chrome. */
.harvest-reports-module.show-dashboard-chrome>.harvest-reports-dashboard-chrome{display:grid!important}

/* v9.18.28 Create New Plan alignment */
.hp-primary-actions{align-items:stretch}.hp-action{min-height:78px}.hp-create-plan{justify-self:stretch}.hp-control-card{align-items:stretch}

/* ===== v9.18.32 — sidebar section label visibility ===== */
.sidebar #nav .nav-section-label{
  display:block;
  box-sizing:border-box;
  min-height:27px;
  height:auto;
  line-height:12px;
  padding:10px 11px 5px!important;
  margin:2px 0 1px;
  overflow:visible!important;
  text-overflow:clip;
  white-space:nowrap;
  flex:0 0 auto;
}
.sidebar #nav{overflow-y:auto!important;overflow-x:hidden!important;scroll-padding-top:8px}

/* HarvestHMS reference-matched login v9.18.38 — visual-only auth layer */
body.auth-locked #onlineAuth.online-auth{position:fixed;inset:0;z-index:99999;display:block;padding:0;overflow:auto;background:#f6f7ff}
.hms-ref-screen{position:relative;width:100%;min-height:100vh;aspect-ratio:1535/1024;background-image:url('../assets/login-reference.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;overflow:hidden}
.hms-ref-form-area{position:absolute;inset:0}
.hms-ref-form{position:absolute;inset:0;display:block!important;margin:0!important;max-width:none!important;gap:0!important}
.hms-ref-form label{position:absolute;display:block;margin:0!important;padding:0!important}
.hms-ref-form input[name="employee_id"],.hms-ref-form input[name="password"]{width:100%;height:100%;box-sizing:border-box;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;outline:none;color:#1b225c;font-size:clamp(12px,1.35vw,20px);padding:0 10px!important;letter-spacing:0;opacity:1}
.hms-ref-form input:not(:placeholder-shown){background:#fff!important}
.hms-ref-form input:focus{background:#fff!important;outline:2px solid #7c31e9!important}
.hms-ref-employee{left:67.7%;top:38.4%;width:25.3%;height:3.8%}
.hms-ref-password{left:67.7%;top:46.8%;width:23.3%;height:3.8%}
.hms-ref-eye{position:absolute;left:91.6%;top:46.7%;width:3.5%;height:4.2%;border:0;background:transparent;cursor:pointer}
.hms-ref-remember{left:63.7%;top:53.8%;width:2.1%;height:3.1%;cursor:pointer}
.hms-ref-remember input{width:100%;height:100%;opacity:0;cursor:pointer}
.hms-ref-remember:has(input:not(:checked)){background:#fff;border:2px solid #8032e8;border-radius:5px}
.hms-ref-forgot{position:absolute;left:85.3%;top:53.9%;width:10.6%;height:3.2%;border:0;background:transparent;cursor:pointer}
.hms-ref-submit{position:absolute!important;left:63.7%;top:58.7%;width:31.1%;height:6.5%;background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer;display:block!important;padding:0!important}
.hms-ref-submit:focus-visible,.hms-ref-forgot:focus-visible,.hms-ref-eye:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hms-ref-error,.hms-ref-form-area #loginInlineError:not(.hidden){position:absolute;left:63.7%;top:34%;width:31%;z-index:3;background:#fff1f2;color:#991b1b;border:1px solid #fda4af;border-radius:9px;padding:7px 10px;font-size:12px;box-sizing:border-box}
.hms-ref-form-area #loginInlineError:not(.hidden){top:34%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-aspect-ratio: 1535/1024) and (min-width:701px){.hms-ref-screen{min-height:0;height:100vh;aspect-ratio:auto}}
@media(max-width:700px){.hms-ref-screen{min-height:100vh;aspect-ratio:auto;background:linear-gradient(160deg,#e8e5ff,#f7f9ff 45%,#fff);padding:24px;box-sizing:border-box;overflow:visible}.hms-ref-brand{height:180px;background:url('../assets/entaj-logo.png') center 12px / 160px auto no-repeat}.hms-ref-brand:after{content:'HarvestHMS';display:block;text-align:center;padding-top:125px;font-size:27px;font-weight:900;color:#5d19d3}.hms-ref-form-area{position:relative;inset:auto;background:#fff;border-radius:24px;box-shadow:0 18px 45px #2010501c;padding:64px 20px 25px}.hms-ref-form-area:before{content:'Sign in to HarvestHMS';position:absolute;top:22px;left:20px;font-size:21px;font-weight:800;color:#18235c}.hms-ref-form{position:relative;inset:auto;display:flex!important;flex-direction:column;gap:15px!important}.hms-ref-form label{position:relative;left:auto;top:auto;width:100%;height:52px}.hms-ref-form input[name="employee_id"],.hms-ref-form input[name="password"]{border:1px solid #d8dced!important;background:#fff!important;font-size:16px;padding:0 15px!important}.hms-ref-employee input::placeholder{color:#9aa2b8}.hms-ref-employee input{background:#fff}.hms-ref-employee:before{content:'Employee ID';position:absolute;top:-12px;left:10px;background:#fff;padding:0 5px;color:#626a8e;font-size:11px;z-index:1}.hms-ref-password:before{content:'Password';position:absolute;top:-12px;left:10px;background:#fff;padding:0 5px;color:#626a8e;font-size:11px;z-index:1}.hms-ref-eye{left:auto;right:8px;top:69px;width:40px;height:38px}.hms-ref-eye:after{content:'◉';color:#5b4e96}.hms-ref-remember{width:24px!important;height:24px!important;top:auto;left:auto}.hms-ref-remember input{opacity:1;accent-color:#6a1ae4}.hms-ref-forgot{left:auto;right:0;top:136px;width:135px;height:30px}.hms-ref-forgot:after{content:'Forgot password?';font-size:13px;color:#6a1ae4;text-decoration:underline}.hms-ref-submit{position:relative!important;left:auto;top:auto;width:100%;height:54px;background:linear-gradient(95deg,#5a12d6,#983cf2)!important;border-radius:12px!important;color:#fff!important;margin-top:12px}.hms-ref-submit:after{content:'Login →';font-size:18px;font-weight:800}.hms-ref-error,.hms-ref-form-area #loginInlineError:not(.hidden){position:relative;top:auto;left:auto;width:100%;margin-bottom:10px}}


/* v9.18.39 real responsive login — original HQ photo and logo, not screenshot overlay */
body.auth-locked #onlineAuth.online-auth{position:fixed;inset:0;z-index:99999;display:block;padding:0;overflow:auto;background:#f6f6ff}
.hms-login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,60%) minmax(410px,40%);font-family:Inter,Arial,sans-serif;color:#1d275e;background:linear-gradient(135deg,#fff 0%,#f8f7ff 80%,#e9e5ff 100%)}
.hms-login-visual{position:relative;min-height:760px;background-image:linear-gradient(to bottom,rgba(255,255,255,.02) 0%,rgba(255,255,255,.0) 62%,#fff 91%),url('../assets/hq-original.png');background-size:cover;background-position:center;overflow:hidden}
.hms-login-entaj{position:absolute;top:3.5%;left:6%;width:clamp(145px,16vw,250px);height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 2px 8px #fff8)}
.hms-login-visual-footer{position:absolute;left:5%;right:2%;bottom:3%;}.hms-login-tagline{font-weight:800;color:#7d87a8;font-size:clamp(11px,1vw,15px);letter-spacing:1.5px}.hms-login-tagline:after{content:'';display:block;width:44px;height:3px;background:#7c26e8;margin:12px 0}.hms-login-modules{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.hms-login-modules>div{text-align:center;font-size:clamp(10px,.92vw,14px);font-weight:750;color:#1e2861}.hms-login-modules span{display:flex;align-items:center;justify-content:center;margin:0 auto 5px;width:clamp(32px,3.4vw,55px);height:clamp(32px,3.4vw,55px);font-size:clamp(22px,2.3vw,34px);color:#681ce4;background:#f2e9ff;border-radius:14px}.hms-login-modules>div:nth-child(2n) span{color:#05a38c;background:#e6faf5}.hms-login-modules>div:nth-child(3n) span{color:#e96b19;background:#fff0e4}
.hms-login-right{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(20px,3vw,46px) clamp(20px,2vw,40px) 22px;min-width:0}.hms-login-title{text-align:right;border-right:2px solid #8832ef;padding-right:20px}.hms-login-name{font-size:clamp(29px,3vw,48px);font-weight:850;letter-spacing:-1px;line-height:1.1}.hms-login-name span,.hms-login-card h1 span{color:#7421e6}.hms-login-subtitle{letter-spacing:2px;color:#8b94b2;font-weight:700;font-size:clamp(9px,.9vw,13px);margin-top:5px}
.hms-login-card{background:rgba(255,255,255,.92);border:1px solid #e5e5f6;border-radius:26px;padding:clamp(24px,3vw,50px);box-shadow:0 20px 70px #31215a0d;width:100%;box-sizing:border-box;max-width:600px;align-self:center}.hms-login-welcome{font-size:clamp(12px,1.2vw,17px);letter-spacing:4px;color:#9d78dd;font-weight:800}.hms-login-card h1{font-size:clamp(25px,2.25vw,37px);letter-spacing:-1px;line-height:1.15;margin:12px 0 10px;color:#1a245d}.hms-login-card p{color:#7b87a7;font-size:clamp(13px,1.22vw,18px);line-height:1.5;margin:0 0 30px}.hms-real-form{display:flex;flex-direction:column;gap:14px}.hms-input-row{position:relative;display:flex;align-items:center;min-height:58px;border:1px solid #dbe0f1;border-radius:13px;background:#fff;margin:0;box-sizing:border-box}.hms-input-symbol{flex:0 0 56px;text-align:center;font-size:25px;color:#232e71}.hms-real-form input[name="employee_id"],.hms-real-form input[name="password"]{min-width:0;flex:1;width:100%;height:58px;border:0;background:transparent;outline:none;color:#1a245d;font-size:16px;padding:0 14px 0 0;box-shadow:none}.hms-real-form input::placeholder{color:#aeb7ce}.hms-input-row:focus-within{border-color:#8b38ed;box-shadow:0 0 0 3px #8533ec20}.hms-password-row{position:relative}.hms-password-row .hms-input-row{padding-right:48px}.hms-password-toggle{position:absolute;right:8px;top:8px;width:42px;height:42px;border:0;background:transparent;color:#7d86a7;cursor:pointer;font-size:24px}.hms-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0}.hms-remember{display:flex;align-items:center;gap:8px;color:#586489;font-size:14px;font-weight:650;cursor:pointer}.hms-remember input{width:20px;height:20px;accent-color:#7120e3}.hms-forgot{border:0;background:none;color:#7722df;font-size:14px;font-weight:650;text-decoration:underline;cursor:pointer}.hms-login-submit{display:flex!important;align-items:center;justify-content:center;gap:30px;width:100%;min-height:62px;background:linear-gradient(100deg,#5e12d9,#9c40f3)!important;border:0!important;border-radius:13px!important;color:#fff!important;font-size:21px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 12px 30px #7924e333!important}.hms-login-submit:disabled{opacity:.65;cursor:wait!important}.hms-login-secure{display:flex;align-items:center;gap:15px;color:#8892b1;font-size:13px;margin:28px 0}.hms-login-secure:before,.hms-login-secure:after{content:'';height:1px;flex:1;background:#dce1f0}.hms-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#7d87a7;font-size:13px}.hms-login-benefits>div+div{border-left:1px solid #dce1f0}.hms-login-benefits b{display:block;color:#6a1ddf;font-size:30px;margin-bottom:8px}.hms-login-credit{text-align:center;color:#929bbc;font-size:12px;line-height:1.8}.hms-login-credit span{color:#7520e5;text-decoration:underline;font-weight:650}.hms-login-card .auth-inline-error:not(.hidden),.hms-login-card .hms-ref-error{position:static;width:100%;margin:0 0 14px;background:#fff1f2;color:#991b1b;border:1px solid #fda4af;border-radius:9px;padding:10px;font-size:13px}
@media(max-width:1150px){.hms-login-page{grid-template-columns:minmax(0,52%) minmax(390px,48%)}.hms-login-right{padding:24px 20px}.hms-login-card{padding:26px}.hms-login-visual{min-height:700px}.hms-login-modules{grid-template-columns:repeat(4,1fr);row-gap:10px}}
@media(max-width:800px){.hms-login-page{display:flex;flex-direction:column}.hms-login-visual{min-height:270px;height:31vh;max-height:360px;flex:none;background-position:center 58%}.hms-login-entaj{top:14px;left:18px;width:125px}.hms-login-visual-footer{display:none}.hms-login-right{padding:20px 16px 28px;gap:22px}.hms-login-title{text-align:center;border:0;padding:0}.hms-login-name{font-size:34px}.hms-login-card{max-width:520px;padding:25px 20px}.hms-login-card h1{font-size:27px}.hms-login-card p{font-size:14px;margin-bottom:20px}.hms-login-benefits{font-size:11px}.hms-login-credit{font-size:11px}}
@media(max-width:380px){.hms-login-card{padding:22px 14px}.hms-login-options{gap:5px}.hms-remember,.hms-forgot{font-size:12px}.hms-login-benefits b{font-size:24px}}
@media(max-height:760px) and (min-width:801px){.hms-login-visual{min-height:680px}.hms-login-right{padding-top:14px;padding-bottom:12px;gap:10px}.hms-login-card{padding:22px}.hms-login-card p{margin-bottom:14px}.hms-login-secure{margin:15px 0}.hms-input-row,.hms-real-form input[name="employee_id"],.hms-real-form input[name="password"]{min-height:48px;height:48px}.hms-login-submit{min-height:52px}}

/* v9.18.40: full-bleed auth screen; override generic HMS main/sidebar layout */
body.auth-locked #onlineAuth.online-auth{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}
body.auth-locked #onlineAuth > main.hms-login-page{display:grid!important;position:relative!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;overflow-x:hidden!important;box-sizing:border-box!important;grid-template-columns:minmax(0,60fr) minmax(410px,40fr)!important}
@media(max-width:1150px){body.auth-locked #onlineAuth > main.hms-login-page{grid-template-columns:minmax(0,52fr) minmax(390px,48fr)!important}}
@media(max-width:800px){body.auth-locked #onlineAuth > main.hms-login-page{display:flex!important;flex-direction:column!important;width:100%!important;grid-template-columns:none!important}.hms-login-visual{min-height:240px!important}.hms-login-right{width:100%!important;box-sizing:border-box!important}}

/* v9.18.41 — cinematic full-bleed HQ login; preserve existing auth and application logic */
body.auth-locked #onlineAuth > main.hms-login-page{
 background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.03) 52%,rgba(247,243,255,.70) 72%,rgba(248,244,255,.89) 100%),url('../assets/hq-original.png') center center / cover no-repeat!important;
 isolation:isolate;animation:hms41Reveal .8s ease-out both;
}
body.auth-locked .hms-login-visual{background:transparent!important;overflow:visible!important;min-width:0;}
body.auth-locked .hms-login-entaj{mix-blend-mode:multiply;filter:drop-shadow(0 4px 14px rgba(255,255,255,.65));animation:hms41Logo .9s cubic-bezier(.2,.8,.2,1) both,hms41Float 7s ease-in-out 1s infinite;}
body.auth-locked .hms-login-right{position:relative;background:linear-gradient(90deg,rgba(248,246,255,.12),rgba(250,248,255,.35));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
body.auth-locked .hms-login-card{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 25px 80px rgba(38,20,87,.18)!important;animation:hms41Card .8s cubic-bezier(.2,.8,.2,1) both;}
body.auth-locked .hms-login-title{animation:hms41Card .7s .12s both}
body.auth-locked .hms-login-modules>div{animation:hms41Item .55s both;transition:transform .22s ease,filter .22s ease}
body.auth-locked .hms-login-modules>div:nth-child(1){animation-delay:.08s}body.auth-locked .hms-login-modules>div:nth-child(2){animation-delay:.14s}body.auth-locked .hms-login-modules>div:nth-child(3){animation-delay:.20s}body.auth-locked .hms-login-modules>div:nth-child(4){animation-delay:.26s}body.auth-locked .hms-login-modules>div:nth-child(5){animation-delay:.32s}body.auth-locked .hms-login-modules>div:nth-child(6){animation-delay:.38s}body.auth-locked .hms-login-modules>div:nth-child(7){animation-delay:.44s}body.auth-locked .hms-login-modules>div:nth-child(8){animation-delay:.50s}
body.auth-locked .hms-login-modules>div:hover{transform:translateY(-5px);filter:drop-shadow(0 7px 8px rgba(77,36,149,.15))}
body.auth-locked .hms-login-submit{transition:transform .2s ease,box-shadow .2s ease!important}
body.auth-locked .hms-login-submit:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(114,33,220,.34)!important}
body.auth-locked .hms-login-visual-footer{padding:18px 12px;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.91),rgba(255,255,255,.65),rgba(255,255,255,.02));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@keyframes hms41Reveal{from{opacity:.35}to{opacity:1}}@keyframes hms41Logo{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hms41Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hms41Card{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hms41Item{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){body.auth-locked #onlineAuth > main.hms-login-page{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(249,247,255,.45) 22%,#f7f5ff 48%,#f7f5ff 100%),url('../assets/hq-original.png') center top / auto 43vh no-repeat!important}body.auth-locked .hms-login-right{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}body.auth-locked .hms-login-visual{height:29vh!important;min-height:190px!important;max-height:310px!important}body.auth-locked .hms-login-entaj{width:125px!important}body.auth-locked .hms-login-card{background:rgba(255,255,255,.97)!important}}
@media(prefers-reduced-motion:reduce){body.auth-locked .hms-login-page,body.auth-locked .hms-login-page *{animation:none!important;transition:none!important}}

/* v9.18.41 reference-match correction: balanced photo, crisp logo, subtle motion */
body.auth-locked #onlineAuth > main.hms-login-page{
 background-image:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.04) 54%,rgba(249,246,255,.68) 73%,rgba(250,247,255,.91) 100%),url('../assets/hq-original.png')!important;
 background-size:100% 100%,100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
 overflow:hidden!important;
}
body.auth-locked .hms-login-entaj{
 width:clamp(140px,14vw,210px)!important;max-height:125px!important;object-fit:contain!important;
 mix-blend-mode:normal!important;opacity:1!important;
 filter:drop-shadow(0 3px 12px rgba(255,255,255,.9))!important;
 top:4%!important;left:5%!important;
}
body.auth-locked .hms-login-visual::after{content:'';position:absolute;bottom:0;left:0;right:-70%;height:13%;pointer-events:none;background:linear-gradient(0deg,rgba(246,241,255,.83),transparent);z-index:0}
body.auth-locked .hms-login-visual-footer{z-index:2;bottom:2%!important;background:rgba(255,255,255,.70)!important;box-shadow:0 8px 25px rgba(91,55,157,.06);}
body.auth-locked .hms-login-right{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(249,246,255,.50))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.auth-locked .hms-login-card{transition:box-shadow .35s ease,transform .35s ease;}
body.auth-locked .hms-login-card:hover{box-shadow:0 27px 80px rgba(70,34,130,.22)!important}
body.auth-locked .hms-login-modules>div:hover{transform:translateY(-4px) scale(1.03)!important}
@media(max-width:800px){body.auth-locked #onlineAuth > main.hms-login-page{background-image:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(250,248,255,.36) 22%,#f7f5ff 47%),url('../assets/hq-original.png')!important;background-size:100% 100%,auto 40vh!important;background-position:center,center top!important}body.auth-locked .hms-login-entaj{width:110px!important;top:12px!important;left:14px!important}body.auth-locked .hms-login-visual-footer{background:rgba(255,255,255,.88)!important}}

/* v9.18.42: interactive full-page polish; accessible motion and true clickable footer */
.hms-login-credit .hms-credit-link{color:#7520e5;text-decoration:underline;text-underline-offset:3px;font-weight:750;display:inline-block;transition:color .2s,transform .2s}
.hms-login-credit .hms-credit-link:hover{color:#4b0aa8;transform:translateY(-2px)}
.hms-login-credit .hms-credit-link:focus-visible{outline:3px solid #8e50f5;outline-offset:4px;border-radius:3px}
body.auth-locked #onlineAuth > main.hms-login-page{background-size:100% 100%,cover!important;background-position:center,center!important}
body.auth-locked .hms-login-page::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 70% 15%,rgba(177,119,255,.17),transparent 45%);animation:hms42Ambient 13s ease-in-out infinite alternate}
body.auth-locked .hms-login-visual,body.auth-locked .hms-login-right{z-index:1}
body.auth-locked .hms-login-card{animation:hms41Card .9s cubic-bezier(.16,1,.3,1) both,hms42CardBreath 9s 1s ease-in-out infinite alternate}
body.auth-locked .hms-login-name{background:linear-gradient(105deg,#19275d 12%,#7520e5 52%,#19275d 87%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:hms42TextGlow 10s ease-in-out infinite alternate}
body.auth-locked .hms-login-modules span{transition:transform .3s cubic-bezier(.2,.9,.2,1),box-shadow .3s}
body.auth-locked .hms-login-modules>div:hover span{transform:translateY(-4px) rotate(-3deg);box-shadow:0 9px 20px rgba(95,38,190,.16)}
body.auth-locked .hms-input-row{transition:border-color .25s,box-shadow .25s,transform .25s}
body.auth-locked .hms-input-row:focus-within{transform:translateY(-2px)}
body.auth-locked .hms-login-submit{background-size:200% 100%!important;animation:hms42ButtonGradient 7s ease-in-out infinite alternate}
@keyframes hms42Ambient{from{opacity:.3;transform:translateX(-2%)}to{opacity:1;transform:translateX(3%)}}
@keyframes hms42CardBreath{from{box-shadow:0 20px 65px rgba(38,20,87,.14)}to{box-shadow:0 28px 85px rgba(90,42,164,.24)}}
@keyframes hms42TextGlow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes hms42ButtonGradient{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:800px){body.auth-locked #onlineAuth > main.hms-login-page{background-size:100% 100%,auto 40vh!important;background-position:center,center top!important}}
@media(prefers-reduced-motion:reduce){body.auth-locked .hms-login-page::before,body.auth-locked .hms-login-card,body.auth-locked .hms-login-name,body.auth-locked .hms-login-submit{animation:none!important}}

/* HarvestHMS v9.18.43: login brand cleanup + coordinated premium loader */
body.auth-locked .hms-login-entaj{display:none!important}
#startupLoader{isolation:isolate;overflow:hidden;background:linear-gradient(115deg,rgba(18,18,57,.82),rgba(44,19,102,.70)),url('../assets/hq-original.png') center/cover no-repeat!important;color:#fff}
#startupLoader::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle at 25% 40%,rgba(171,101,255,.33),transparent 34%),radial-gradient(circle at 75% 65%,rgba(90,176,255,.23),transparent 34%);animation:hmsLoaderAmbient 10s ease-in-out infinite alternate}
#startupLoader::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(19,10,59,.58),transparent 70%)}
#startupLoader .loader-card{width:min(450px,calc(100vw - 36px));padding:38px 25px;border-radius:28px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 100px rgba(13,5,52,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:hmsLoaderAppear .75s cubic-bezier(.2,.8,.2,1) both}
#startupLoader .hms-loader-mark{width:76px;height:76px;margin:0 auto 18px;position:relative;display:grid;place-items:center;border-radius:23px;background:linear-gradient(135deg,#5c17e4,#ad50ff);font-size:43px;font-weight:850;box-shadow:0 14px 38px rgba(111,31,234,.4);animation:hmsLoaderFloat 3s ease-in-out infinite}
#startupLoader .hms-loader-orbit{position:absolute;inset:-7px;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:28px;animation:hmsLoaderSpin 4s linear infinite}
#startupLoader .hms-loader-title{font-size:clamp(30px,5vw,42px);font-weight:850;letter-spacing:-1.4px;line-height:1.1}
#startupLoader .hms-loader-title span{color:#d7b6ff}
#startupLoader .hms-loader-subtitle{font-size:10px;letter-spacing:2.4px;color:#e6dcff;margin:9px 0 0;font-weight:700}
#startupLoader .loader-track{height:6px;background:rgba(255,255,255,.23);margin:30px auto 15px}
#startupLoader .loader-bar{background:linear-gradient(90deg,#a678ff,#f5d4ff,#a678ff);box-shadow:0 0 15px rgba(222,178,255,.7)}
#startupLoader .loader-status{font-size:11px;letter-spacing:1.8px;color:#fff}
#startupLoader .hms-loader-caption{font-size:11px;color:#d9caff;margin:6px 0 0;letter-spacing:.7px}
@keyframes hmsLoaderAppear{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hmsLoaderAmbient{from{transform:translate(-3%,-2%) rotate(-3deg)}to{transform:translate(4%,3%) rotate(5deg)}}
@keyframes hmsLoaderFloat{50%{transform:translateY(-7px)}}
@keyframes hmsLoaderSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){#startupLoader .loader-card{padding:30px 19px;border-radius:23px}#startupLoader .hms-loader-mark{width:65px;height:65px;font-size:35px}}
@media(prefers-reduced-motion:reduce){#startupLoader::before,#startupLoader .loader-card,#startupLoader .hms-loader-mark,#startupLoader .hms-loader-orbit{animation:none!important}}

/* v9.18.44: Reference-matched animated left-side branding. No HMS data/auth changes. */
body.auth-locked .hms-login-visual{isolation:isolate;overflow:hidden!important}
body.auth-locked .hms-login-entaj{display:none!important}
body.auth-locked .hms44-hero{position:absolute;z-index:5;top:5%;left:31%;width:min(51%,520px);text-align:center;pointer-events:none;animation:hms44HeroIn .95s cubic-bezier(.16,1,.3,1) both}
body.auth-locked .hms44-hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.72);border-radius:99px;background:rgba(255,255,255,.67);backdrop-filter:blur(9px);font-size:9px;font-weight:850;letter-spacing:1.1px;color:#5537a3;box-shadow:0 8px 25px rgba(45,36,108,.08)}
body.auth-locked .hms44-live-dot{width:7px;height:7px;border-radius:50%;background:#1fbe89;box-shadow:0 0 0 4px rgba(31,190,137,.14);animation:hms44Dot 2.2s ease-in-out infinite}
body.auth-locked .hms44-hero h2{margin:13px 0 5px;font-size:clamp(25px,3.1vw,52px);line-height:1.02;letter-spacing:-1.7px;color:#171c50;font-weight:900;text-shadow:0 2px 20px rgba(255,255,255,.88)}
body.auth-locked .hms44-hero h2 em{font-style:normal;background:linear-gradient(110deg,#5c1ee5,#a02aee,#6123db);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hms44Gradient 8s ease-in-out infinite alternate}
body.auth-locked .hms44-stroke{height:4px;width:60%;margin:10px auto 12px;border-radius:99px;background:linear-gradient(90deg,#661ce6,#c35dff,#ffb747);transform-origin:left;animation:hms44Stroke 1.3s .45s both}
body.auth-locked .hms44-hero p{margin:0;font-size:clamp(10px,1vw,15px);letter-spacing:3.2px;font-weight:900;color:#16245a;text-shadow:0 1px 14px white}
body.auth-locked .hms44-hero small{display:block;margin-top:5px;font-size:9px;letter-spacing:1.2px;font-weight:750;color:#465580}
body.auth-locked .hms44-features{position:absolute;z-index:5;top:8%;right:2%;display:grid;gap:9px;pointer-events:none}
body.auth-locked .hms44-features>div{display:flex;align-items:center;gap:9px;min-width:122px;padding:9px 11px;background:rgba(255,255,255,.79);border:1px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 7px 22px rgba(44,32,119,.09);backdrop-filter:blur(12px);animation:hms44PillIn .65s both,hms44PillFloat 7s ease-in-out 1s infinite}
body.auth-locked .hms44-features>div:nth-child(2){animation-delay:.12s,1.4s}body.auth-locked .hms44-features>div:nth-child(3){animation-delay:.24s,1.8s}body.auth-locked .hms44-features>div:nth-child(4){animation-delay:.36s,2.2s}
body.auth-locked .hms44-features span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eee6ff;color:#7324df;font-size:18px}
body.auth-locked .hms44-features b{font-size:10px;line-height:1.3;color:#202654}
body.auth-locked .hms-login-visual::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 10%,rgba(255,255,255,.48),transparent 35%);animation:hms44Sky 12s ease-in-out infinite alternate}
body.auth-locked .hms-login-modules>div{animation:hms41Item .6s both}
@keyframes hms44HeroIn{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes hms44PillIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes hms44PillFloat{50%{translate:0 -5px}}
@keyframes hms44Dot{50%{box-shadow:0 0 0 8px rgba(31,190,137,0)}}
@keyframes hms44Gradient{to{background-position:100% 0}}
@keyframes hms44Stroke{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hms44Sky{to{opacity:.5;transform:translate(2%,-1%)}}
@media(max-width:1250px){body.auth-locked .hms44-hero{left:22%;width:59%;top:7%}body.auth-locked .hms44-features{right:1%;top:27%}body.auth-locked .hms44-features>div{min-width:105px;padding:7px}}
@media(max-width:1000px){body.auth-locked .hms44-hero{left:12%;width:78%;top:7%}body.auth-locked .hms44-features{display:none}}
@media(max-width:800px){body.auth-locked .hms44-hero{top:12px;left:5%;width:90%}body.auth-locked .hms44-hero h2{font-size:clamp(23px,6vw,35px);margin:8px 0 4px}body.auth-locked .hms44-hero-kicker{font-size:7px;padding:5px 8px}body.auth-locked .hms44-hero p{font-size:9px;letter-spacing:1.5px}body.auth-locked .hms44-hero small{font-size:7px}body.auth-locked .hms44-stroke{margin:5px auto 7px}body.auth-locked .hms44-features{display:none}}
@media(max-width:420px){body.auth-locked .hms44-hero{top:8px}body.auth-locked .hms44-hero h2{font-size:23px}body.auth-locked .hms44-hero-kicker{font-size:6px}}
@media(prefers-reduced-motion:reduce){body.auth-locked .hms44-hero,body.auth-locked .hms44-features>div,body.auth-locked .hms44-hero em,body.auth-locked .hms44-stroke,body.auth-locked .hms44-live-dot,body.auth-locked .hms-login-visual::before{animation:none!important}}

/* v9.18.45: Hide unused hero feature cards */
body.auth-locked .hms44-features{display:none!important}

/* v9.18.46 readability + safe placement fix: only login hero */
body.auth-locked .hms-login-visual{overflow:visible!important}
body.auth-locked .hms44-hero{
  box-sizing:border-box!important;top:clamp(32px,7vh,82px)!important;
  left:clamp(22px,25%,340px)!important;width:min(65%,580px)!important;
  max-width:calc(100% - 38px)!important;padding:19px 22px 17px!important;
  border:1px solid rgba(255,255,255,.70)!important;border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(255,255,255,.78))!important;
  box-shadow:0 14px 45px rgba(16,30,84,.16)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  overflow:visible!important;
}
body.auth-locked .hms44-hero h2{font-size:clamp(25px,2.6vw,42px)!important;line-height:1.13!important;letter-spacing:-.8px!important;margin:10px 0 8px!important;text-shadow:none!important}
body.auth-locked .hms44-hero h2 em{background:linear-gradient(110deg,#6722db,#9630e8)!important;-webkit-background-clip:text!important;background-clip:text!important}
body.auth-locked .hms44-hero p{font-size:clamp(10px,.92vw,13px)!important;letter-spacing:1.9px!important;color:#192555!important;text-shadow:none!important}
body.auth-locked .hms44-hero small{font-size:10px!important;letter-spacing:.8px!important;color:#435175!important}
body.auth-locked .hms44-stroke{margin:9px auto 11px!important}
@media(max-width:1250px) and (min-width:801px){body.auth-locked .hms44-hero{left:15%!important;width:75%!important;top:35px!important}}
@media(max-width:800px){
 body.auth-locked .hms-login-visual{overflow:hidden!important}
 body.auth-locked .hms44-hero{top:10px!important;left:4%!important;width:92%!important;max-width:92%!important;padding:9px 10px!important;border-radius:14px!important}
 body.auth-locked .hms44-hero h2{font-size:clamp(19px,5vw,27px)!important;margin:5px 0!important;line-height:1.08!important}
 body.auth-locked .hms44-hero-kicker{font-size:6px!important;letter-spacing:.3px!important;padding:4px 6px!important}
 body.auth-locked .hms44-hero p{font-size:8px!important;letter-spacing:1px!important}
 body.auth-locked .hms44-hero small{font-size:7px!important}
 body.auth-locked .hms44-stroke{margin:5px auto!important}
}

/* v9.18.47 — visible, refined continuous animation (login only) */
body.auth-locked .hms44-hero{
 animation:hms47HeroReveal 1.1s cubic-bezier(.16,1,.3,1) both,hms47HeroFloat 8s ease-in-out 1.2s infinite!important;
 box-shadow:0 18px 50px rgba(42,23,117,.20),0 0 0 1px rgba(255,255,255,.4)!important;
}
body.auth-locked .hms44-hero::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.7) 47%,transparent 65%);
 background-size:260% 100%;animation:hms47GlassSweep 9s ease-in-out 2s infinite;
}
body.auth-locked .hms44-hero h2 em{
 background:linear-gradient(95deg,#5721d4 5%,#b044ff 37%,#6a20dc 70%,#5721d4 95%)!important;
 background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;
 animation:hms47Headline 5s linear infinite!important;
}
body.auth-locked .hms44-stroke{
 background:linear-gradient(90deg,#6720ef,#b04dff,#ffbd54,#6720ef)!important;
 background-size:250% 100%!important;
 animation:hms44Stroke 1.1s .5s both,hms47Headline 5s linear 1.7s infinite!important;
}
body.auth-locked .hms-login-page::after{
 content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 35% 36% at 76% 30%,rgba(179,103,255,.20),transparent 80%),
 radial-gradient(ellipse 32% 28% at 12% 85%,rgba(119,62,240,.14),transparent 85%);
 animation:hms47Aurora 11s ease-in-out infinite alternate;
}
body.auth-locked .hms-login-card{
 animation:hms47CardReveal .9s .2s cubic-bezier(.16,1,.3,1) both,hms47CardGlow 6s ease-in-out 1.1s infinite!important;
}
body.auth-locked .hms-login-submit{
 position:relative;overflow:hidden;animation:hms42ButtonGradient 4s linear infinite!important;
 transition:transform .25s ease,box-shadow .25s ease!important;
}
body.auth-locked .hms-login-submit:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(109,30,229,.35)!important}
body.auth-locked .hms-login-modules>div{animation:hms47IconReveal .7s both!important}
body.auth-locked .hms-login-modules>div:nth-child(1){animation-delay:.2s!important}
body.auth-locked .hms-login-modules>div:nth-child(2){animation-delay:.3s!important}
body.auth-locked .hms-login-modules>div:nth-child(3){animation-delay:.4s!important}
body.auth-locked .hms-login-modules>div:nth-child(4){animation-delay:.5s!important}
body.auth-locked .hms-login-modules>div:nth-child(5){animation-delay:.6s!important}
body.auth-locked .hms-login-modules>div:nth-child(6){animation-delay:.7s!important}
body.auth-locked .hms-login-modules>div:nth-child(7){animation-delay:.8s!important}
body.auth-locked .hms-login-modules>div:nth-child(8){animation-delay:.9s!important}
@keyframes hms47HeroReveal{from{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hms47HeroFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes hms47GlassSweep{0%,17%{background-position:160% 0}45%,100%{background-position:-160% 0}}
@keyframes hms47Headline{to{background-position:240% 0}}
@keyframes hms47Aurora{from{opacity:.45;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}
@keyframes hms47CardReveal{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes hms47CardGlow{0%,100%{box-shadow:0 12px 36px rgba(90,39,170,.10)}50%{box-shadow:0 18px 48px rgba(116,48,212,.25)}}
@keyframes hms47IconReveal{from{opacity:0;transform:translateY(18px) scale(.86)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.auth-locked .hms44-hero,body.auth-locked .hms44-hero::after,body.auth-locked .hms44-hero h2 em,body.auth-locked .hms44-stroke,body.auth-locked .hms-login-page::after,body.auth-locked .hms-login-card,body.auth-locked .hms-login-submit,body.auth-locked .hms-login-modules>div{animation:none!important}}

/* v9.18.48 — restore original HQ and ARASCO branding; unobstructed architecture */
body.auth-locked #onlineAuth > main.hms-login-page{background-image:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.015) 53%,rgba(250,246,255,.58) 73%,rgba(250,246,255,.84) 100%),url('../assets/hq-original.png')!important;background-size:100% 100%,cover!important;background-position:center center,center center!important}
body.auth-locked .hms44-hero{left:18%!important;top:4%!important;width:min(43%,470px)!important;max-width:43%!important;padding:6px 9px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;animation:hms47HeroReveal 1.1s cubic-bezier(.16,1,.3,1) both!important}
body.auth-locked .hms44-hero::after{display:none!important}
body.auth-locked .hms44-hero-kicker{font-size:8px!important;padding:6px 11px!important;background:rgba(255,255,255,.82)!important}
body.auth-locked .hms44-hero h2{font-size:clamp(25px,2.45vw,39px)!important;line-height:1.06!important;margin:10px 0 5px!important;color:#18245d!important;text-shadow:0 1px 9px rgba(255,255,255,.95),0 0 25px rgba(255,255,255,.9)!important}
body.auth-locked .hms44-hero p{font-size:clamp(9px,.82vw,12px)!important;letter-spacing:1.5px!important;text-shadow:0 1px 8px #fff,0 0 15px #fff!important}
body.auth-locked .hms44-hero small{font-size:9px!important;text-shadow:0 1px 8px #fff,0 0 15px #fff!important}
body.auth-locked .hms44-stroke{height:3px!important;width:70%!important;margin:7px auto 8px!important}
body.auth-locked .hms-login-visual::before{background:none!important}
@media(max-width:1250px) and (min-width:801px){body.auth-locked .hms44-hero{left:13%!important;width:53%!important;max-width:53%!important;top:5%!important}}
@media(max-width:800px){body.auth-locked .hms44-hero{left:4%!important;top:10px!important;width:92%!important;max-width:92%!important;padding:4px!important}body.auth-locked .hms44-hero h2{font-size:clamp(20px,5vw,28px)!important}body.auth-locked .hms44-hero-kicker{font-size:7px!important}}
@media(prefers-reduced-motion:reduce){body.auth-locked .hms44-hero{animation:none!important}}

/* v9.18.49 — legible, safely positioned hero; building remains unobstructed */
@media(min-width:801px){
body.auth-locked .hms44-hero{top:110px!important;left:clamp(32px,14%,170px)!important;width:min(44%,440px)!important;max-width:44%!important;padding:15px 18px!important;box-sizing:border-box!important;border-radius:16px!important;background:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 10px 32px rgba(18,33,85,.12)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;animation:hms47HeroReveal 1s both,hms47HeroFloat 9s ease-in-out 1s infinite!important}
body.auth-locked .hms44-hero h2{font-size:clamp(23px,2vw,33px)!important;line-height:1.19!important;letter-spacing:-.5px!important;margin:9px 0 7px!important;color:#152252!important;text-shadow:none!important}
body.auth-locked .hms44-hero h2 em{background:linear-gradient(90deg,#5722d5,#8e24dc,#5722d5)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:hms47Headline 6s linear infinite!important}
body.auth-locked .hms44-hero-kicker{font-size:8px!important;letter-spacing:.6px!important;white-space:normal!important}
body.auth-locked .hms44-hero p{color:#1b2755!important;font-size:11px!important;letter-spacing:1.1px!important;text-shadow:none!important}
body.auth-locked .hms44-hero small{color:#46567b!important;font-size:9px!important;letter-spacing:.5px!important;text-shadow:none!important}
body.auth-locked .hms44-stroke{width:72%!important;margin:8px auto 10px!important}
}
@media(min-width:801px) and (max-height:750px){body.auth-locked .hms44-hero{top:55px!important}}
@media(max-width:800px){body.auth-locked .hms44-hero{top:20px!important;left:5%!important;width:90%!important;max-width:90%!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:12px!important;padding:10px!important;box-sizing:border-box!important}body.auth-locked .hms44-hero h2{font-size:clamp(19px,5vw,27px)!important;line-height:1.13!important;margin:6px 0!important;text-shadow:none!important}body.auth-locked .hms44-hero p{color:#1b2755!important;text-shadow:none!important}body.auth-locked .hms44-hero small{color:#46567b!important;text-shadow:none!important}}