: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,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;inset:0 auto 0 0}.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;inset: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 (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;inset: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 (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 (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}.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;inset: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 (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,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;inset:0 auto 0 0}.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 clamp(24px,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 (width<=800px){.pay-admin-sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 14px;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 (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 (width<=480px){.pay-admin-login-actions{flex-direction:column}}