:root{color:#172033;font-synthesis:none;--blue:#356ed8;--blue2:#4e7ee2;--line:#e7ebf2;--muted:#8b95a7;--green:#29a36a;--sidebar:#172238;background:#f6f8fc;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:#f6f8fc;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:linear-gradient(#18243a,#121b2d);flex-direction:column;width:260px;padding:27px 20px 18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.brand{align-items:center;gap:11px;padding:0 8px 29px;display:flex}.brand>span,.gate-brand>span{background:linear-gradient(135deg,#4d83e7,#285fc9);border-radius:11px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid;box-shadow:0 8px 20px #285fc944}.brand div{flex-direction:column;display:flex}.brand strong{font-size:15px}.brand small{color:#8998b2;margin-top:2px}.mobile-close{display:none}.side-month{background:#ffffff0b;border:1px solid #ffffff0e;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px;display:flex}.side-month>svg{color:#74a0f3;width:19px}.side-month div{flex-direction:column;display:flex}.side-month strong{font-size:14px}.side-month small{color:#7d8aa3;margin-top:3px;font-size:11px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav>small{color:#60708d;text-transform:uppercase;letter-spacing:.13em;margin:10px 12px 3px;font-size:10px}.sidebar nav button{color:#93a0b7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:flex}.sidebar nav button svg{width:18px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff0e}.sidebar nav button.active{box-shadow:inset 3px 0 #5b8bea}.privacy{color:#6fdeb5;background:#153548;border:1px solid #245165;border-radius:12px;align-items:flex-start;gap:11px;margin-top:auto;padding:14px;display:flex}.privacy svg{width:20px}.privacy strong{color:#b8f0dc;font-size:12px}.privacy p{color:#65a994;margin:3px 0 0;font-size:10px}.sidebar-foot{color:#516078;justify-content:space-between;padding:18px 4px 0;font-size:9px;display:flex}.main-content{min-height:100vh;margin-left:260px;padding:0 55px 50px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.eyebrow,.page-heading>p{letter-spacing:.24em;color:#98a3b4;font-size:9px;font-weight:800}.top-actions{align-items:center;gap:13px;display:flex}.icon-button{color:#66748b;background:#fff;border:0;border-radius:10px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 2px 10px #15284a09}.icon-button svg{width:17px}.notification{position:relative}.notification:after{content:"";background:#ef5b61;border:2px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:9px}.profile-button{color:#172033;background:0 0;border:0;align-items:center;gap:9px;display:flex}.profile-button>span:nth-child(2){text-align:left;flex-direction:column;display:flex}.profile-button strong{font-size:12px}.profile-button small{color:#9ba5b5;font-size:9px}.profile-button>svg{color:#9aa4b3;width:13px}.avatar{color:#356ed8;background:#e6efff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700;display:grid}.welcome{justify-content:space-between;align-items:flex-end;padding:39px 0 27px;display:flex}.welcome h1,.page-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:26px}.welcome p,.page-heading span{color:#8c96a8;margin:0;font-size:12px}.month-picker{position:relative}.month-picker>button{border:1px solid var(--line);color:#29364a;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-width:185px;padding:10px 13px;display:flex;box-shadow:0 4px 18px #21345708}.month-picker span{text-align:left;flex-direction:column;display:flex}.month-picker strong{font-size:12px}.month-picker small{color:#9aa4b3;margin-top:2px;font-size:9px}.month-picker svg{width:14px}.month-menu{border:1px solid var(--line);z-index:10;background:#fff;border-radius:12px;width:100%;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #17294718}.month-menu button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;width:100%;padding:9px;font-size:11px;display:flex}.month-menu button:hover{background:#f3f6fb}.month-menu svg{width:13px;color:var(--blue)}.dashboard-grid{grid-template-columns:1.05fr 1.35fr;gap:20px;display:grid}.pay-card{color:#fff;background:linear-gradient(145deg,#4479df,#2f64ca);border-radius:16px;min-height:275px;padding:25px 27px 22px;position:relative;overflow:hidden;box-shadow:0 17px 38px #2d68d126}.pay-card:before{content:"";border:48px solid #ffffff08;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-110px}.pay-card-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.pay-card-head em,.history-row em{color:#21875a;background:#d9f5e7;border-radius:20px;padding:5px 10px;font-size:9px;font-style:normal}.pay-card p{color:#bed1f4;align-items:center;gap:7px;margin:30px 0 6px;font-size:10px;display:flex}.pay-card p button{color:#d9e5fb;background:0 0;border:0;padding:0;display:flex}.pay-card p svg{width:14px}.net-pay{letter-spacing:.02em;font-size:31px;font-weight:800}.pay-summary{margin-top:24px;display:flex}.pay-summary span{color:#b9cef4;flex-direction:column;padding-right:35px;font-size:9px;display:flex}.pay-summary span+span{border-left:1px solid #ffffff26;padding-left:35px}.pay-summary strong{color:#fff;margin-top:5px;font-size:11px}.card-primary{color:#fff;background:#ffffff16;border:1px solid #ffffff26;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:22px;right:24px}.card-primary svg{width:13px}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:23px 25px;box-shadow:0 4px 20px #24355208}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{margin:0 0 5px;font-size:14px}.panel-title p{color:#9aa4b3;margin:0;font-size:10px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;display:grid}.quick{text-align:left;color:#253148;background:#fbfcfe;border:1px solid #edf0f5;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.quick:hover{background:#f6f9ff;border-color:#b9cdf5}.quick>span{color:#4777d7;background:#e9f0ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.quick>span svg{width:17px}.quick div{flex-direction:column;flex:1;display:flex}.quick strong{font-size:11px}.quick small{color:#9aa4b3;margin-top:3px;font-size:8px}.quick>svg{color:#b2bac7;width:13px}.history{grid-column:1/-1}.text-button{color:#5278c5;background:0 0;border:0;align-items:center;font-size:10px;display:flex}.text-button svg{width:12px}.history-list{margin-top:14px}.history-row{text-align:left;color:#263249;background:#fff;border:0;border-top:1px solid #f0f2f6;align-items:center;gap:13px;width:100%;padding:13px 7px;display:flex}.history-row:hover{background:#fafbfe}.receipt-icon{color:#4979d5;background:#eef4ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.receipt-icon svg{width:16px}.history-row>div:nth-child(2){flex-direction:column;min-width:120px;display:flex}.history-row>div strong{font-size:11px}.history-row small{color:#9ca5b4;margin-top:3px;font-size:8px}.row-amount{flex-direction:column;align-items:flex-end;min-width:110px;margin-left:auto;display:flex}.history-row em{margin:0 16px}.history-row>svg{color:#b8bfcb;width:14px}.page-section{padding:39px 0}.page-heading{margin-bottom:28px}.page-heading>p{margin:0 0 9px}.payroll-list{max-width:900px}.settings-grid{grid-template-columns:1fr 1.4fr;gap:20px;display:grid}.account-card{text-align:center}.account-card .panel-title{text-align:left}.big-avatar{color:#356ed8;background:#e9f1ff;border-radius:50%;place-items:center;width:70px;height:70px;margin:24px auto 12px;font-size:24px;font-weight:800;display:grid}.account-card h3{margin:0;font-size:16px}.account-card>p{color:#929cac;font-size:10px}.account-card dl{text-align:left;margin-top:24px}.account-card dl div{border-top:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:10px;display:flex}.account-card dt{color:#929cac}.account-card dd{margin:0}.setting-list>button{border:0;border-top:1px solid var(--line);text-align:left;color:#2b3749;background:#fff;align-items:center;gap:13px;width:100%;padding:17px 4px;display:flex}.setting-list>button:first-of-type{margin-top:17px}.setting-list>button>svg{color:#4b79d4;width:19px}.setting-list>button span{flex-direction:column;flex:1;display:flex}.setting-list>button strong{font-size:11px}.setting-list>button small{color:#9aa4b3;margin-top:3px;font-size:9px}.setting-list>button em{color:#269162;font-size:9px;font-style:normal}.setting-list>button>svg:last-child{color:#adb5c1;width:14px}.gate-page{background:radial-gradient(circle at 50% 40%,#fff,#f4f6fb 55%,#eef1f7);place-items:center;min-height:100vh;padding:25px;display:grid}.loader-card,.pin-card{text-align:center;background:#ffffffef;border:1px solid #e1e5ec;border-radius:15px;width:min(390px,100%);padding:36px 31px;box-shadow:0 18px 60px #24355414}.loader-card h2,.pin-card h2{margin:18px 0 8px;font-size:18px;font-weight:600}.loader-card p,.pin-card>p{color:#a0a8b5;margin:0;font-size:10px}.lark-logo,.gate-icon{color:#fff;background:linear-gradient(145deg,#6d96e7,#4e78d8);border-radius:12px;place-items:center;width:48px;height:48px;margin:auto;display:grid}.spinner{border:2px solid #dce3ee;border-top-color:#4c78d8;border-radius:50%;width:25px;height:25px;margin:23px auto 0;animation:.9s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.gate-brand{text-align:left;align-items:center;gap:9px;margin-bottom:23px;display:flex}.gate-brand>span{color:#fff;border-radius:8px;width:30px;height:30px;font-size:8px}.gate-brand strong{font-size:12px}.pin-card .gate-icon{color:#4a76d2;background:#edf3ff}.pin-card .gate-icon svg{width:19px}.pin-card label{opacity:0;pointer-events:none;position:absolute}.pin-boxes{justify-content:center;gap:10px;margin:25px 0 15px;display:flex}.pin-boxes span{color:#376fd6;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;place-items:center;width:48px;height:50px;font-size:22px;display:grid}.pin-card:focus-within .pin-boxes span{border-color:#aac2ef}.primary-button,.secondary-button{border:0;border-radius:8px;height:39px;padding:0 17px;font-size:11px;font-weight:600}.primary-button{color:#fff;background:#3d72d9}.pin-card>.primary-button{width:100%}.primary-button:disabled{opacity:.45}.pin-card>small{color:#afb6c1;margin-top:14px;font-size:8px;display:block}.form-error{color:#d94c55;background:#fff1f2;border-radius:7px;margin-bottom:10px;padding:7px;font-size:9px}.loader-card>.primary-button{margin-top:20px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101a2c80;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:18px;width:min(480px,100%);max-height:90vh;padding:26px;overflow:auto;box-shadow:0 24px 80px #0b142a40}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head span{color:#9aa4b3;font-size:9px}.modal-head h2{margin:4px 0;font-size:20px}.modal-head button{background:#f4f6fa;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.modal-head svg{width:16px}.modal-net{color:#fff;background:linear-gradient(145deg,#467ce0,#3167cf);border-radius:13px;flex-direction:column;margin:20px 0;padding:20px;display:flex;position:relative}.modal-net small{color:#cbdaf5;font-size:9px}.modal-net strong{margin-top:6px;font-size:25px}.modal-net em{background:#ffffff20;border-radius:20px;padding:5px 9px;font-size:9px;font-style:normal;position:absolute;top:18px;right:18px}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 4px;font-size:11px;display:flex}.detail-list span{color:#677387}.detail-list .positive{color:#209868}.detail-list .negative{color:#d4555e}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.modal-actions button{align-items:center;gap:7px;display:flex}.modal-actions svg{width:14px}.secondary-button{color:#536074;background:#f0f3f7}.toast{color:#fff;z-index:150;background:#172238;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #17223833}.toast svg{color:#66d5a8;width:15px}.mobile-menu,.side-overlay{display:none}@media (max-width:900px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.side-overlay{z-index:25;opacity:0;pointer-events:none;background:#0b142a80;transition:all .25s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.side-overlay.show{opacity:1;pointer-events:auto}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:grid}.mobile-close svg{width:18px}.main-content{margin-left:0;padding:0 24px 40px}.mobile-menu{display:grid}.eyebrow{display:none}.dashboard-grid{grid-template-columns:1fr}.history{grid-column:auto}.settings-grid{grid-template-columns:1fr}}@media (max-width:600px){.main-content{padding:0 15px 30px}.topbar{height:64px}.welcome{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 2px 22px}.welcome h1,.page-heading h1{font-size:23px}.month-picker,.month-picker>button{width:100%}.dashboard-grid{gap:14px}.pay-card{min-height:290px;padding:22px}.card-primary{left:22px;right:auto}.panel{padding:20px 17px}.quick-grid{grid-template-columns:1fr}.history-row{gap:9px}.history-row>div:nth-child(2){min-width:90px}.row-amount{min-width:80px}.history-row em,.profile-button>span:nth-child(2),.profile-button>svg{display:none}.settings-grid{gap:14px}.modal{padding:21px}.gate-page{padding:14px}.pin-card{padding:28px 20px}.pin-boxes span{width:45px;height:48px}}.admin-page{background:#f5f7fb;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.admin-aside{color:#fff;background:linear-gradient(#18243a,#121b2d);flex-direction:column;padding:28px 22px;display:flex}.admin-aside .brand{padding-left:4px}.admin-side-copy{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin:auto 0;padding:22px}.admin-side-copy>svg{color:#79d5b4}.admin-side-copy h2{margin:14px 0 8px;font-size:16px}.admin-side-copy p{color:#92a0b8;margin:0;font-size:10px;line-height:1.8}.admin-aside>a{color:#91a2bf;padding:12px 5px;font-size:11px;text-decoration:none}.admin-main{padding:52px max(35px,7vw)}.admin-main>header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.admin-main header p{letter-spacing:.2em;color:#94a0b2;margin:0 0 9px;font-size:9px;font-weight:800}.admin-main h1{margin:0 0 9px;font-size:28px}.admin-main header span{color:#8d98aa;font-size:11px}.admin-badge{color:#396dd1;background:#e8f0ff;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:700;display:flex}.admin-badge svg{width:15px}.admin-form{max-width:820px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;display:grid}.admin-form label{flex-direction:column;gap:8px;display:flex}.admin-form label>span{color:#5f6b7e;font-size:10px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea{color:#243046;background:#fbfcfe;border:1px solid #dfe4ed;border-radius:9px;outline:none;padding:11px 12px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#7ea3ea;box-shadow:0 0 0 3px #3e73dc12}.full-field{margin-top:18px}.admin-form textarea{resize:vertical;min-height:90px}.full-field small{color:#a0a8b5;font-size:8px}.message-preview{background:#f8faff;border:1px solid #dfe6f1;border-radius:13px;gap:14px;margin-top:24px;padding:18px;display:flex}.preview-icon{color:#3f72d5;background:#e5eeff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.preview-icon svg{width:18px}.message-preview>div:last-child{flex:1}.message-preview strong{font-size:12px}.message-preview p{color:#788397;margin:6px 0 12px;font-size:10px}.message-preview span{color:#fff;background:#3d72d9;border-radius:6px;padding:7px 10px;font-size:9px;display:inline-block}.admin-result{border-radius:9px;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;font-size:10px;display:flex}.admin-result svg{width:15px}.admin-result.success{color:#20855a;background:#eaf8f1}.admin-result.error{color:#c9444e;background:#fff0f1}.admin-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.admin-actions .primary-button{align-items:center;gap:8px;display:flex}.admin-actions svg{width:15px}@media (max-width:800px){.admin-page{grid-template-columns:1fr}.admin-aside{flex-direction:row;align-items:center;padding:15px 20px}.admin-aside .brand{padding:0}.admin-side-copy{display:none}.admin-aside>a{margin-left:auto}.admin-main{padding:30px 18px}.admin-main>header{gap:20px}.admin-badge{display:none}.form-grid{grid-template-columns:1fr}}.empty-payroll-page{background:#f5f7fb;place-items:center;min-height:100vh;padding:20px;display:grid}.empty-payroll-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;width:min(460px,100%);padding:34px;box-shadow:0 18px 55px #21345212}.empty-payroll-card .gate-brand{margin-bottom:28px}.empty-payroll-icon{color:#4374d4;background:#edf3ff;border-radius:16px;place-items:center;width:62px;height:62px;margin:auto;display:grid}.empty-payroll-icon svg{width:25px}.empty-payroll-card h1{margin:19px 0 10px;font-size:20px}.empty-payroll-card>p{color:#8c96a7;max-width:340px;margin:0 auto 22px;font-size:11px;line-height:1.8}.pin-input{text-align:center;letter-spacing:.28em;color:#2d62ca;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:10px;outline:none;width:100%;height:48px;margin-top:14px;font-size:19px}.pin-input:focus{border-color:#8daee9;box-shadow:0 0 0 3px #4778d512}.pin-input+.pin-input{margin-top:10px}.pin-card .form-error{margin-top:12px}.pin-card .primary-button{margin-top:14px}.empty-dashboard{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.empty-dashboard-main{text-align:center;padding:38px}.empty-dashboard-main h2{margin:18px 0 9px;font-size:19px}.empty-dashboard-main>p{color:#8c96a7;max-width:430px;margin:0 auto 24px;font-size:11px;line-height:1.8}.empty-dashboard-main>div:last-child{justify-content:center;gap:10px;display:flex}.empty-guide ul{margin:0;padding:7px 0 0;list-style:none}.empty-guide li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:15px 2px;display:flex}.empty-guide li:first-child{margin-top:12px}.empty-guide li>svg{color:#4677d7;width:20px}.empty-guide li span{flex-direction:column;display:flex}.empty-guide li strong{font-size:11px}.empty-guide li small{color:#9aa4b3;margin-top:3px;font-size:9px}@media (max-width:800px){.empty-dashboard{grid-template-columns:1fr}.empty-dashboard-main{padding:28px 18px}}.admin-import{max-width:820px;margin-bottom:20px}.import-row{align-items:center;gap:14px;margin-top:22px;display:flex}.file-picker{cursor:pointer;background:#fafcff;border:1px dashed #bdc9dc;border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px;flex-direction:row!important;display:flex!important}.file-picker input{display:none}.file-picker>svg{color:#4474d4;width:21px}.file-picker>span{flex-direction:column;display:flex}.file-picker strong{font-size:11px}.file-picker small{color:#98a2b2;margin-top:3px;font-size:8px}.import-row>a{color:#3e70d2;font-size:10px;text-decoration:none}.import-status{color:#3864b8;background:#f0f5ff;border-radius:8px;margin-top:15px;padding:10px 12px;font-size:10px}.pin-entry{cursor:text;touch-action:manipulation;margin:25px 0 15px;position:relative}.pin-entry>input{z-index:2;color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;border-radius:9px;width:100%;height:100%;margin:0;font-size:16px;position:absolute;top:0;bottom:0;left:0;right:0}.pin-entry>input:focus{outline:0}.pin-entry .pin-boxes{margin:0}.directory-actions{flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;display:flex}.directory-actions>span{color:#8b95a7;font-size:10px}.directory-preview{background:#fafcff;border:1px solid #e7ebf2;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px;padding:11px;display:grid}.directory-preview>span{background:#fff;border-radius:7px;flex-direction:column;min-width:0;padding:7px 9px;display:flex}.directory-preview strong{font-size:10px}.directory-preview small{color:#98a2b2;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.directory-preview em{color:#8b95a7;align-self:center;font-size:9px;font-style:normal}@media (max-width:600px){.directory-preview{grid-template-columns:1fr}}.pay-admin-shell{color:#172033;background:#f4f7fb;min-height:100vh;font-family:Inter,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pay-admin-sidebar{color:#fff;z-index:20;background:#101a2d;flex-direction:column;width:244px;padding:26px 18px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.pay-admin-logo{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.pay-admin-logo>span{background:linear-gradient(135deg,#5287ef,#3165d0);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 9px 24px #2d65d04a}.pay-admin-logo>div{flex-direction:column;display:flex}.pay-admin-logo strong{font-size:14px}.pay-admin-logo small{letter-spacing:.12em;color:#71809c;margin-top:3px;font-size:8px}.pay-admin-sidebar nav{flex-direction:column;gap:6px;display:flex}.pay-admin-sidebar nav button{color:#8390a8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;height:44px;padding:0 12px;display:flex}.pay-admin-sidebar nav button:hover,.pay-admin-sidebar nav button.active{color:#fff;background:#ffffff0d}.pay-admin-sidebar nav button.active{box-shadow:inset 3px 0 #5e8ff0}.pay-admin-sidebar nav svg{width:17px}.pay-admin-sidebar nav span{flex:1;font-size:12px}.pay-admin-sidebar nav svg:last-child{opacity:.45;width:12px}.pay-admin-identity{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding:18px 5px 0;display:flex}.pay-admin-identity>span{background:#263650;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.pay-admin-identity>div{flex-direction:column;flex:1;min-width:0;display:flex}.pay-admin-identity strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.pay-admin-identity small{color:#74829a;margin-top:2px;font-size:8px}.pay-admin-identity>svg{color:#66758e;width:15px}.pay-admin-main{min-width:0;margin-left:244px;padding:34px max(24px,min(4vw,56px)) 60px}.pay-admin-main>header{justify-content:space-between;align-items:flex-start;height:62px;margin-bottom:24px;display:flex}.pay-admin-main>header p{color:#8c98aa;letter-spacing:.08em;margin:0 0 6px;font-size:9px}.pay-admin-main>header h1{letter-spacing:-.03em;margin:0;font-size:25px}.pay-admin-status{color:#607086;background:#fff;border:1px solid #dce4ef;border-radius:22px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;display:flex}.pay-admin-status i{background:#2bad72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2bad7215}.pay-admin-hero{color:#fff;background:linear-gradient(125deg,#1f55b6,#3978e2);border-radius:20px;justify-content:space-between;align-items:center;min-height:205px;padding:38px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #225fc22b}.pay-admin-hero:after{content:"";border:55px solid #ffffff0a;border-radius:50%;width:330px;height:330px;position:absolute;top:-150px;right:-110px}.pay-admin-hero>div{z-index:1;max-width:580px;position:relative}.pay-admin-hero span{color:#c7d8f8;font-size:10px}.pay-admin-hero h2{margin:10px 0 11px;font-size:25px;line-height:1.35}.pay-admin-hero p{color:#bdd1f5;max-width:530px;margin:0;font-size:11px;line-height:1.8}.pay-admin-hero button{z-index:1;color:#fff;background:#ffffff16;border:1px solid #ffffff31;border-radius:10px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;display:flex;position:relative}.pay-admin-hero button svg{width:14px}.pay-admin-metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0;display:grid}.pay-admin-metrics article{background:#fff;border:1px solid #e2e8f1;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:19px 21px;display:flex;box-shadow:0 5px 20px #21325008}.pay-admin-metrics article>svg{color:#4779d8;width:21px}.pay-admin-metrics article>div{flex-direction:column;display:flex}.pay-admin-metrics small{color:#929dad;font-size:9px}.pay-admin-metrics strong{margin-top:5px;font-size:17px}.pay-admin-steps,.pay-admin-card{background:#fff;border:1px solid #e1e7f0;border-radius:17px;box-shadow:0 5px 22px #21325008}.pay-admin-steps{padding:25px}.pay-admin-steps h3{margin:0 0 17px;font-size:13px}.pay-admin-steps>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pay-admin-steps article{background:#f8faff;border-radius:12px;padding:17px}.pay-admin-steps b{color:#4779d8;font-size:9px}.pay-admin-steps strong{margin:9px 0 7px;font-size:11px;display:block}.pay-admin-steps p{color:#8995a7;margin:0;font-size:9px;line-height:1.7}.pay-admin-grid{grid-template-columns:1fr 1fr;gap:17px;max-width:1050px;display:grid}.pay-admin-card{min-width:0;padding:25px}.pay-admin-card.wide{grid-column:1/-1}.pay-admin-card-title{align-items:flex-start;gap:14px;display:flex}.pay-admin-card-title>span{color:#4274d2;background:#edf3ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.pay-admin-card-title svg{width:19px}.pay-admin-card-title>div{min-width:0}.pay-admin-card-title small{color:#4a76cf;letter-spacing:.1em;font-size:8px;font-weight:800}.pay-admin-card-title h2{margin:4px 0 5px;font-size:14px}.pay-admin-card-title p{color:#8c97a8;margin:0;font-size:9px;line-height:1.6}.pay-admin-inline{align-items:center;gap:12px;margin-top:24px;display:flex}.pay-admin-inline em{color:#8290a4;font-size:9px;font-style:normal}.pay-admin-shell button.primary,.pay-admin-shell button.secondary{border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:10px;font-weight:700;display:inline-flex}.pay-admin-shell button svg{width:14px}.pay-admin-shell button.primary{color:#fff;background:#3971d8;border:0}.pay-admin-shell button.secondary{color:#53647b;background:#fff;border:1px solid #dbe3ef}.pay-admin-shell button.full{width:100%;margin-top:14px}.pay-admin-shell button:disabled{cursor:not-allowed;opacity:.45}.pay-admin-field{flex-direction:column;gap:7px;margin-top:18px;display:flex}.pay-admin-field span{color:#657286;font-size:9px;font-weight:700}.pay-admin-field input,.pay-admin-search input,.pay-admin-user-list select{color:#263248;background:#fbfcfe;border:1px solid #dce3ed;border-radius:9px;outline:0;height:39px;padding:0 12px;font-size:11px}.pay-admin-field input:focus,.pay-admin-search:focus-within{border-color:#81a4e8;box-shadow:0 0 0 3px #3e73dc10}.pay-admin-field.compact{min-width:170px;margin:0}.pay-admin-drop{cursor:pointer;background:#fafcff;border:1px dashed #b9c9e0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;margin-top:22px;display:flex}.pay-admin-drop input{display:none}.pay-admin-drop svg{color:#4778d7;width:27px}.pay-admin-drop strong{margin-top:10px;font-size:11px}.pay-admin-drop small{color:#9ba5b4;margin-top:4px;font-size:8px}.pay-admin-footer{justify-content:flex-end;align-items:center;gap:9px;margin-top:19px;display:flex}.pay-admin-footer>small{color:#8290a4;margin-right:auto;font-size:9px}.pay-admin-table-card{max-width:1050px}.pay-admin-section-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;display:flex}.pay-admin-section-head h2{margin:0 0 5px;font-size:16px}.pay-admin-section-head p{color:#8c97a8;margin:0;font-size:9px}.pay-admin-search{background:#fbfcfe;border:1px solid #dce3ed;border-radius:9px;align-items:center;width:280px;height:39px;padding:0 10px;display:flex}.pay-admin-search svg{color:#96a1b1;width:15px}.pay-admin-search input{background:0 0;border:0;flex:1;min-width:0}.pay-admin-search.standalone{margin:16px 0}.pay-admin-user-list{max-height:610px;overflow:auto}.pay-admin-user-list article{border-bottom:1px solid #f0f2f6;align-items:center;gap:12px;padding:13px 5px;display:flex}.pay-admin-user-list article>span,.pay-admin-select-list label>span{color:#4474d3;background:#edf3ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.pay-admin-user-list article>div,.pay-admin-select-list label>div{flex-direction:column;flex:1;min-width:0;display:flex}.pay-admin-user-list strong,.pay-admin-select-list strong{font-size:10px}.pay-admin-user-list small,.pay-admin-select-list small{color:#99a3b2;margin-top:3px;font-size:8px}.pay-admin-user-list em{color:#8490a0;background:#f1f3f6;border-radius:20px;padding:5px 9px;font-size:8px;font-style:normal}.pay-admin-user-list em.enabled{color:#25855d;background:#eaf7f1}.pay-admin-user-list select{width:130px;height:34px;font-size:9px}.pay-admin-select-list{grid-template-columns:1fr 1fr;gap:8px;max-height:500px;display:grid;overflow:auto}.pay-admin-select-list label{cursor:pointer;border:1px solid #edf0f4;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.pay-admin-select-list label:has(input:checked){background:#f7faff;border-color:#9bb6ec}.pay-admin-select-list label>input{accent-color:#3971d8}.pay-admin-toast{z-index:100;color:#fff;border-radius:11px;align-items:center;gap:8px;max-width:380px;padding:12px 15px;font-size:10px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 35px #18243a35}.pay-admin-toast svg{width:15px}.pay-admin-toast.ok{background:#20825a}.pay-admin-toast.bad{background:#c54851}.pay-admin-gate{background:radial-gradient(circle at 50% 40%,#fff,#edf2f9);place-items:center;min-height:100vh;padding:20px;display:grid}.pay-admin-gate>div{text-align:center;background:#fff;border:1px solid #e0e6ef;border-radius:20px;width:min(430px,100%);padding:42px;box-shadow:0 22px 70px #20365a14}.pay-admin-gate>div>span{color:#4476d7;background:#edf3ff;border-radius:15px;place-items:center;width:56px;height:56px;margin:auto;display:grid}.pay-admin-gate svg{width:25px}.pay-admin-gate p{color:#4473cf;letter-spacing:.1em;margin:20px 0 7px;font-size:9px;font-weight:800}.pay-admin-gate h1{margin:0 0 10px;font-size:20px}.pay-admin-gate small{color:#8e99aa;font-size:10px;line-height:1.8}.pay-admin-gate button{color:#fff;background:#3971d8;border:0;border-radius:9px;margin:22px auto 0;padding:10px 16px;font-size:10px;display:block}@media (max-width:800px){.pay-admin-sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0}.pay-admin-logo{padding:0}.pay-admin-logo>span{width:34px;height:34px}.pay-admin-logo small{display:none}.pay-admin-sidebar nav{flex-direction:row;margin-left:auto}.pay-admin-sidebar nav button{justify-content:center;width:39px;height:39px;padding:0}.pay-admin-sidebar nav button span,.pay-admin-sidebar nav button svg:last-child,.pay-admin-identity{display:none}.pay-admin-main{margin-left:0;padding:23px 14px 45px}.pay-admin-main>header{height:auto;margin-bottom:18px}.pay-admin-status{display:none}.pay-admin-main>header h1{font-size:21px}.pay-admin-hero{min-height:auto;padding:26px 22px;display:block}.pay-admin-hero h2{font-size:20px}.pay-admin-hero button{margin-top:20px}.pay-admin-metrics{grid-template-columns:1fr}.pay-admin-steps>div{grid-template-columns:1fr 1fr}.pay-admin-grid{grid-template-columns:1fr}.pay-admin-card.wide{grid-column:auto}.pay-admin-card{padding:20px 16px}.pay-admin-section-head{display:block}.pay-admin-search{width:100%;margin-top:14px}.pay-admin-select-list{grid-template-columns:1fr}.pay-admin-user-list article{gap:8px}.pay-admin-user-list article>span,.pay-admin-user-list em{display:none}.pay-admin-user-list select{width:112px}.pay-admin-footer{flex-wrap:wrap}.pay-admin-footer button{flex:1}.pay-admin-field.compact{margin-top:14px}.pay-admin-toast{max-width:none;bottom:14px;left:14px;right:14px}}@media (max-width:480px){.pay-admin-logo strong{font-size:12px}.pay-admin-sidebar nav{gap:2px}.pay-admin-steps>div{grid-template-columns:1fr}.pay-admin-metrics article{padding:15px}.pay-admin-hero{border-radius:16px}.pay-admin-card-title>span{width:38px;height:38px}.pay-admin-user-list select{width:105px;font-size:8px}}.pay-admin-login-actions{justify-content:center;gap:9px;margin-top:22px;display:flex}.pay-admin-login-actions button{margin:0}.pay-admin-login-actions button.ghost{color:#5d6b80;background:#fff;border:1px solid #dce3ed}@media (max-width:480px){.pay-admin-login-actions{flex-direction:column}}.payroll-sheet-page{max-width:100%}.payroll-sheet-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.payroll-sheet-toolbar>div:first-child>span{color:#4778d7;letter-spacing:.14em;font-size:8px;font-weight:800}.payroll-sheet-toolbar h2{margin:5px 0 6px;font-size:19px}.payroll-sheet-toolbar p{color:#8995a7;margin:0;font-size:9px}.payroll-sheet-actions{align-items:flex-end;gap:8px;display:flex}.payroll-sheet-actions label{flex-direction:column;gap:6px;display:flex}.payroll-sheet-actions label small{color:#6d798c;font-size:8px;font-weight:700}.payroll-sheet-actions label input{color:#263248;background:#fff;border:1px solid #dce3ed;border-radius:9px;outline:0;width:138px;height:38px;padding:0 11px;font-size:10px}.payroll-sheet-summary{grid-template-columns:.75fr .75fr 1.2fr 1.2fr .8fr;gap:10px;margin-bottom:14px;display:grid}.payroll-sheet-summary article{background:#fff;border:1px solid #e1e7f0;border-radius:13px;flex-direction:column;min-width:0;padding:15px 17px;display:flex;box-shadow:0 4px 18px #21325007}.payroll-sheet-summary small{color:#929cad;font-size:8px}.payroll-sheet-summary strong{color:#202a3d;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:14px;overflow:hidden}.payroll-sheet-summary strong.state-draft{color:#b97713}.payroll-sheet-summary strong.state-published{color:#21875d}.payroll-sheet-summary strong.state-empty{color:#8b96a6}.payroll-excel-bar{background:linear-gradient(135deg,#f7faff 0%,#fbfdff 58%,#f5faf8 100%);border:1px solid #dbe6f6;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:grid;box-shadow:0 5px 20px #24436a08}.payroll-excel-icon{color:#25805c;background:#e8f2ed;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.payroll-excel-icon svg{width:18px;height:18px}.payroll-excel-bar>div:nth-child(2){min-width:0}.payroll-excel-bar strong{color:#253146;font-size:10px;display:block}.payroll-excel-bar p{color:#7d899b;margin:5px 0 0;font-size:8px;line-height:1.55}.payroll-excel-actions{align-items:center;gap:8px;display:flex}.payroll-excel-actions button,.payroll-excel-upload{white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:9px;font-weight:750;display:inline-flex}.payroll-excel-actions button svg,.payroll-excel-upload svg{width:14px;height:14px}.payroll-excel-upload{color:#fff;background:#3971d8;border:1px solid #3971d8;transition:background .15s,transform .15s;box-shadow:0 4px 12px #3971d824}.payroll-excel-upload:hover{background:#2f64c3;transform:translateY(-1px)}.payroll-excel-upload.disabled{opacity:.6;cursor:wait;transform:none}.payroll-excel-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.payroll-import-result{color:#35745b;background:#f5fbf8;border:1px solid #cfe9dc;border-radius:12px;margin:0 0 12px;padding:11px 42px 11px 14px;font-size:8px;position:relative}.payroll-import-result.has-errors{color:#8c6728;background:#fffaf0;border-color:#efdfbd}.payroll-import-result>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payroll-import-result>div>svg{flex:none;width:15px;height:15px}.payroll-import-result strong{color:#263248;text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:9px;overflow:hidden}.payroll-import-result span{opacity:.86;border-left:1px solid;padding-left:8px}.payroll-import-result details{margin:9px 0 0 23px}.payroll-import-result summary{cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-weight:700}.payroll-import-result ul{margin:7px 0 0;padding-left:16px;line-height:1.7}.payroll-import-result>button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.payroll-import-result>button:hover{background:#00000008}.payroll-import-result>button svg{width:13px;height:13px}.payroll-sheet-card{background:#fff;border:1px solid #dfe6ef;border-radius:17px;overflow:hidden;box-shadow:0 7px 25px #2132500a}.payroll-sheet-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.payroll-sheet-head h3{margin:0 0 5px;font-size:14px}.payroll-sheet-head p{color:#8e99aa;margin:0;font-size:8px}.payroll-table-scroll{background:#fff;min-height:380px;max-height:calc(100vh - 355px);position:relative;overflow:auto}.payroll-editor-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%}.payroll-editor-table th{z-index:5;color:#68778d;text-align:right;white-space:nowrap;background:#f8faff;border-bottom:1px solid #dfe6ef;height:50px;padding:0 10px;font-size:9px;font-weight:750;position:-webkit-sticky;position:sticky;top:0}.payroll-editor-table td{color:#273247;text-align:right;background:#fff;border-bottom:1px solid #edf1f5;height:64px;padding:7px 10px;font-size:9px}.payroll-editor-table tr:hover td{background:#fbfdff}.payroll-editor-table tr.included td{background:#fcfdff}.payroll-editor-table th:not(.sticky-check):not(.sticky-name),.payroll-editor-table td:not(.sticky-check):not(.sticky-name){min-width:125px}.payroll-editor-table .sticky-check{z-index:7;text-align:center;width:52px;min-width:52px;position:-webkit-sticky;position:sticky;left:0}.payroll-editor-table .sticky-name{z-index:7;text-align:left;width:155px;min-width:155px;position:-webkit-sticky;position:sticky;left:52px;box-shadow:8px 0 12px -12px #26375480}.payroll-editor-table thead .sticky-check,.payroll-editor-table thead .sticky-name{z-index:9;background:#f8faff}.payroll-editor-table td.sticky-check,.payroll-editor-table td.sticky-name{background:#fff}.payroll-editor-table tr.included td.sticky-check,.payroll-editor-table tr.included td.sticky-name{background:#fcfdff}.payroll-editor-table td.sticky-name strong{color:#182235;font-size:10px;display:block}.payroll-editor-table td.sticky-name small{color:#9aa5b5;text-overflow:ellipsis;max-width:140px;margin-top:4px;font-size:7px;display:block;overflow:hidden}.payroll-editor-table input[type=checkbox]{accent-color:#3971d8;width:15px;height:15px}.money-input{background:#fbfcfe;border:1px solid #dde5ef;border-radius:8px;align-items:center;width:112px;height:34px;margin-left:auto;display:flex}.money-input:focus-within{background:#fff;border-color:#82a5e7;box-shadow:0 0 0 3px #3971d811}.money-input span{color:#9aa5b5;padding-left:9px;font-size:9px}.money-input input{color:#263248;text-align:right;background:0 0;border:0;outline:0;width:82px;height:100%;padding:0 8px 0 4px;font-size:9px}.money-input input::placeholder{color:#c2c9d2}.payroll-editor-table .calculated{font-variant-numeric:tabular-nums;font-weight:750}.payroll-editor-table th.calculated.earning,.payroll-editor-table td.calculated.earning{color:#356aca;background:#f5f9ff}.payroll-editor-table th.calculated.deduction,.payroll-editor-table td.calculated.deduction{color:#b7633e;background:#fff9f6}.payroll-editor-table th.calculated.net,.payroll-editor-table td.calculated.net{color:#20845b;background:#f3fbf7;font-size:10px}.payroll-editor-table em{border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;display:inline-flex}.payroll-editor-table em.row-ready{color:#25855d;background:#eaf7f1}.payroll-editor-table em.row-empty{color:#8a95a4;background:#f1f3f6}.payroll-sheet-loading{z-index:15;color:#718096;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;place-items:center;font-size:10px;display:grid;position:absolute;top:50px;bottom:0;left:0;right:0}.payroll-sheet-bottom{background:#fbfcfe;border-top:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:11px 18px;display:flex}.payroll-sheet-bottom>span{color:#818da0;font-size:8px}.payroll-sheet-bottom>div{gap:8px;display:flex}.pay-admin-select-tools{background:#f8faff;border:1px solid #e7ecf3;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:-4px 0 12px;padding:9px 12px;display:flex}.pay-admin-select-tools label{color:#40516a;cursor:pointer;align-items:center;gap:8px;font-size:9px;font-weight:750;display:flex}.pay-admin-select-tools input{accent-color:#3971d8;width:15px;height:15px}.pay-admin-select-tools small{color:#8b97a8;font-size:8px}@media (max-width:1000px){.payroll-sheet-toolbar{flex-direction:column;align-items:flex-start}.payroll-sheet-actions{flex-wrap:wrap;width:100%}.payroll-sheet-summary{grid-template-columns:repeat(3,1fr)}.payroll-excel-bar{grid-template-columns:auto minmax(0,1fr)}.payroll-excel-actions{grid-column:1/-1;padding-left:52px}.payroll-table-scroll{max-height:calc(100vh - 390px)}}@media (max-width:600px){.payroll-sheet-toolbar{margin-bottom:14px}.payroll-sheet-toolbar p{line-height:1.6}.payroll-sheet-actions label,.payroll-sheet-actions label input{width:100%}.payroll-sheet-actions button{flex:1}.payroll-sheet-summary{grid-template-columns:1fr 1fr}.payroll-sheet-summary article:nth-child(3),.payroll-sheet-summary article:nth-child(4){display:none}.payroll-excel-bar{grid-template-columns:auto minmax(0,1fr);padding:13px}.payroll-excel-actions{padding-left:0}.payroll-excel-actions button,.payroll-excel-upload{flex:1;padding:0 10px}.payroll-import-result>div{flex-direction:column;align-items:flex-start;gap:5px}.payroll-import-result span{border-left:0;padding-left:23px}.payroll-import-result details{margin-left:23px}.payroll-sheet-head{padding:17px 15px;display:block}.payroll-sheet-head .pay-admin-search{margin-top:13px}.payroll-table-scroll{min-height:430px;max-height:none}.payroll-editor-table .sticky-name{width:125px;min-width:125px}.payroll-sheet-bottom{flex-direction:column;align-items:stretch;position:-webkit-sticky;position:sticky;bottom:0}.payroll-sheet-bottom>div button{flex:1}.pay-admin-select-tools{margin-top:-2px}}