:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:#153653;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:#728198}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-hero{padding:8vh 8vw;background:linear-gradient(145deg,#0d3154,#155783 62%,#247ebb);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-pill{font-size:12px;letter-spacing:1.6px;font-weight:800;padding:8px 12px;background:#ffffff15;border:1px solid #ffffff2b;border-radius:999px;width:max-content}.login-hero h1{font-size:48px;line-height:1.08;max-width:760px;margin:28px 0 18px}.login-hero>p{font-size:18px;line-height:1.65;color:#d9eaf6;max-width:680px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;max-width:720px}.hero-grid div{padding:18px;border:1px solid #ffffff24;background:#ffffff0d;border-radius:16px}.hero-grid b,.hero-grid span{display:block}.hero-grid span{font-size:13px;color:#d9eaf6;margin-top:5px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#f8fafc}.login-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:38px;box-shadow:0 25px 70px #173a5e18;border:1px solid #e9eef5}.login-logo{width:190px;height:72px;object-fit:contain}.login-card h2{font-size:28px;margin:18px 0 4px}.login-card>label,.dialog-card label{display:block;font-size:13px;font-weight:750;margin:20px 0 8px}.input-wrap{height:52px;background:#f5f8fc;border:1px solid #e4eaf2;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:10px}.input-wrap input{border:0;outline:0;background:transparent;flex:1}.icon-btn,.link-btn,.icon-plain{border:0;background:transparent;color:#247ebb}.login-options{display:flex;justify-content:space-between;margin:14px 0 18px;font-size:13px}.primary-btn,.primary-compact{border:0;background:#247ebb;color:#fff;font-weight:800;border-radius:13px}.primary-btn{width:100%;height:52px}.primary-compact{padding:12px 17px;display:inline-flex;gap:7px;align-items:center}.secondary-btn{border:1px solid #dfe8f0;background:#fff;color:#31526c;font-weight:750;border-radius:12px;padding:11px 16px}.error-box{padding:11px 13px;border-radius:10px;background:#fff0f0;color:#b52a2a;font-size:13px;margin:10px 0}.info-box{padding:13px 15px;border-radius:12px;background:#eef7fd;color:#315c79;font-size:13px;margin:14px 0;border:1px solid #d9eaf6}.login-card small{display:block;text-align:center;color:#99a5b3;margin-top:18px}.center-page{min-height:100vh;display:grid;place-items:center;background:#f4f7fb}.dialog-card{width:min(480px,94vw);background:#fff;padding:34px;border-radius:24px;box-shadow:0 20px 60px #173a5e18}.small-logo{width:160px}.field{width:100%;height:50px;border:1px solid #dfe7f0;border-radius:12px;padding:0 13px}.portal{min-height:100vh;display:flex}.sidebar{width:280px;background:#102f4d;color:#c9d9e8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20;overflow:auto}.side-brand{height:92px;padding:15px 20px;background:#fff;display:flex;align-items:center}.side-brand img{width:165px}.mobile-close{display:none}.workspace-select{padding:20px}.workspace-select span{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#829bb1;margin-bottom:8px}.workspace-select select{width:100%;height:42px;border-radius:10px;border:1px solid #ffffff1b;background:#173d60;color:#fff;padding:0 10px}.sidebar nav{padding:0 12px;display:flex;flex-direction:column;gap:4px}.sidebar nav button,.side-footer button{border:0;background:transparent;color:#b9cbda;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:#247ebb;color:#fff}.side-footer{margin-top:auto;padding:16px;border-top:1px solid #ffffff14}.main-area{margin-left:280px;flex:1;min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#8b9aac;font-weight:800}.topbar h3{margin:5px 0 0}.top-actions{display:flex;gap:16px;align-items:center}.notification{position:relative;width:42px;height:42px;border:1px solid #e3e9f0;background:#fff;border-radius:12px}.notification span{position:absolute;right:-5px;top:-5px;background:#e95050;color:#fff;font-size:9px;border-radius:99px;padding:3px 5px}.user-chip{display:flex;align-items:center;gap:10px}.user-menu-wrap{position:relative}.user-chip-btn{border:0;background:transparent;text-align:left;padding:5px 7px;border-radius:12px}.user-chip-btn:hover{background:#f5f8fb}.user-dropdown{position:absolute;right:0;top:58px;width:230px;background:#fff;border:1px solid #e3eaf1;border-radius:14px;box-shadow:0 18px 50px #173a5e22;padding:8px;z-index:40}.user-dropdown-head{padding:10px 11px;border-bottom:1px solid #edf1f5;margin-bottom:5px}.user-dropdown-head strong,.user-dropdown-head span{display:block}.user-dropdown-head span{font-size:11px;color:#7e8d9d;margin-top:4px}.user-dropdown button{width:100%;border:0;background:#fff;color:#31526c;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;text-align:left}.user-dropdown button:hover{background:#f4f8fb}.sync-btn{height:42px;border:1px solid #dce7ef;background:#f7fbfe;color:#247ebb;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px;font-weight:750;font-size:12px}.sync-btn:disabled{opacity:.65;cursor:wait}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-chip strong,.user-chip span{display:block}.user-chip span{font-size:11px;color:#7e8d9d}.avatar{width:42px;height:42px;border-radius:13px;background:#e4f1fa;color:#247ebb;font-weight:900;display:grid;place-items:center}.menu-btn{display:none}.content{padding:30px;max-width:1600px;margin:auto}.welcome,.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.welcome p,.page-head p{font-size:12px;color:#7b8b9e;font-weight:650;margin:0}.welcome h1,.page-head h1{margin:5px 0 7px;font-size:30px}.welcome span{color:#718197}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card,.panel,.balance-card,.feature-card{background:#fff;border:1px solid #e8edf3;border-radius:18px;box-shadow:0 8px 28px #173a5e0b}.stat-card{padding:21px}.stat-card span,.balance-card span{font-size:12px;color:#74859a;font-weight:700}.stat-card strong,.balance-card strong{display:block;font-size:28px;margin:10px 0 5px}.stat-card p,.balance-card small{margin:0;font-size:11px;color:#8796a7}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h3{margin:0}.panel-title p{margin:5px 0;color:#8796a7;font-size:11px}.attention{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:15px 2px;border-top:1px solid #eef2f6}.attention i{width:8px;height:8px;border-radius:50%;background:#247ebb}.attention strong,.attention span{display:block}.attention span{font-size:11px;color:#8493a3;margin-top:4px}.attention em{font-style:normal;background:#f1f6fa;border-radius:99px;padding:6px 9px;font-size:10px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-grid.business,.settings-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.quick-card,.feature-card{padding:17px;text-align:left;border-radius:14px}.quick-card{border:1px solid #e8edf3;background:#fbfdff}.quick-card span,.feature-card>span{width:38px;height:38px;display:grid;place-items:center;background:#eaf5fc;color:#247ebb;border-radius:11px;margin-bottom:12px}.quick-card strong,.quick-card small,.feature-card strong,.feature-card small{display:block}.quick-card small,.feature-card small{color:#7d8c9d;margin-top:5px;line-height:1.4}.feature-card{box-shadow:none}.cards-row,.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.balance-card{padding:18px}.table-panel{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6d7f92;font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:12px;border-bottom:1px solid #e8edf3}td{padding:13px 12px;border-bottom:1px solid #eff3f6;color:#314c64}.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf3f7;font-size:10px;font-weight:800}.status.approved,.status.connected,.status.enabled,.status.live,.status.read{background:#e9f7ef;color:#21854a}.status.pending,.status.template,.status.new{background:#fff6df;color:#a66b00}.status.rejected,.status.error{background:#fff0f0;color:#b52a2a}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;overflow:hidden}.detail{padding:18px;border-right:1px solid #eef2f5;border-bottom:1px solid #eef2f5}.detail span,.detail strong{display:block}.detail span{text-transform:capitalize;color:#7c8d9e;font-size:11px}.detail strong{margin-top:6px}.row{display:flex;gap:8px;align-items:center}.json-lite{white-space:pre-wrap;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#526a7d;background:#f8fafc;padding:14px;border-radius:12px;max-height:420px;overflow:auto}.doc-card{display:flex;gap:14px;align-items:center}.doc-card>svg{color:#247ebb}.doc-card span,.doc-card strong,.doc-card small{display:block}.doc-card span{font-size:11px;color:#7e8e9e}.doc-card small{color:#8d9aaa;margin-top:4px}.notif-list{padding:0;overflow:hidden}.notif-row{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;display:grid;grid-template-columns:32px 1fr auto;gap:12px;text-align:left;padding:16px}.notif-row.unread{background:#f5fbff}.notif-row div strong,.notif-row div span,.notif-row div small{display:block}.notif-row div span{color:#607488;margin:4px 0}.notif-row div small{color:#99a5af}.approval-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.approval-tabs span{background:#fff;border:1px solid #e4eaf0;border-radius:99px;padding:8px 12px;font-size:12px}.approval-list{padding:0;overflow:hidden}.approval-row{display:grid;grid-template-columns:45px 1fr auto;gap:14px;padding:18px;border-bottom:1px solid #edf1f4;align-items:center}.type-icon{width:42px;height:42px;border-radius:12px;background:#eaf5fc;color:#247ebb;display:grid;place-items:center}.approval-main>div{display:flex;gap:10px;align-items:center;margin-bottom:5px}.approval-main strong,.approval-main span,.approval-main small{display:block}.approval-main span{color:#65798b;font-size:12px;margin:4px 0}.approval-main small{color:#95a1ad}.approve-btn,.reject-btn{border:0;border-radius:10px;padding:9px 12px;font-weight:750}.approve-btn{background:#e8f7ef;color:#20824a}.reject-btn{background:#fff0f0;color:#b52a2a}.search{height:42px;border:1px solid #dfe7ee;border-radius:12px;padding:0 13px;min-width:250px}.integration-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.integration-card{display:flex;gap:18px;align-items:center}.integration-logo{width:64px;height:64px;border-radius:18px;background:#247ebb;color:#fff;display:grid;place-items:center;font-weight:900;font-size:23px}.workflow-list{padding:0}.workflow-row{display:flex;justify-content:space-between;padding:17px;border-bottom:1px solid #edf1f4}.workflow-row strong,.workflow-row span{display:block}.workflow-row span{color:#718395;font-size:12px;margin-top:5px}.roadmap{margin-top:16px}.modal-backdrop{position:fixed;inset:0;background:#0b1e3199;z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(560px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h2{margin:0}.form-label{display:block;font-size:12px;font-weight:750;margin:14px 0;color:#38536a}.form-label input,.form-label select,.form-label textarea{display:block;width:100%;border:1px solid #dfe7ef;border-radius:11px;padding:11px;margin-top:7px;outline:none}.form-label textarea{min-height:110px;resize:vertical}.empty-state{padding:38px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8a98a6}.loading{color:#7a8a99}.module-placeholder{background:#fff;border:1px solid #e6ecf2;border-radius:20px;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:66px;height:66px;border-radius:20px;background:#edf6fc;color:#247ebb;display:grid;place-items:center}.module-placeholder p{max-width:540px;color:#74849a}@media(max-width:1100px){.stats-grid,.action-grid.business,.settings-grid,.cards-row,.document-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.integration-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:1000px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.menu-btn,.mobile-close{display:block}.content{padding:20px}}@media(max-width:650px){.stats-grid,.stats-grid.three,.action-grid,.action-grid.business,.settings-grid,.cards-row,.document-grid,.profile-grid{grid-template-columns:1fr}.welcome,.page-head{align-items:start;gap:15px;flex-direction:column}.user-chip>div:not(.avatar),.user-chip>svg{display:none}.approval-row{grid-template-columns:40px 1fr}.approval-row>.row{grid-column:2}.topbar{padding:0 16px}.content{padding:15px}.search{min-width:100%}}.hr-hero{background:linear-gradient(135deg,#102f4d,#1c6798);color:#fff;border-radius:22px;padding:26px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 12px 34px #173a5e18}.hr-hero>div>span{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#a8d9f8}.hr-hero h1{margin:7px 0 6px;font-size:30px}.hr-hero p{margin:0;color:#d9eaf6;max-width:780px}.hr-hero-badge{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid #ffffff25;padding:13px 15px;border-radius:15px;min-width:220px}.hr-hero-badge svg{color:#8ed0f6}.hr-hero-badge b,.hr-hero-badge small{display:block}.hr-hero-badge small{color:#cfe5f3;margin-top:3px}.section-tabs{display:flex;gap:8px;margin:18px 0;overflow:auto}.section-tabs button{white-space:nowrap;border:1px solid #dfe8f0;background:#fff;color:#557086;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:750}.section-tabs button.active{background:#173f61;color:#fff;border-color:#173f61}.hr-grid{display:grid}.setup-card{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;box-shadow:none}.setup-card .secondary-btn{grid-column:2;width:max-content;padding:8px 11px;font-size:11px}.setup-icon{width:44px;height:44px;border-radius:13px;background:#eaf5fc;color:#247ebb;display:grid;place-items:center}.setup-card strong{display:block}.setup-card p{font-size:12px;color:#718397;line-height:1.5;margin:5px 0}.setup-card span{font-size:10px;color:#91a0ad}.employee360-layout{display:grid;grid-template-columns:310px 1fr;gap:16px}.employee-list-mini{padding:10px;max-height:650px;overflow:auto}.employee-list-mini>.search{width:100%;min-width:0;margin-bottom:8px}.employee-list-mini button{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:12px}.employee-list-mini button:hover,.employee-list-mini button.active{background:#eef7fd}.employee-list-mini button span b,.employee-list-mini button span small{display:block}.employee-list-mini button span small{color:#8392a0;margin-top:3px}.employee-360-card{padding:0;overflow:hidden}.employee-360-head{padding:22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1f4}.employee-360-head h2,.employee-360-head p{margin:0}.employee-360-head p{color:#7d8c9d;margin-top:4px}.employee-360-head .status{margin-left:auto}.avatar.big{width:58px;height:58px;border-radius:16px;font-size:20px}.employee-360-card .section-tabs{padding:0 20px}.policy-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:16px}.policy-card-head{display:flex;align-items:center;gap:12px}.policy-card-head>svg{color:#247ebb}.policy-card-head h3,.policy-card-head p{margin:0}.policy-card-head p{color:#8191a2;margin-top:3px;font-size:12px}.policy-card-head .status{margin-left:auto}.policy-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.policy-values b{text-align:center;font-size:22px;background:#f7fafc;padding:18px 8px;border-radius:14px}.policy-values span{display:block;font-size:10px;color:#8392a0;margin-top:5px}.settings-stack{display:flex;flex-direction:column;gap:10px}.policy-designer{margin-top:16px}.policy-title{display:flex;justify-content:space-between;align-items:center}.policy-title>div{display:flex;align-items:center;gap:12px}.policy-title svg{color:#247ebb}.policy-title span b,.policy-title span small{display:block}.policy-title span small{color:#8796a7;margin-top:3px}.policy-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.policy-fields label{background:#f8fafc;border:1px solid #edf1f4;border-radius:12px;padding:13px;font-size:11px;color:#8492a0}.policy-fields label b{display:block;color:#2f4c64;font-size:13px;margin-top:6px}.expiry-timeline{margin-top:16px}.expiry-steps{display:flex;align-items:center;gap:10px;margin:20px 0}.expiry-steps b{width:65px;height:65px;border-radius:50%;background:#eaf5fc;color:#1f6fa2;display:grid;place-items:center;align-content:center;font-size:20px}.expiry-steps b span{display:block;font-size:9px;text-transform:uppercase}.expiry-steps i{height:2px;flex:1;background:#dfeaf2}.expiry-timeline p{color:#718497;font-size:12px}.lifecycle{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:center;gap:8px}.flow-arrow{text-align:center;font-size:24px;color:#8aa0b3}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.announcement-composer{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1200px){.employee360-layout,.policy-layout{grid-template-columns:1fr}.report-grid,.policy-fields{grid-template-columns:repeat(2,1fr)}.lifecycle{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}}@media(max-width:700px){.hr-hero{align-items:flex-start;flex-direction:column}.hr-hero-badge{width:100%}.policy-values,.policy-fields,.report-grid,.form-grid{grid-template-columns:1fr 1fr}.expiry-steps i{display:none}.expiry-steps{flex-wrap:wrap}.employee360-layout{grid-template-columns:1fr}}@media(max-width:480px){.policy-values,.policy-fields,.report-grid,.form-grid{grid-template-columns:1fr}}