: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}}body{background:radial-gradient(circle at 85% -10%,#d9efff 0,transparent 28%),#f4f7fb}.content{padding-top:26px}.stat-card{transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #173a5e12}.platform-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#092c4b,#0c527c 54%,#1686bc);color:#fff;border-radius:26px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 45px #113a5e28;margin-bottom:18px}.platform-hero:after{content:"";position:absolute;width:300px;height:300px;border:55px solid #ffffff10;border-radius:50%;right:-80px;top:-150px}.platform-hero span{font-size:10px;letter-spacing:2px;color:#a8d9f8;font-weight:900}.platform-hero h1{margin:7px 0;font-size:32px}.platform-hero p{margin:0;color:#d6eaf7;max-width:760px}.platform-live{position:relative;z-index:2;background:#ffffff16;border:1px solid #ffffff26;border-radius:999px;padding:11px 15px;font-size:12px;font-weight:800;display:flex;gap:8px;align-items:center}.platform-live i{width:8px;height:8px;background:#62e3a1;border-radius:50%;box-shadow:0 0 0 6px #62e3a126}.platform-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.platform-layout{display:grid;grid-template-columns:310px 1fr;gap:16px}.tenant-list{padding:12px;height:max-content}.tenant-head{display:flex;justify-content:space-between;align-items:center;padding:8px 7px 14px}.tenant-head h3,.tenant-head p{margin:0}.tenant-head p{font-size:11px;color:#8291a1;margin-top:3px}.tenant-list>button:not(.primary-compact){width:100%;border:0;background:transparent;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px;border-radius:14px;color:#28475f}.tenant-list>button.active,.tenant-list>button:hover{background:linear-gradient(90deg,#edf8ff,#f7fbfe)}.tenant-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1e6e9e,#38a5d7);color:#fff;display:grid;place-items:center;font-weight:900}.tenant-list b,.tenant-list small{display:block}.tenant-list small{color:#8493a3;margin-top:3px}.company-designer{padding:0;overflow:hidden}.designer-head{padding:22px 24px;background:linear-gradient(180deg,#fbfdff,#f7fafc);border-bottom:1px solid #e9eef3;display:flex;justify-content:space-between;align-items:center}.designer-head span{font-size:9px;letter-spacing:1.4px;color:#8a9aaa;font-weight:900}.designer-head h2{margin:4px 0 0}.admin-section{padding:22px 24px;border-bottom:1px solid #edf1f4}.admin-section:last-child{border-bottom:0}.admin-section>h3{margin:0 0 16px}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fafc;border:1px solid #e9eef3;border-radius:14px;padding:13px 14px}.toggle-row b,.toggle-row small{display:block}.toggle-row small{font-size:10px;color:#8997a6;margin-top:3px}.toggle-row input{display:none}.toggle-row>i{width:42px;height:24px;background:#cbd6df;border-radius:999px;position:relative;flex:0 0 auto;transition:.2s}.toggle-row>i:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 2px 8px #0002;transition:.2s}.toggle-row input:checked+i{background:#247ebb}.toggle-row input:checked+i:after{left:21px}.map-card{background:linear-gradient(135deg,#eef8ff,#f9fcff);border:1px solid #dcecf7;border-radius:18px;padding:17px}.map-grid{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.map-grid>div:first-child{min-height:150px;border-radius:15px;background:linear-gradient(145deg,#173f61,#247ebb);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px}.map-grid>div:first-child b{margin:8px 0 4px}.map-grid>div:first-child span{font-size:10px;color:#d4e9f7}.map-coordinates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.integration-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-card{background:#fff;border:1px solid #e4ebf1;border-radius:20px;padding:22px;display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;box-shadow:0 10px 30px #173a5e0d}.premium-card h2,.premium-card p{margin:0}.premium-card p{font-size:12px;color:#75879a;margin-top:6px}.premium-card span{font-size:9px;letter-spacing:1.3px;color:#8a9bab;font-weight:900}.integration-orb{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#173f61,#2e8fc5);color:#fff;display:grid;place-items:center}@media(max-width:1100px){.platform-layout{grid-template-columns:1fr}.tenant-list{display:grid;grid-template-columns:repeat(2,1fr)}.tenant-head{grid-column:1/-1}.platform-kpis{grid-template-columns:repeat(2,1fr)}.integration-cards{grid-template-columns:1fr}}@media(max-width:700px){.platform-hero{align-items:flex-start;flex-direction:column}.platform-kpis,.toggle-grid,.map-coordinates,.map-grid,.tenant-list{grid-template-columns:1fr}.designer-head{align-items:flex-start;gap:12px;flex-direction:column}}:root{--tenant-primary:#247ebb;--tenant-secondary:#123a5a;--tenant-accent:#2f9bd8}.sidebar nav button.active,.sidebar nav button:hover{background:var(--tenant-primary)}.avatar,.setup-icon{color:var(--tenant-primary)}.primary-btn,.primary-compact{background:var(--tenant-primary)}.company-login .login-hero{background:linear-gradient(145deg,var(--brand-secondary),var(--brand-primary));background-size:cover;background-position:center}.optional{font-weight:500;color:#91a0ad;font-size:10px}.admin-entry{margin:14px auto 0;display:flex;width:max-content;gap:6px;align-items:center;color:#577188;text-decoration:none;font-size:12px}.admin-entry:hover{color:#163d5d}.su-login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#061a2d;color:#fff}.su-login-art{padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 15% 20%,#1a69965c,transparent 25%),linear-gradient(145deg,#061729,#0b3151 70%,#0d567d)}.su-login-art>span,.su-kicker{font-size:10px;letter-spacing:2.3px;font-weight:900;color:#6fc2f0}.su-login-art h1{font-size:52px;margin:16px 0 14px}.su-login-art p{max-width:620px;color:#bcd4e5;font-size:18px;line-height:1.6}.su-mark{width:72px;height:72px;border:1px solid #ffffff26;background:#ffffff0e;border-radius:22px;display:grid;place-items:center}.su-mark svg{width:36px;height:36px;color:#7fd5ff}.su-security{margin-top:36px;display:flex;gap:9px;align-items:center;color:#a9c9dc;font-size:12px}.su-login-card{margin:auto;width:min(430px,88%);background:#fff;color:#16374f;padding:42px;border-radius:28px;box-shadow:0 35px 90px #0006}.su-login-card>img{width:180px}.su-login-card h2{font-size:29px;margin:13px 0 5px}.su-login-card>p{color:#7b8d9d;margin:0 0 23px}.su-login-card>label{display:block;font-size:12px;font-weight:800;margin:16px 0 7px}.su-signin{border:0;background:linear-gradient(90deg,#0b395d,#1677a8);color:#fff;height:52px;width:100%;border-radius:13px;font-weight:900;margin-top:17px}.su-login-card>a{display:block;text-align:center;color:#58728a;text-decoration:none;font-size:12px;margin-top:18px}.su-shell{min-height:100vh;background:#edf3f8;color:#18384f}.su-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#071d30;color:#b8ccda;display:flex;flex-direction:column}.su-brand{height:96px;padding:20px;background:#fff;display:flex;flex-direction:column;justify-content:center}.su-brand img{width:150px}.su-brand span{font-size:8px;letter-spacing:2px;color:#71869a;font-weight:900;margin:5px 0 0 43px}.su-sidebar nav{padding:18px 12px;display:flex;flex-direction:column;gap:5px}.su-sidebar nav button{border:0;background:transparent;color:#a9bfce;border-radius:11px;padding:12px 13px;display:flex;gap:11px;align-items:center;text-align:left}.su-sidebar nav button.active,.su-sidebar nav button:hover{background:linear-gradient(90deg,#124c72,#137daf);color:#fff}.su-side-foot{margin-top:auto;border-top:1px solid #ffffff12;padding:16px;display:flex;align-items:center;justify-content:space-between}.su-side-foot b,.su-side-foot span{display:block}.su-side-foot span{font-size:10px;color:#7190a5;margin-top:3px}.su-side-foot button{border:0;background:transparent;color:#9eb5c5}.su-main{margin-left:270px}.su-top{height:96px;background:#fff;border-bottom:1px solid #dfe7ee;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.su-top span{font-size:9px;letter-spacing:1.8px;color:#7e91a2;font-weight:900}.su-top h2{margin:4px 0 0}.su-health{display:flex;gap:8px;align-items:center;padding:9px 12px;background:#f3faf6;border:1px solid #d8eee1;border-radius:999px;color:#35754d;font-size:11px;font-weight:800}.su-health i{width:7px;height:7px;border-radius:50%;background:#34b56b}.su-content{padding:26px;max-width:1650px;margin:auto}.su-hero{background:linear-gradient(120deg,#071f35,#0b4b70 58%,#1389bc);color:#fff;padding:28px 32px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 50px #0d355729}.su-hero>div>span{font-size:9px;letter-spacing:2px;color:#75c9f4;font-weight:900}.su-hero h1{font-size:30px;margin:7px 0}.su-hero p{margin:0;color:#c7dfed;max-width:820px}.su-hero>svg{color:#72cef8;opacity:.75}.su-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.su-kpis>div,.su-card,.su-company-list,.su-editor{background:#fff;border:1px solid #dfe7ee;border-radius:18px;box-shadow:0 9px 28px #163a570a}.su-kpis>div{padding:19px}.su-kpis strong,.su-kpis span{display:block}.su-kpis strong{font-size:29px}.su-kpis span{font-size:11px;color:#7e91a2;margin-top:4px}.su-grid{display:grid;grid-template-columns:310px 1fr;gap:16px}.su-company-list{padding:10px;height:max-content}.su-list-head{display:flex;justify-content:space-between;align-items:center;padding:8px}.su-list-head button,.save,.add-location{border:0;background:#1679aa;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;display:flex;gap:6px;align-items:center}.su-company-list>button:not(.su-list-head button){width:100%;border:0;background:transparent;border-radius:12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px}.su-company-list>button:hover,.su-company-list>button.active{background:#eef7fc}.brand-swatch{width:42px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;font-weight:900}.su-company-list b,.su-company-list small{display:block}.su-company-list small{color:#8294a4;margin-top:3px}.su-editor{overflow:hidden}.su-editor-head{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;background:#f9fbfd;border-bottom:1px solid #e6edf2}.su-editor-head span{font-size:8px;letter-spacing:1.6px;color:#8496a5;font-weight:900}.su-editor-head h2{margin:4px 0 0}.su-section{padding:24px}.su-section>h3{margin:0 0 13px}.su-note{color:#76899a;font-size:12px;margin-top:-6px}.su-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.su-field span{display:block;font-size:10px;color:#718596;font-weight:800;margin:0 0 6px}.su-field input,.su-field select{width:100%;height:44px;border:1px solid #dfe8ef;background:#f9fbfd;border-radius:10px;padding:0 11px;color:#23435b}.su-field input[type=color]{padding:5px;height:44px}.su-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.su-toggle{background:#f8fafc;border:1px solid #e4ebf1;border-radius:12px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center}.su-toggle span b,.su-toggle span small{display:block}.su-toggle span small{font-size:9px;color:#8092a2;margin-top:3px}.su-toggle input{display:none}.su-toggle>i{width:42px;height:24px;background:#cbd7df;border-radius:999px;position:relative}.su-toggle>i:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 2px 5px #0002}.su-toggle input:checked+i{background:#1684b9}.su-toggle input:checked+i:after{left:21px}.su-divider{height:1px;background:#e7edf2;margin:18px 0}.branding-preview{height:170px;border-radius:18px;background:linear-gradient(135deg,var(--s),var(--p));color:#fff;display:grid;grid-template-columns:150px 1fr;align-items:center;padding:20px;overflow:hidden}.preview-side{width:105px;height:105px;background:#fff;border-radius:18px;display:grid;place-items:center;color:var(--p);font-size:40px;font-weight:900}.preview-side img{max-width:90px;max-height:80px}.branding-preview small,.branding-preview b{display:block}.branding-preview b{font-size:27px;margin:5px 0 13px}.branding-preview button{border:0;background:var(--a);color:#fff;border-radius:10px;padding:9px 13px;font-weight:800}.location-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.location-list>div{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;background:#f8fafc;border:1px solid #e4ebf1;border-radius:12px;padding:10px}.location-list svg{color:#1684b9}.location-list b,.location-list small{display:block}.location-list small{color:#8294a4;margin-top:3px}.location-list button{border:0;background:transparent;color:#b94b4b}.new-location{border:1px dashed #cfdce6;border-radius:15px;padding:17px}.integration-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-choice button{border:1px solid #dfe8ef;background:#f9fbfd;border-radius:15px;padding:20px;text-align:left;color:#2a4b63}.integration-choice button.active{border-color:#1684b9;background:#ecf8fd;box-shadow:0 0 0 2px #1684b916}.integration-choice svg,.integration-choice b,.integration-choice span{display:block}.integration-choice svg{color:#1684b9}.integration-choice b{margin:9px 0 4px}.integration-choice span{font-size:11px;color:#7d8f9f}.su-overview{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.su-card{padding:20px}.tenant-health{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf1f4}.tenant-health i{width:9px;height:9px;border-radius:50%}.tenant-health b,.tenant-health small{display:block}.tenant-health small{color:#8294a4;margin-top:3px}.tenant-health em{font-style:normal;font-size:10px;background:#eef5f9;padding:5px 8px;border-radius:99px}.control-model{text-align:center;padding:25px 10px}.control-model svg{width:44px;height:44px;color:#1684b9}.control-model b{display:block;font-size:18px;margin:11px}.control-model p{color:#75899a;font-size:12px;line-height:1.6}.su-security-panel{display:flex;gap:18px;background:#eff8fd;border:1px solid #d6eaf5;border-radius:16px;padding:20px}.su-security-panel>svg{color:#1684b9;flex:0 0 auto}.su-security-panel p{color:#6f8496}.su-security-panel code{display:block;width:max-content;margin:7px 0;background:#143c58;color:#d9effa;padding:5px 8px;border-radius:6px}@media(max-width:1000px){.su-grid,.su-overview{grid-template-columns:1fr}.su-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.su-login-page{grid-template-columns:1fr}.su-login-art{display:none}.su-sidebar{width:78px}.su-sidebar .su-brand img{width:45px}.su-sidebar .su-brand span,.su-sidebar nav button{font-size:0}.su-sidebar nav button{justify-content:center}.su-main{margin-left:78px}.su-form-grid,.su-toggle-grid,.integration-choice{grid-template-columns:1fr}.su-kpis{grid-template-columns:1fr 1fr}.su-hero>svg{display:none}}.branding-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.upload-field{border:1px solid #dfe8ef;background:#f9fbfd;border-radius:14px;padding:13px}.upload-label b,.upload-label small{display:block}.upload-label small{font-size:9px;color:#8193a2;margin-top:3px}.upload-preview{height:90px;border:1px dashed #cad8e3;background:#fff;border-radius:11px;display:grid;place-items:center;margin:11px 0;overflow:hidden;color:#93a3b0;font-size:11px}.upload-button{border:0;background:#1679aa;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800;display:inline-flex;gap:7px;align-items:center;font-size:11px;cursor:pointer}.remove-asset{border:0;background:transparent;color:#b14b4b;font-size:10px;margin-left:7px}.color-control{display:grid;grid-template-columns:54px 1fr;gap:8px}.su-field .color-picker{padding:4px;width:54px}.su-field .hex-input{text-transform:lowercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.theme-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #e6edf2}.theme-presets>span{font-size:10px;color:#718596;font-weight:900;margin-right:4px}.theme-presets button{border:1px solid #dbe5ec;background:#fff;color:#36556b;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.existing-bc-card{display:grid;grid-template-columns:54px 1fr minmax(220px,300px);gap:14px;align-items:center;background:linear-gradient(120deg,#eef8fd,#f8fbfd);border:1px solid #cfe6f2;border-radius:16px;padding:16px;margin:0 0 18px}.existing-bc-icon{width:48px;height:48px;border-radius:13px;background:#157eae;color:#fff;display:grid;place-items:center}.existing-bc-info>span{font-size:8px;letter-spacing:1.4px;color:#6f8a9d;font-weight:900}.existing-bc-info h4{margin:4px 0;font-size:17px}.existing-bc-info p,.existing-bc-info small{margin:0;color:#6f8496;font-size:10px;line-height:1.45}.existing-bc-info small{display:block;margin-top:5px}.existing-bc-action{display:flex;flex-direction:column;gap:7px}.existing-bc-action label{font-size:9px;color:#718596;font-weight:800}.existing-bc-action input{display:block;width:100%;height:38px;margin-top:4px;border:1px solid #d7e4ec;border-radius:9px;background:#fff;padding:0 10px}.existing-bc-action button{height:40px;border:0;border-radius:9px;background:#157eae;color:#fff;font-weight:850;font-size:11px}.integration-note{margin-top:14px;padding:10px 12px;background:#f5f8fb;border-radius:10px;color:#718596;font-size:10px}.branding-preview{background-size:cover;background-position:center}@media(max-width:1100px){.branding-upload-grid{grid-template-columns:1fr}.existing-bc-card{grid-template-columns:48px 1fr}.existing-bc-action{grid-column:1/-1}}.mode-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.mode-explainer>div{border:1px solid #dfe8f1;border-radius:16px;padding:16px;background:#f9fbfd;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:start}.mode-explainer svg{grid-row:1/3;color:var(--tenant-primary,#247ebb)}.mode-explainer b{color:#173a5e}.mode-explainer span{font-size:12px;color:#718096;line-height:1.5}.route-table{border:1px solid #dfe8f1;border-radius:16px;overflow:hidden;margin-top:16px}.route-head,.route-row{display:grid;grid-template-columns:1.3fr .85fr 1.6fr .45fr .65fr;gap:10px;align-items:center;padding:12px 14px}.route-head{background:#f1f6fa;color:#58708a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.route-row{border-top:1px solid #edf2f6;background:#fff}.route-row>span:first-child{display:flex;flex-direction:column}.route-row small{font-size:11px;color:#8293a5;margin-top:3px}.route-row select,.route-row input[type=text],.route-row input:not([type]){width:100%;border:1px solid #dbe5ee;border-radius:10px;padding:9px;background:#fff}.route-row input[type=checkbox]{width:18px;height:18px}.route-status{display:inline-flex;justify-content:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef3f7;color:#5f7285}.route-status.connected,.route-status.native{background:#e7f8f1;color:#18885e}.route-status.failed{background:#fff0f0;color:#c23e3e}.route-status.configured,.route-status.nottested{background:#fff7df;color:#9b7412}.api-group{margin-top:20px}.api-group h4{margin:0 0 10px;color:#173a5e}.api-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px;border:1px solid #e1e9f0;border-radius:14px;margin-bottom:9px;background:#fff;align-items:center}.api-icon{width:38px;height:38px;border-radius:12px;background:#eff7fc;display:grid;place-items:center;color:#247ebb}.api-main>div{display:flex;gap:8px;align-items:center}.api-main>div span{font-size:10px;background:#eef3f7;padding:3px 7px;border-radius:999px;color:#65788b}.api-main p{margin:5px 0;color:#65788b;font-size:12px}.api-main small{color:#526b82}.api-main em{display:block;color:#bd3d3d;font-size:11px;margin-top:5px}.api-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.api-actions button{display:flex;gap:6px;align-items:center;border:1px solid #cddce8;background:#fff;border-radius:9px;padding:7px 10px;color:#1d5f91;font-weight:700}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.upload-field{border:1px solid #dfe8f1;border-radius:14px;padding:13px;background:#fafcfe}.upload-label{display:flex;flex-direction:column;gap:2px}.upload-label small{color:#8293a5}.upload-preview{height:100px;margin:10px 0;border-radius:10px;background:#edf3f7;display:grid;place-items:center;overflow:hidden}.upload-preview img{width:100%;height:100%;object-fit:contain}.upload-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#247ebb;color:#fff;border-radius:9px;padding:8px;font-weight:700;cursor:pointer}.upload-button input{display:none}.remove-asset{margin-top:6px;width:100%;border:0;background:transparent;color:#b43b3b}.color-control{display:flex;gap:8px}.color-picker{width:46px!important;padding:2px!important}.hex-input{flex:1}.branding-preview{min-height:160px;border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,var(--s,#123a5a),var(--p,#247ebb));background-size:cover;background-position:center;color:#fff}.preview-side{width:74px;height:74px;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--p,#247ebb);font-size:28px;font-weight:900}.preview-side img{width:100%;height:100%;object-fit:contain}.branding-preview small{opacity:.8}.branding-preview h2{margin:4px 0 10px}.branding-preview button{border:0;border-radius:8px;background:var(--p,#247ebb);color:#fff;padding:8px 12px}.branding-preview span{margin-left:10px;color:var(--a,#2f9bd8);background:#fff;padding:7px 10px;border-radius:8px}.location-list{display:grid;gap:8px;margin-bottom:16px}.location-row{display:flex;align-items:center;gap:10px;border:1px solid #e1e9f0;border-radius:12px;padding:11px}.location-row>span{display:flex;flex-direction:column;flex:1}.location-row small{color:#718096}.location-row button{border:0;background:#fff0f0;color:#c33;border-radius:8px;padding:7px}@media(max-width:1000px){.mode-explainer,.upload-grid{grid-template-columns:1fr}.route-head{display:none}.route-row{grid-template-columns:1fr;gap:8px}.api-card{grid-template-columns:auto 1fr}.api-actions{grid-column:1/-1;flex-direction:row;align-items:center}}.hr-config-panel{margin-top:16px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.config-nested{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-group{grid-column:1/-1;border:1px solid #dfe8f1;border-radius:14px;padding:14px}.config-group legend{padding:0 8px;font-weight:800;color:#244d70}.config-switch{display:flex;justify-content:space-between;align-items:center;border:1px solid #e1e9f0;border-radius:12px;padding:12px;background:#fafcfe}.config-switch span{font-weight:700;color:#38536c}.config-switch input{width:19px;height:19px}.config-array{grid-column:1/-1}.config-array textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.field-error{color:#c53d3d;margin-top:4px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{border:1px solid #d4e0ea;background:#fff;border-radius:8px;padding:6px 9px;color:#28678f;font-weight:700}@media(max-width:800px){.config-grid,.config-nested{grid-template-columns:1fr}}