:root{--ink:#1f2933;--muted:#8993a4;--soft:#f6f7f9;--line:#e8ebf0;--white:#fff;--blue:#5e71df;--blue-dark:#5365d2;--navy:#2a3545;--green:#56b98b;--coral:#ed8d85;--amber:#e1aa5a;--shadow:0 16px 40px rgba(47,58,82,.07)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--soft);font-family:"DM Sans",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(94,113,223,.2);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 16px 17px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--blue);color:#fff;font:800 20px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#d6dcff}.brand-name{font:800 17px/1 "Plus Jakarta Sans",sans-serif;color:#283342;letter-spacing:-.8px}.brand-name strong{color:var(--blue)}.brand-sub{font-size:9px;color:#a2a9b7;margin-top:4px;letter-spacing:.2px}.workspace-switcher{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:9px 8px;margin-bottom:28px}.workspace-avatar{display:grid;place-items:center;background:#fce6d8;color:#be6e4c;border-radius:8px;width:29px;height:29px;font-weight:700}.workspace-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.workspace-copy strong{font-size:12px}.workspace-copy span,.profile-mini span{font-size:10px;color:var(--muted)}.icon-button{position:relative;background:transparent;color:#9ca5b4;padding:6px;font-size:16px}.icon-button.tiny{font-size:15px;padding:2px}.has-dot:after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;background:var(--coral);border-radius:50%;border:2px solid #fff;box-sizing:content-box}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-label{padding:0 12px 8px;color:#b0b7c3;font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.nav-label.second{margin-top:22px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border-radius:9px;padding:11px 12px;background:transparent;color:#7e8899;text-align:left;font-size:13px;transition:.2s}.nav-item:hover{background:#f7f8fb;color:var(--ink)}.nav-item.active{background:#eff1ff;color:var(--blue);font-weight:700}.nav-icon{font-size:18px;line-height:14px;width:16px;text-align:center}.nav-count{margin-left:auto;min-width:21px;padding:3px 5px;border-radius:10px;color:#9ea7b6;text-align:center;font-size:10px;font-weight:600}.nav-count.alert{color:#da7e78;background:#fff0ee}.sidebar-foot{margin-top:auto}.tip-card{background:#f2f3ff;border-radius:13px;padding:14px 14px 12px;color:#5f6cc3}.tip-spark{font-size:17px;color:#8995e7;margin-bottom:8px}.tip-card strong{display:block;font-size:12px}.tip-card p{font-size:11px;line-height:1.45;color:#8993ce;margin:5px 0 8px}.text-button,.inline-link{background:transparent;color:var(--blue);font-size:11px;font-weight:700;padding:0}.profile-mini{display:flex;align-items:center;gap:9px;margin:18px 4px 0}.profile-mini>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.profile-mini strong{font-size:12px}.avatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:33px;height:33px;font-size:10px;font-weight:700}.avatar-indigo{background:#e2e6ff;color:#5365d2}.avatar-pink{background:#fae2e4;color:#c97980}.avatar-green{background:#dff3e9;color:#4e9f79}.avatar-yellow{background:#fff0d5;color:#bd8843}.avatar-purple{background:#eee5ff;color:#8d72c9}.avatar-blue{background:#dfeefd;color:#568ebf}.main-content{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;padding:0 40px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.76)}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#b1b8c4;font-size:12px}.breadcrumbs i{font-style:normal;color:#d2d6dc}.breadcrumbs strong{color:#687487;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px;margin-left:auto}.search-box,.local-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;height:36px;padding:0 10px;color:#a1a9b7}.search-box{width:214px}.search-box input,.local-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:12px}.search-box input::placeholder,.local-search input::placeholder{color:#aeb5c1}.search-box kbd{font:10px "DM Sans";background:#f5f6f8;border:1px solid #eceef2;color:#b0b6c0;border-radius:4px;padding:2px 4px;white-space:nowrap}.top-divider{height:23px;border-left:1px solid var(--line)}.mobile-brand,.mobile-menu{display:none}.page-wrap{max-width:1320px;margin:0 auto;padding:40px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:#a3acba;letter-spacing:1.4px;font-size:9px;font-weight:700;margin-bottom:9px}.page-heading h1{font:800 28px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-1.4px;margin:0;color:#273343}.page-heading h1 span{color:#e4b257;font-size:20px;vertical-align:4px}.page-heading p{color:#929baa;font-size:13px;margin:9px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 15px;font-weight:700;font-size:12px;transition:.2s}.button-primary{color:#fff;background:var(--blue);box-shadow:0 5px 12px rgba(94,113,223,.2)}.button-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button-soft{color:var(--blue);background:#eff1ff}.button-soft:hover{background:#e5e8ff}.button-ghost{background:transparent;color:#8c96a5}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:21px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px 15px;min-height:137px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;right:-22px;bottom:-28px;background:currentColor;opacity:.06}.metric-card.accent-blue{color:#6b7be0}.metric-card.accent-amber{color:#d9a65a}.metric-card.accent-coral{color:#e58780}.metric-card.accent-mint{color:#56b98b}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:9px;letter-spacing:.9px;font-weight:700;color:#9da6b4}.metric-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:currentColor;color:inherit;font-size:16px}.metric-card.accent-blue .metric-icon{background:#eef0ff}.metric-card.accent-amber .metric-icon{background:#fff6e7}.metric-card.accent-coral .metric-icon{background:#fff0ee}.metric-card.accent-mint .metric-icon{background:#edf9f2}.metric-value{font:700 29px/1 "Plus Jakarta Sans",sans-serif;color:#2d3848;margin-top:18px;letter-spacing:-1px}.metric-note{font-size:10px;color:#a2aab7;margin-top:10px}.trend-up{color:#56b98b;font-weight:700}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 20px 14px;gap:14px}.panel-header h2{font:700 15px "Plus Jakarta Sans",sans-serif;margin:0;color:#303b4b;letter-spacing:-.3px}.panel-header p{font-size:11px;color:#a0a8b4;margin:6px 0 0}.panel-header .inline-link{padding-top:3px;white-space:nowrap}.person-list{padding:0 20px 15px}.person-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f0f1f4}.person-row:first-child{border-top:0}.person-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.person-meta strong{font-size:12px;color:#364151}.person-meta span{font-size:10px;color:#a3abb6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-date{font-size:10px;color:#a3abb6}.panel-emoji{font-size:20px;color:#e1b15f}.birthdays-panel{min-width:0}.birthday-list{padding:0 20px}.birthday-item{display:flex;align-items:center;gap:10px;padding:9px 0}.date-tile{width:35px;text-align:center;line-height:1}.date-tile strong{display:block;font:700 17px "Plus Jakarta Sans";color:#394556}.date-tile span{font-size:8px;color:#adb4bf;letter-spacing:.3px}.birthday-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.birthday-copy strong{font-size:11px;color:#3e4958}.birthday-copy span{font-size:10px;color:#a6adb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.birthday-cake{font-size:15px;color:#dbad62}.birthday-footer{border-top:1px solid #f0f1f4;margin-top:8px;width:100%;text-align:left;background:transparent;color:var(--blue);font-weight:700;font-size:10px;padding:13px 20px}.birthday-footer span{float:right}.leave-preview{margin-bottom:25px}.leave-preview-list{padding:0 20px 13px}.leave-preview-row{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0f1f4}.leave-person{display:flex;align-items:center;gap:9px}.leave-person strong{font-size:11px}.leave-person span,.leave-type,.leave-days{font-size:10px;color:#a0a8b5}.leave-type{color:#687486}.leave-days{text-align:right}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pending{background:#fff4df;color:#c8913f}.status-approved{background:#e8f7ef;color:#48a479}.status-rejected{background:#fff0ef;color:#d27c77}.action-dots{background:transparent;color:#a9b0bc;letter-spacing:1px;font-weight:bold}.view{display:none}.view.active{display:block}.toolbar{display:flex;gap:9px;margin:-5px 0 15px}.local-search{width:295px}.filter-button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 13px;color:#778294;font-size:11px}.filter-button span{margin-left:14px;color:#a2aab6}.view-toggle{display:flex;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px}.view-toggle button{color:#a2aab6;background:transparent;border-radius:5px;padding:4px 8px;font-size:16px}.view-toggle button.selected{background:#eff1ff;color:var(--blue)}.filter-row{display:flex;gap:8px;margin:-4px 0 15px}.filter-row.hidden{display:none}.filter-chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 11px;color:#8993a1;font-size:10px}.filter-chip.selected{color:var(--blue);background:#eff1ff;border-color:#dce1ff}.table-panel{overflow:hidden}.table-summary{display:flex;align-items:center;gap:18px;padding:18px 20px 10px;font-size:11px;color:#9ca5b3}.table-summary strong{color:#455163;font-size:12px}.status-legend{display:flex;align-items:center;gap:5px}.status-legend i{width:6px;height:6px;border-radius:50%;background:#55bb88}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;padding:11px 20px;color:#adb4c0;font-size:9px;letter-spacing:.8px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 20px;color:#687486;font-size:11px;border-bottom:1px solid #f0f1f4;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:9px}.table-person strong{display:block;color:#354152;font-size:11px}.table-person span{display:block;color:#a2aab6;font-size:10px;margin-top:3px}.department{color:#7d8795}.leave-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.leave-stat{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px}.leave-stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:18px}.leave-stat-icon.blue{background:#eff1ff;color:#6b7be0}.leave-stat-icon.green{background:#eaf8f0;color:#56b98b}.leave-stat-icon.amber{background:#fff5e3;color:#dbab5b}.leave-stat div{display:flex;flex-direction:column;gap:4px}.leave-stat span:not(.leave-stat-icon){font-size:10px;color:#9da6b3}.leave-stat strong{font:700 20px "Plus Jakarta Sans";color:#354152}.leave-stat small{font:500 10px "DM Sans";color:#a2aab6}.leave-table-panel .panel-header{align-items:center;padding-bottom:18px}.segmented{display:flex;padding:3px;background:#f7f8fa;border-radius:7px}.segmented button{background:transparent;border-radius:5px;padding:7px 10px;color:#929baa;font-size:10px}.segmented button.active{background:#fff;color:#5263d1;box-shadow:0 2px 6px rgba(40,52,72,.06);font-weight:700}.segmented b{background:#ffe8df;color:#d57e73;border-radius:8px;padding:1px 4px;margin-left:3px;font-size:9px}.settings-panel{max-width:730px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f0f1f4;gap:20px}.settings-row:last-child{border:0}.settings-row h2{font:700 13px "Plus Jakarta Sans";color:#354152;margin:0}.settings-row p{color:#9ba4b1;font-size:11px;margin:5px 0 0}.switch input{display:none}.switch span{display:block;width:38px;height:22px;border-radius:20px;background:#dfe3e9;position:relative}.switch span:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #c4c8d0}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{left:19px}.plan-pill{background:#eaf8f0;color:#4ca67a;font-size:10px;font-weight:700;border-radius:20px;padding:6px 9px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(38,48,65,.38);z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:15px;width:100%;max-width:555px;box-shadow:0 24px 80px rgba(32,42,60,.2);animation:pop .2s ease-out}.modal-header{display:flex;justify-content:space-between;padding:25px 26px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font:800 21px "Plus Jakarta Sans";letter-spacing:-.8px;margin:0;color:#2e3949}.modal-header p{font-size:11px;color:#a0a8b5;margin:7px 0 0}.close-button{background:transparent;color:#a1a9b5;font-size:25px;line-height:20px;padding:0 3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:24px 26px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field span{font-size:10px;font-weight:700;color:#657185}.field span b,.required-note b{color:#dd8078}.field input,.field select{height:39px;padding:0 11px;border:1px solid #e2e6ec;border-radius:7px;outline:0;color:#3d4858;background:#fff;font-size:11px}.field input::placeholder{color:#b1b8c2}.field input:focus,.field select:focus{border-color:#9ba7eb;box-shadow:0 0 0 3px #f0f2ff}.modal-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 26px}.modal-foot>div{display:flex;gap:7px}.required-note{color:#abb2bd;font-size:10px}.toast{position:fixed;z-index:20;right:26px;bottom:24px;display:flex;align-items:center;gap:10px;background:#293647;color:#fff;border-radius:9px;padding:11px 14px;box-shadow:0 12px 30px rgba(30,41,59,.18);font-size:11px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast-icon{display:grid;place-items:center;background:#59b789;color:#fff;border-radius:50%;width:17px;height:17px;font-size:11px;font-weight:bold}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){.sidebar{width:215px}.topbar{padding:0 25px}.page-wrap{padding:30px 25px}.content-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:fixed;z-index:8;left:-250px;top:0;bottom:0;transition:.25s;box-shadow:0 10px 35px rgba(25,35,50,.14)}.sidebar.open{left:0}.topbar{height:60px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:7px;font:800 16px "Plus Jakarta Sans";color:#5365d2}.mobile-brand .brand-mark{width:29px;height:29px;font-size:16px;border-radius:8px}.mobile-menu{display:block;margin-left:7px;font-size:18px}.breadcrumbs{display:none}.top-actions{gap:10px}.top-actions .search-box,.top-actions .top-divider,.top-actions>.avatar{display:none}.page-wrap{padding:26px 16px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.heading-dashboard{flex-direction:column}.page-heading h1{font-size:25px}.page-heading .button{width:100%}.metric-grid{gap:9px}.metric-card{min-height:124px;padding:13px}.metric-value{font-size:25px;margin-top:15px}.metric-note{font-size:9px}.content-grid{gap:10px}.panel-header{padding:16px}.person-list,.birthday-list,.leave-preview-list{padding-left:16px;padding-right:16px}.toolbar{flex-wrap:wrap}.local-search{width:100%}.view-toggle{margin-left:0}.leave-preview-row{grid-template-columns:1.4fr 1fr auto}.leave-preview-row .leave-days{display:none}.leave-preview-row .status{font-size:8px}.leave-summary-grid{grid-template-columns:1fr;gap:8px}.leave-table-panel .panel-header{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.form-grid{grid-template-columns:1fr;padding:20px}.field.full{grid-column:auto}.modal-foot{padding:14px 20px;align-items:flex-start;gap:8px;flex-direction:column}.modal-foot>div{width:100%}.modal-foot .button{flex:1}.modal-foot>div .button-primary{flex:1}.toast{right:15px;bottom:15px}.birthday-item{gap:7px}.table-summary{padding-left:16px;padding-right:16px}}

/* HR Lite V1 secure app additions */
.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;background:#f5f6fb;position:relative;overflow:hidden;padding:24px}.auth-card{width:100%;max-width:410px;background:#fff;border:1px solid #e6e9f0;border-radius:18px;padding:31px 35px 24px;box-shadow:0 26px 70px rgba(39,53,89,.1);position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:45px}.auth-copy{margin-bottom:23px}.auth-copy h1{font:800 35px/1.1 "Plus Jakarta Sans";letter-spacing:-1.8px;color:#263245;margin:0}.auth-copy h1 em{font-style:normal;color:#6372df}.auth-copy p{font-size:12px;line-height:1.5;color:#99a2b1;margin:12px 0 0}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:10px;font-weight:700;color:#657185}.field>span b{color:#dd8078}.field input,.field select{height:40px;padding:0 11px;border:1px solid #e2e6ec;border-radius:7px;outline:0;color:#3d4858;background:#fff;font-size:11px}.field input:focus,.field select:focus{border-color:#9ba7eb;box-shadow:0 0 0 3px #f0f2ff}.button.wide{width:100%;height:42px;margin-top:4px}.login-error{min-height:15px;color:#d47b76;font-size:10px}.demo-login{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f3;margin-top:17px;padding-top:17px;gap:10px}.demo-login>span{color:#adb4c0;font-size:10px}.demo-login>div{display:flex;gap:5px}.demo-login button{background:#f1f3ff;color:#6372d6;border-radius:5px;padding:6px 7px;font-size:9px}.auth-note{position:absolute;bottom:25px;color:#9ba4b4;font-size:10px;z-index:1}.secure-dot,.drive-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58b98b;margin-right:5px}.auth-orbit{position:absolute;border:1px solid rgba(99,114,223,.14);border-radius:50%}.orbit-one{width:650px;height:650px;left:-210px;top:-250px}.orbit-two{width:460px;height:460px;right:-120px;bottom:-180px;border-color:rgba(232,148,135,.14)}.workspace-chevron{color:#abb3bf;font-size:15px}.secure-pill{display:flex;align-items:center;gap:5px;border-radius:20px;background:#ecf8f1;color:#4ca477;font-size:9px;padding:6px 9px;letter-spacing:.3px}.secure-pill span{display:block;width:5px;height:5px;background:#55b886;border-radius:50%}.nav-count.coral{background:#fff0ee;color:#d97d74}.drive-status{display:flex;align-items:center;gap:9px;background:#f5fbf7;border:1px solid #e0f1e7;border-radius:9px;padding:10px;margin:0 4px 16px}.drive-icon{color:#55b886;font-size:12px}.drive-status>div{display:flex;flex:1;flex-direction:column;gap:2px}.drive-status strong{font-size:10px;color:#4b9d74}.drive-status span{font-size:9px;color:#9ba9a3}.drive-status i{margin:0;background:#55b886}.data-layer{padding:0 20px 11px}.data-layer-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f1f4}.data-layer-row:first-child{border-top:0}.data-layer-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.data-layer-row strong{font-size:11px;color:#3d4959}.data-layer-row small{color:#a3abb5;font-size:9px}.data-layer-row>b{font-size:12px;color:#aab2be;font-weight:400}.layer-dot{width:8px;height:8px;border-radius:50%}.layer-dot.blue{background:#7887e4}.layer-dot.coral{background:#eb9188}.layer-dot.green{background:#5db98b}.permission-note{display:flex;align-items:center;gap:6px;background:#edf8f1;color:#4da579;border-radius:8px;font-size:10px;padding:0 12px}.permission-note span{font-size:13px}.source-legend{display:flex;align-items:center;gap:5px;color:#9ba5b1;font-size:10px}.source-legend i{width:6px;height:6px;border-radius:50%;background:#5db98b}.payslip-callout{display:flex;align-items:center;gap:13px;background:#eff1ff;border:1px solid #dfe3ff;border-radius:11px;padding:14px 17px;margin-bottom:16px;color:#5b6bd4}.callout-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#dfe3ff;font-size:17px}.payslip-callout div:nth-child(2){flex:1}.payslip-callout strong{font-size:12px}.payslip-callout p{font-size:10px;color:#8b96d3;margin:5px 0 0}.payslip-callout>span{font-size:9px;color:#8b96d3}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.import-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.upload-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:19px;margin-bottom:14px}.upload-mark.coral{background:#fff0ee;color:#db857c}.upload-mark.blue{background:#eff1ff;color:#6574db}.import-card h2{font:700 15px "Plus Jakarta Sans";margin:0;color:#344051}.import-card>p{font-size:11px;color:#a0a9b5;margin:6px 0 18px}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:99px;background:#fafbfc;border:1px dashed #d9dde6;border-radius:9px;color:#8590a0;text-align:center;margin-bottom:13px}.file-drop input{display:none}.file-drop strong{font-size:11px;color:#647188}.file-drop span{font-size:9px;color:#adb5c0}.button-secondary{background:#edf8f1;color:#4d9d76}.import-log{overflow:hidden}.log-list{padding:0 20px 14px}.log-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f1f4}.log-row>span{font-size:16px}.log-row div{display:flex;flex:1;flex-direction:column;gap:3px}.log-row strong{font-size:10px;color:#4c5868}.log-row small{font-size:9px;color:#a3acb7}.log-row time{font-size:9px;color:#acb4bf}.empty-state{padding:24px!important;text-align:center;color:#a5adb8;font-size:11px!important}.connected-pill,.security-badge{font-size:10px;font-weight:700;border-radius:20px;padding:6px 9px}.connected-pill{background:#eaf8f0;color:#4ca578}.security-badge{background:#eff1ff;color:#6574d7}
@media(max-width:720px){.auth-card{padding:26px 22px 20px}.auth-brand{margin-bottom:35px}.auth-copy h1{font-size:31px}.auth-note{bottom:13px}.import-grid{grid-template-columns:1fr}.secure-pill{display:none}.permission-note{height:34px}.payslip-callout{align-items:flex-start}.payslip-callout>span{display:none}}
.small{padding:7px 9px;font-size:9px;white-space:nowrap}.sub-cell{display:block;color:#a2aab6;font-size:9px;margin-top:4px}.deduction{color:#c9857d}.net-pay{color:#4ea477}.app-shell .page-heading{align-items:flex-end}.app-shell .page-heading p{max-width:560px}.app-shell a{text-decoration:none}.app-shell .button-secondary{border:0}.app-shell .button-ghost{background:transparent}.app-shell .table-person .avatar{width:30px;height:30px}.app-shell td strong{color:#405064}.app-shell td span:not(.status){font-size:10px}.app-shell .table-wrap table{min-width:820px}
.google-signin{display:flex;justify-content:center;min-height:44px;margin:8px 0 12px}.google-login-note{text-align:center;color:#6f7888;font-size:12px;margin-bottom:12px}