:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}:root{color:#172033;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}html{background:#f4f7fb}body{background:#f4f7fb;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{color:#273247}.app-shell{background:#f4f7fb;width:100%;min-width:0;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#111b31;flex-direction:column;width:265px;min-height:100vh;transition:width .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:82px}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:82px;padding:16px 18px;display:flex}.brand-mark{background:#2563eb;border-radius:12px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:grid}.brand strong{letter-spacing:.7px;font-size:15px;display:block}.brand span{color:#93a4c3;margin-top:3px;font-size:11px;display:block}.sidebar nav{flex:1;padding:14px 11px;overflow:hidden auto}.menu-group{margin-bottom:18px}.menu-title{color:#6f819f;letter-spacing:1.2px;margin:0 10px 7px;font-size:10px;font-weight:700}.nav-item{color:#aebbd1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:43px;margin-bottom:3px;padding:0 13px;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#2563eb}.nav-icon{text-align:center;min-width:24px;font-size:16px;font-weight:700}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:15px 17px;display:flex}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:12px;font-weight:800;display:grid}.sidebar-user strong{font-size:12px;display:block}.sidebar-user span{color:#8091ad;margin-top:2px;font-size:11px;display:block}.main-area{background:#f4f7fb;flex:auto;width:auto;min-width:0;min-height:100vh;margin-left:265px;transition:margin-left .25s}.sidebar.collapsed+.main-area{width:auto;margin-left:82px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:center;width:100%;min-height:78px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:17px;min-width:0;display:flex}.menu-toggle{color:#526078;background:#fff;border:1px solid #e1e6ee;border-radius:9px;flex:0 0 38px;width:38px;height:38px}.menu-toggle:hover{color:#2563eb;border-color:#2563eb}.topbar h1{margin:0;font-size:20px}.topbar p{color:#8994a7;margin:3px 0 0;font-size:11px}.topbar-right{align-items:center;gap:17px;display:flex}.system-status{color:#526078;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.system-status span{background:#22c55e;border-radius:50%;width:8px;height:8px}.notification{color:#64748b;background:0 0;border:0;font-size:20px}.user-box{border-left:1px solid #e6eaf0;align-items:center;gap:9px;padding-left:17px;display:flex}.avatar.small{flex-basis:35px;width:35px;height:35px}.user-box strong{font-size:11px;display:block}.user-box span{color:#8b96a8;margin-top:2px;font-size:10px;display:block}.content{width:100%;max-width:none;margin:0;padding:27px}.welcome{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:22px;display:flex}.welcome h2{margin:0;font-size:23px}.welcome p{color:#7b8799;margin:5px 0 0;font-size:13px}.date-box{background:#fff;border:1px solid #e3e8ef;border-radius:10px;min-width:175px;padding:10px 15px}.date-box span{color:#8a96a8;font-size:10px;display:block}.date-box strong{margin-top:3px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:100%;display:grid}.stat-card{background:#fff;border:1px solid #e4e9f0;border-radius:12px;min-width:0;min-height:135px;padding:17px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-top>span{color:#78859a;font-size:10px;font-weight:700}.stat-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.stat-card h3{margin:13px 0 5px;font-size:22px}.stat-card p{color:#8b96a8;margin:0;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:15px;width:100%;margin-top:15px;display:grid}.panel{background:#fff;border:1px solid #e4e9f0;border-radius:12px;min-width:0}.panel-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px;display:flex}.panel-head h3{margin:0;font-size:14px}.panel-head p{color:#8a96a8;margin:4px 0 0;font-size:10px}.panel-head button{color:#2563eb;background:#eff6ff;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.empty-state{color:#8b96a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:25px;display:flex}.empty-icon{background:#f3f6fa;border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:11px;display:grid}.empty-state strong{color:#536076;font-size:12px}.empty-state span{margin-top:5px;font-size:10px}.quick-panel{width:100%;margin-top:15px}.quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;padding:16px;display:grid}.quick-actions button{color:#59667a;background:#fff;border:1px solid #e3e8ef;border-radius:10px;min-height:78px}.quick-actions button:hover{color:#2563eb;border-color:#2563eb}.quick-actions b{color:#2563eb;margin-bottom:7px;font-size:18px;display:block}.quick-actions span{font-size:10px;font-weight:600;display:block}.subscribers-page{width:100%;min-width:0}.subscriber-heading{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.subscriber-heading h2{color:#172033;margin:0;font-size:22px}.subscriber-heading p{color:#7c899d;margin:6px 0 0;font-size:12px;line-height:1.5}.add-subscriber-btn{color:#fff;white-space:nowrap;background:#2563eb;border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.add-subscriber-btn:hover:not(:disabled){background:#1d4ed8}.subscriber-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;width:100%;margin-bottom:17px;display:grid}.subscriber-summary-card{background:#fff;border:1px solid #e4e9f0;border-radius:11px;min-width:0;min-height:110px;padding:16px}.subscriber-summary-card span{color:#7b8799;letter-spacing:.5px;font-size:9px;font-weight:800;display:block}.subscriber-summary-card strong{color:#172033;margin-top:9px;font-size:21px;display:block}.subscriber-summary-card small{color:#909bad;margin-top:5px;font-size:9px;line-height:1.4;display:block}.subscriber-panel{width:100%;min-width:0;overflow:hidden}.subscriber-panel form,.subscriber-panel form>div:first-of-type{width:100%}.subscriber-panel form label{color:#3d4a5f;flex-direction:column;min-width:0;font-size:11px;display:flex}.subscriber-panel form label strong{color:#39465a;font-size:11px;font-weight:700}.subscriber-panel form input,.subscriber-panel form select,.subscriber-panel form textarea{color:#273247;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:none;min-width:0;height:42px;font-size:11px;transition:border-color .15s,box-shadow .15s;width:100%!important;margin-top:8px!important;padding:0 12px!important}.subscriber-panel form textarea{resize:vertical;height:auto;min-height:90px;padding-top:11px!important;padding-bottom:11px!important}.subscriber-panel form input:focus,.subscriber-panel form select:focus,.subscriber-panel form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.subscriber-panel form input::placeholder,.subscriber-panel form textarea::placeholder{color:#a1abba}.subscriber-panel form input[type=date]{color:#536076}.subscriber-toolbar{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(280px,1fr) 145px 135px 145px;gap:10px;width:100%;padding:15px;display:grid}.subscriber-search{background:#fff;border:1px solid #dfe5ed;border-radius:8px;align-items:center;gap:8px;min-width:0;height:39px;padding:0 11px;display:flex}.subscriber-search span{color:#8996a9;font-size:16px}.subscriber-search input{color:#273247;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.subscriber-search input::placeholder{color:#a2adbc}.subscriber-toolbar select{color:#536076;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:0;width:100%;height:39px;padding:0 10px;font-size:10px}.subscriber-table-wrap{width:100%;max-width:100%;overflow-x:auto}.subscriber-table{border-collapse:collapse;width:100%;min-width:1150px}.subscriber-table thead{background:#f8fafc}.subscriber-table th{text-align:left;color:#6d7a8f;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;border-bottom:1px solid #e9edf2;padding:12px 13px;font-size:9px;font-weight:800}.subscriber-table td{color:#46546a;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:13px;font-size:10px}.subscriber-table tbody tr:hover{background:#fbfdff}.subscriber-identity{align-items:center;gap:10px;min-width:175px;display:flex}.subscriber-avatar{color:#2563eb;background:#eaf2ff;border-radius:9px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:grid}.subscriber-identity strong{color:#253149;font-size:11px;display:block}.subscriber-identity span{color:#8a96a8;margin-top:3px;font-size:9px;display:block}.subscriber-contact{min-width:155px}.subscriber-contact strong{color:#455269;font-size:10px;display:block}.subscriber-contact span{color:#6f7c90;margin-top:3px;font-size:9px;display:block}.subscriber-contact small{color:#9aa4b4;margin-top:3px;font-size:8px;display:block}.plan-name{color:#2563eb;white-space:nowrap}.due-date-cell strong{color:#253149;font-size:11px;display:block}.due-date-cell span{color:#929daf;margin-top:2px;font-size:8px;display:block}.status-badge,.connection-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:8px;font-weight:800;display:inline-flex}.status-badge.active{color:#168447;background:#ecfdf3}.status-badge.overdue{color:#c35a0a;background:#fff7ed}.status-badge.suspended{color:#c83232;background:#fef2f2}.status-badge.disconnected{color:#64748b;background:#f1f5f9}.status-badge.terminated{color:#991b1b;background:#fef2f2}.connection-badge{gap:5px}.connection-badge i{border-radius:50%;width:6px;height:6px}.connection-badge.online{color:#168447;background:#ecfdf3}.connection-badge.online i{background:#22c55e}.connection-badge.disconnected{color:#64748b;background:#f1f5f9}.connection-badge.disconnected i{background:#94a3b8}.balance-due{color:#dc2626;white-space:nowrap}.balance-clear{color:#168447;white-space:nowrap}.subscriber-actions{white-space:nowrap;gap:5px;display:flex}.subscriber-actions button{color:#526078;background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:700}.subscriber-actions button:hover{color:#2563eb;border-color:#2563eb}.subscriber-actions .payment-action{color:#fff;background:#2563eb;border-color:#2563eb;min-width:29px}.subscriber-actions .payment-action:hover{color:#fff;background:#1d4ed8}.subscriber-empty{flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.subscriber-empty strong{color:#536076;font-size:12px}.subscriber-empty span{color:#929daf;margin-top:5px;font-size:10px}.subscriber-footer{color:#8b96a8;background:#fbfcfe;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:0 15px;font-size:9px;display:flex}.subscriber-footer strong{color:#4e5c71}.module-page{place-items:center;width:100%;min-height:calc(100vh - 135px);display:grid}.module-panel{text-align:center;width:100%;max-width:520px;padding:45px}.module-symbol{color:#fff;background:#2563eb;border-radius:15px;place-items:center;width:60px;height:60px;margin:auto;font-weight:800;display:grid}.module-panel h2{margin:18px 0 8px}.module-panel p{color:#7d899b;font-size:12px;line-height:1.7}.primary-btn{color:#fff;background:#2563eb;border:0;border-radius:8px;margin-top:8px;padding:10px 18px;font-size:11px;font-weight:700}.primary-btn:hover:not(:disabled){background:#1d4ed8}@media (width<=1250px){.subscriber-summary-grid,.subscriber-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.subscriber-search{grid-column:1/-1}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:82px}.sidebar .brand>div:not(.brand-mark),.sidebar .menu-title,.sidebar .nav-item span:not(.nav-icon),.sidebar .sidebar-user>div:not(.avatar){display:none}.sidebar .nav-item{justify-content:center;padding:0}.main-area,.sidebar.collapsed+.main-area{width:auto;margin-left:82px}.topbar{padding-left:18px;padding-right:18px}.topbar-right .system-status,.user-box>div:not(.avatar){display:none}.subscriber-heading{flex-direction:column;align-items:stretch}.add-subscriber-btn{align-self:flex-start}.subscriber-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.content{padding:17px}.topbar{min-height:70px;padding:0 14px}.topbar-left{gap:10px}.topbar h1{font-size:17px}.topbar p{font-size:9px}.topbar-right{gap:7px}.user-box{padding-left:7px}.stats-grid,.subscriber-summary-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{flex-direction:column;align-items:flex-start;gap:13px}.date-box{width:100%}.subscriber-toolbar{grid-template-columns:1fr}.subscriber-search{grid-column:auto}.subscriber-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:10px;padding-bottom:10px}.subscriber-heading h2{font-size:19px}}@media (width<=420px){.sidebar{width:68px}.main-area,.sidebar.collapsed+.main-area{margin-left:68px}.brand{padding-left:11px;padding-right:11px}.brand-mark{flex-basis:45px}.content{padding:12px}.quick-actions{grid-template-columns:1fr}.notification{display:none}}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-summary-grid .subscriber-summary-card{flex-direction:column;justify-content:center;min-height:112px;display:flex}.settings-edit-form{background:#fff;border:1px solid #e4e9f0;border-radius:12px;gap:16px;margin:0 0 22px;padding:20px;display:grid}.settings-edit-form h3{margin:0;font-size:16px}.plan-form-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:18px;display:grid}.subscriber-panel form .compact-check{background:#f8fafc;border:1px solid #dfe5ed;border-radius:8px;flex-direction:row;align-items:center;gap:10px;min-height:42px;margin:0;padding:0 14px;display:flex}.subscriber-panel form .compact-check input[type=checkbox]{min-width:16px;height:16px;accent-color:var(--ps-primary,#2563eb);flex:0 0 16px;width:16px!important;margin:0!important;padding:0!important}.compact-check span{min-width:0}.compact-check strong{display:block}.compact-check small{color:#8b96a8;margin-top:2px;font-size:9px;display:block}.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.theme-preset-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe5ed;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;min-height:76px;padding:11px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.theme-preset-card:hover{transform:translateY(-1px)}.theme-preset-card strong{align-items:flex-start;min-height:26px;line-height:1.3;margin-bottom:8px!important;display:flex!important}@media (width<=1100px){.settings-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-form-grid{grid-template-columns:1fr}}@media (width<=800px){.theme-preset-grid{grid-template-columns:1fr}}@media (width<=600px){.settings-summary-grid{grid-template-columns:1fr}}.employees-page{color:#172033;box-sizing:border-box;width:100%;padding:4px 0 32px}.employees-page *,.employees-page :before,.employees-page :after{box-sizing:border-box}.employees-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.employees-header h1{color:#172033;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.2}.employees-header p{color:#667085;max-width:720px;margin:0;font-size:14px;line-height:1.6}.employee-primary-btn,.employee-secondary-btn{cursor:pointer;border-radius:9px;min-height:42px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s,background .15s}.employee-primary-btn{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 4px 10px #2563eb2e}.employee-primary-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.employee-secondary-btn{color:#344054;background:#fff;border:1px solid #d0d5dd}.employee-secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#98a2b3}.employee-primary-btn:disabled,.employee-secondary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.employee-alert{border-radius:9px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.5}.employee-alert.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.employee-alert.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.employee-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.employee-summary-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;min-width:0;min-height:128px;padding:18px;box-shadow:0 1px 3px #1018280a}.employee-summary-card span{color:#667085;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.employee-summary-card strong{color:#101828;margin-bottom:8px;font-size:30px;font-weight:800;line-height:1;display:block}.employee-summary-card small{color:#98a2b3;font-size:12px;line-height:1.4}.employee-toolbar{grid-template-columns:minmax(260px,1fr) minmax(170px,220px) minmax(140px,170px) auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.employee-search-box{min-width:0}.employee-toolbar input,.employee-toolbar select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.employee-toolbar input:focus,.employee-toolbar select:focus{border-color:#84adff;box-shadow:0 0 0 3px #2563eb1a}.employee-toolbar input::placeholder{color:#98a2b3}.employee-table-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #1018280a}.employee-table-wrap{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:1000px}.employee-table th{color:#667085;text-align:left;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e4e7ec;padding:12px 16px;font-size:12px;font-weight:800}.employee-table td{color:#344054;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:14px 16px;font-size:13px}.employee-table tbody tr:last-child td{border-bottom:0}.employee-table tbody tr{transition:background .15s}.employee-table tbody tr:hover{background:#fcfcfd}.employee-name-cell{align-items:center;gap:11px;min-width:230px;display:flex}.employee-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.employee-name-cell>div:last-child{min-width:0}.employee-name-cell strong{color:#101828;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.employee-name-cell span,.employee-name-cell small{color:#667085;font-size:12px;line-height:1.45;display:block}.employee-name-cell small{color:#98a2b3}.employee-muted{color:#98a2b3;margin-top:2px;font-size:11px}.employee-status{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.employee-status.active{color:#067647;background:#ecfdf3}.employee-status.inactive{color:#475467;background:#f2f4f7}.employee-status.probationary{color:#b54708;background:#fffaeb}.employee-actions-heading{text-align:right!important}.employee-row-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.employee-row-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-height:32px;padding:6px 9px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s}.employee-row-actions button:hover{background:#f8fafc;border-color:#98a2b3}.employee-empty-state{color:#667085;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:260px;padding:30px;display:flex}.employee-empty-state strong{color:#344054;font-size:16px}.employee-empty-state span{color:#98a2b3;font-size:13px}.employee-record-count{color:#98a2b3;text-align:right;margin-top:10px;font-size:12px}.employee-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.employee-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(100%,980px);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.employee-modal form{flex-direction:column;flex:1;min-height:0;display:flex}.employee-modal-header{border-bottom:1px solid #e4e7ec;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.employee-modal-header h2{color:#101828;margin:0 0 4px;font-size:20px;font-weight:800}.employee-modal-header p{color:#667085;margin:0;font-size:13px}.employee-close-btn{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:27px;line-height:1;display:flex}.employee-close-btn:hover:not(:disabled){color:#101828;background:#f2f4f7}.employee-modal-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.employee-modal-footer{background:#fff;border-top:1px solid #e4e7ec;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:15px 22px;display:flex}.employee-form-section{border-bottom:1px solid #eaecf0;margin-bottom:24px;padding-bottom:24px}.employee-form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.employee-section-title{margin-bottom:16px}.employee-section-title h3{color:#101828;margin:0 0 3px;font-size:15px;font-weight:800}.employee-section-title p{color:#98a2b3;margin:0;font-size:12px;line-height:1.5}.employee-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.employee-form-grid label{flex-direction:column;gap:6px;min-width:0;display:flex}.employee-form-grid label>span{color:#475467;font-size:12px;font-weight:700}.employee-form-grid label>span b{color:#d92d20}.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea{color:#101828;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:9px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.employee-form-grid textarea{resize:vertical;min-height:76px}.employee-form-grid input:focus,.employee-form-grid select:focus,.employee-form-grid textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #2563eb1a}.employee-form-grid input:disabled{color:#667085;cursor:not-allowed;background:#f2f4f7}.employee-form-grid input::placeholder,.employee-form-grid textarea::placeholder{color:#98a2b3}.employee-field-full{grid-column:1/-1}.employee-view-modal{width:min(100%,980px)}.employee-profile-modal-header{background:#fff;padding:22px 26px}.employee-profile-eyebrow{color:#2563eb;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.employee-profile-body{background:#f8fafc;padding:24px 26px 28px}.employee-profile-hero{background:#fff;border:1px solid #dbe3ee;border-radius:14px;align-items:center;gap:18px;margin-bottom:20px;padding:22px;display:flex}.employee-profile-hero-polished{align-items:flex-start}.employee-profile-avatar{color:#1d4ed8;background:#dbeafe;border-radius:18px;flex:0 0 68px;justify-content:center;align-items:center;width:68px;height:68px;font-size:25px;font-weight:800;display:flex}.employee-profile-identity{flex:1;min-width:0}.employee-profile-name-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.employee-profile-name-row>div{min-width:0}.employee-profile-hero h3{color:#101828;margin:0 0 5px;font-size:20px;font-weight:800;line-height:1.25}.employee-profile-hero p{color:#344054;margin:0 0 4px;font-size:13px;font-weight:700}.employee-profile-hero span{color:#667085;font-size:12px}.employee-profile-name-row>.employee-status{color:#067647;flex:none}.employee-profile-name-row>.employee-status.inactive{color:#475467}.employee-profile-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.employee-profile-quick-grid>div{background:#f9fafb;border:1px solid #eaecf0;border-radius:9px;min-width:0;padding:10px 12px}.employee-profile-quick-grid span,.employee-profile-fields span{color:#98a2b3;letter-spacing:.02em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.35;display:block}.employee-profile-quick-grid strong,.employee-profile-fields strong{overflow-wrap:anywhere;color:#344054;font-size:13px;font-weight:700;line-height:1.5;display:block}.employee-profile-sections{gap:16px;display:grid}.employee-profile-card{background:#fff;border:1px solid #e4e7ec;border-radius:13px;overflow:hidden;box-shadow:0 1px 2px #10182808}.employee-profile-card-head{background:#fcfcfd;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.employee-profile-card-head>div{align-items:center;gap:10px;min-width:0;display:flex}.employee-profile-card-kicker{color:#2563eb;background:#eff6ff;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex}.employee-profile-card-head h3{color:#101828;margin:0;font-size:14px;font-weight:800;line-height:1.35}.employee-profile-card-head p{color:#98a2b3;text-align:right;max-width:340px;margin:2px 0 0;font-size:11px;line-height:1.45}.employee-profile-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px 18px 16px;display:grid}.employee-profile-fields>div{min-width:0;padding:13px 14px 10px 0}.employee-profile-fields-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-field-full{grid-column:1/-1}.employee-profile-notes{color:#475467;white-space:pre-wrap;overflow-wrap:anywhere;min-height:78px;padding:18px;font-size:13px;line-height:1.7}.employee-profile-footer{justify-content:space-between}.employee-profile-footer>span{color:#98a2b3;font-size:11px;font-weight:600}.employee-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-detail-grid>div,.employee-view-address{border:1px solid #eaecf0;border-radius:9px;min-width:0;padding:13px}.employee-detail-grid span,.employee-view-address span{color:#98a2b3;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.employee-detail-grid strong,.employee-view-address p{overflow-wrap:anywhere;color:#344054;margin:0;font-size:13px;font-weight:700;line-height:1.6}.employee-view-address{margin-top:14px}.employee-modal-body::-webkit-scrollbar{width:8px;height:8px}.employee-table-wrap::-webkit-scrollbar{width:8px;height:8px}.employee-modal-body::-webkit-scrollbar-track{background:#f2f4f7}.employee-table-wrap::-webkit-scrollbar-track{background:#f2f4f7}.employee-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (width<=1250px){.employee-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-toolbar{grid-template-columns:minmax(240px,1fr) minmax(160px,200px) minmax(130px,160px)}.employee-toolbar .employee-secondary-btn{grid-column:1/-1;justify-self:end}}@media (width<=900px){.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-toolbar{grid-template-columns:1fr 1fr}.employee-search-box{grid-column:1/-1}.employee-toolbar .employee-secondary-btn{grid-column:auto;justify-self:stretch}.employee-form-grid,.employee-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.employees-page{padding-bottom:20px}.employees-header{flex-direction:column}.employees-header .employee-primary-btn{width:100%}.employees-header h1{font-size:24px}.employee-summary-grid{grid-template-columns:1fr}.employee-summary-card{min-height:108px}.employee-toolbar{grid-template-columns:1fr}.employee-search-box,.employee-toolbar .employee-secondary-btn{grid-column:auto}.employee-modal-backdrop{align-items:flex-end;padding:0}.employee-modal,.employee-view-modal{border-radius:16px 16px 0 0;width:100%;max-height:94vh}.employee-modal-header,.employee-modal-body,.employee-modal-footer{padding-left:16px;padding-right:16px}.employee-form-grid{grid-template-columns:1fr}.employee-field-full{grid-column:auto}.employee-detail-grid{grid-template-columns:1fr}.employee-modal-footer{grid-template-columns:1fr 1fr;display:grid}.employee-modal-footer button{width:100%}}.employee-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.employee-master-modal{width:min(100%,1180px)}.employee-master-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.employee-master-panel{background:#fff;border:1px solid #e4e7ec;border-radius:12px;min-width:0;padding:18px}.employee-master-form{background:#f9fafb;border:1px solid #eaecf0;border-radius:10px;margin-bottom:18px;padding:14px}.employee-master-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.employee-master-fields label{flex-direction:column;gap:6px;min-width:0;display:flex}.employee-master-fields label>span{color:#475467;font-size:12px;font-weight:700}.employee-master-fields input,.employee-master-fields select{color:#101828;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:9px 11px;font-size:13px}.employee-master-fields input:focus,.employee-master-fields select:focus{border-color:#84adff;box-shadow:0 0 0 3px #2563eb1a}.employee-master-full{grid-column:1/-1}.employee-master-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.employee-master-list{flex-direction:column;gap:8px;max-height:330px;padding-right:2px;display:flex;overflow-y:auto}.employee-master-item{background:#fff;border:1px solid #eaecf0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.employee-master-item>div:first-child{min-width:0}.employee-master-item strong{color:#101828;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.employee-master-item span{color:#98a2b3;font-size:11px;line-height:1.4;display:block}.employee-master-actions{flex:none;gap:6px;display:flex}.employee-master-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-height:30px;padding:5px 8px;font-size:11px;font-weight:700}.employee-master-actions button:hover{background:#f8fafc;border-color:#98a2b3}.employee-master-empty{color:#98a2b3;text-align:center;border:1px dashed #d0d5dd;border-radius:9px;padding:30px 14px;font-size:13px}@media (width<=900px){.employee-master-grid{grid-template-columns:1fr}}@media (width<=640px){.employee-header-actions{grid-template-columns:1fr;width:100%;display:grid}.employee-header-actions button{width:100%}.employee-master-fields{grid-template-columns:1fr}.employee-master-full{grid-column:auto}.employee-master-item{flex-direction:column;align-items:flex-start}.employee-master-actions{width:100%}.employee-master-actions button{flex:1}}.employee-draft-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.employee-field-help{color:#667085;margin-top:1px;font-size:11px;line-height:1.45}.employee-optional-note{color:#475467;background:#f8fbff;border:1px solid #dbeafe;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:12px;line-height:1.55}.employee-form-grid select:disabled{color:#98a2b3;cursor:not-allowed;background:#f2f4f7}@media (width<=900px){.employee-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-field-full{grid-column:1/-1}}@media (width<=640px){.employee-profile-modal-header{padding-top:18px;padding-bottom:18px}.employee-profile-body{padding-top:18px;padding-bottom:22px}.employee-profile-hero-polished{flex-direction:column}.employee-profile-avatar{border-radius:15px;flex-basis:58px;width:58px;height:58px;font-size:21px}.employee-profile-identity{width:100%}.employee-profile-name-row{flex-direction:column;gap:10px}.employee-profile-quick-grid,.employee-profile-fields,.employee-profile-fields-compact{grid-template-columns:1fr}.employee-profile-field-full{grid-column:auto}.employee-profile-card-head{flex-direction:column;gap:7px}.employee-profile-card-head p{text-align:left;max-width:none;margin-left:38px}.employee-profile-fields{padding-left:16px;padding-right:16px}.employee-profile-footer{align-items:center;display:flex}.employee-profile-footer>span{display:none}.employee-profile-footer button{width:100%}}.ps-dashboard{color:#183047;gap:17px;min-width:0;display:grid}.ps-dashboard-heading{justify-content:space-between;align-items:end;gap:16px;padding:3px 2px;display:flex}.ps-dashboard-eyebrow{letter-spacing:.11em;color:#68819a;font-size:10px;font-weight:750}.ps-dashboard-heading h2{letter-spacing:-.03em;margin:4px 0 3px;font-size:24px;line-height:1.2}.ps-dashboard-heading p,.ps-dashboard-panel-head p{color:#748698;margin:0;font-size:12px}.ps-dashboard-refresh{color:#31536b;background:#fff;border:1px solid #d7e2e9;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700}.ps-dashboard-error{color:#9a3412;background:#fff7f0;border:1px solid #f2d8c6;border-radius:8px;padding:10px 13px;font-size:12px}.ps-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ps-dashboard-metric{background:#fff;border:1px solid #e1e9ef;border-radius:11px;min-width:0;min-height:119px;padding:15px 16px;box-shadow:0 3px 16px #19324b09}.ps-dashboard-metric-top{color:#60768a;justify-content:space-between;align-items:start;gap:8px;font-size:12px;font-weight:650;display:flex}.ps-dashboard-metric-icon{color:#3166ae;background:#eaf1fb;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:15px;font-weight:800;display:grid}.ps-dashboard-metric.tone-green .ps-dashboard-metric-icon{color:#16855b;background:#e8f7ef}.ps-dashboard-metric.tone-violet .ps-dashboard-metric-icon{color:#7156b8;background:#f0edfc}.ps-dashboard-metric.tone-amber .ps-dashboard-metric-icon{color:#d07725;background:#fff3e6}.ps-dashboard-metric strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:20px;line-height:1.2;display:block;overflow:hidden}.ps-dashboard-metric small{color:#8293a2;font-size:11px}.ps-dashboard-content{grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);align-items:start;gap:14px;display:grid}.ps-dashboard-panel{background:#fff;border:1px solid #e1e9ef;border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 3px 16px #19324b09}.ps-dashboard-panel-head{border-bottom:1px solid #e9eef3;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.ps-dashboard-panel-head h3{letter-spacing:-.015em;margin:3px 0 2px;font-size:15px}.ps-dashboard-panel-head button{color:#2268a0;white-space:nowrap;background:0 0;border:0;font-size:11px;font-weight:700}.ps-dashboard-table-wrap{overflow-x:auto}.ps-dashboard table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.ps-dashboard th{color:#72859a;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;padding:10px 13px;font-size:10px;font-weight:750}.ps-dashboard td{color:#395166;border-top:1px solid #edf1f4;padding:10px 13px}.ps-dashboard tr:hover td{background:#f8fbfd}.ps-dashboard td strong{color:#1d3a50;font-size:12px;display:block}.ps-dashboard td small{color:#8a9aaa;font-size:10px;display:block}.ps-dashboard .money{text-align:right;font-variant-numeric:tabular-nums}.ps-dashboard td.amount{color:#147959;font-weight:750}.ps-dashboard .method{text-transform:capitalize}.ps-dashboard-empty{text-align:center;color:#8092a1;padding:38px 16px;font-size:12px}.ps-dashboard-snapshot-list{padding:3px 17px}.ps-dashboard-snapshot-list>div{border-bottom:1px solid #edf1f4;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}.ps-dashboard-snapshot-list span{color:#647a8e}.ps-dashboard-snapshot-list strong{font-variant-numeric:tabular-nums;white-space:nowrap}.ps-dashboard-open{color:#215e86;background:#f0f7fc;border:1px solid #d3e4f0;border-radius:8px;justify-content:space-between;width:calc(100% - 34px);margin:16px 17px;padding:9px 12px;font-size:12px;font-weight:750;display:flex}@media (width<=1100px){.ps-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-dashboard-content{grid-template-columns:1fr}}@media (width<=620px){.ps-dashboard-metrics{grid-template-columns:1fr 1fr}.ps-dashboard-metric{min-height:105px;padding:12px}.ps-dashboard-metric strong{font-size:16px}.ps-dashboard-heading h2{font-size:22px}}@media (width<=420px){.ps-dashboard-metrics{grid-template-columns:1fr}.ps-dashboard-heading{flex-direction:column;align-items:start}}.import-center{max-width:1400px;margin:auto;padding:24px}.import-center h2{margin:0 0 12px}.import-center .import-panel{background:#fff;border:1px solid #ddd;border-radius:10px;margin:16px 0;padding:18px}.import-center button,.import-center select,.import-center input{border:1px solid #bbb;border-radius:6px;margin:4px;padding:8px}.import-center button{cursor:pointer}.import-center button:disabled{opacity:.5;cursor:default}.import-center .import-mapping{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.import-center label{display:block}.import-center label select{width:95%;display:block}.import-center .import-table{max-height:420px;overflow:auto}.import-center table{border-collapse:collapse;width:100%;font-size:13px}.import-center td,.import-center th{text-align:left;white-space:nowrap;border-bottom:1px solid #ddd;padding:8px}.import-center .import-error{color:#a31515;white-space:pre-wrap}.import-center .import-good{color:#146636}.import-center .import-summary{font-weight:600;line-height:1.8}.attendance-module{--att-ink:#172b42;--att-muted:#61758a;--att-border:#dfe7ee;max-width:1400px;color:var(--att-ink);gap:16px;margin:0 auto;padding:4px 0 28px;display:grid}.attendance-module *{box-sizing:border-box}.attendance-page-head{justify-content:space-between;align-items:end;gap:16px;padding:4px 2px 2px;display:flex}.attendance-page-head h2{letter-spacing:-.03em;color:#142b42;margin:3px 0 4px;font-size:24px;line-height:1.2}.attendance-page-head p,.attendance-card-head p{color:var(--att-muted);margin:0;font-size:12px;line-height:1.5}.attendance-eyebrow,.attendance-step{color:#607d93;letter-spacing:.105em;text-transform:uppercase;font-size:10px;font-weight:750}.attendance-count{color:#315b72;background:#f1f7fa;border:1px solid #d8e5ee;border-radius:999px;flex:none;padding:5px 10px;font-size:11px;font-weight:700}.attendance-card{border:1px solid var(--att-border);background:#fff;border-radius:12px;gap:14px;min-width:0;padding:18px 20px;display:grid;box-shadow:0 3px 18px #0f2a410b}.attendance-card h3{color:#18334c;letter-spacing:-.015em;margin:0;font-size:16px}.attendance-card h4{color:#213d52;margin:10px 0 4px;font-size:13px}.attendance-card-head{border-bottom:1px solid #e9eff4;justify-content:space-between;align-items:center;gap:18px;padding-bottom:13px;display:flex}.attendance-card-head h3{margin:3px 0 2px}.attendance-step{white-space:nowrap}.attendance-section-title{color:#2d4e64;letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:11px;font-weight:750;display:flex}.attendance-section-title span{color:#8395a5;letter-spacing:0;text-transform:none;font-weight:500}.attendance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attendance-grid-identity{grid-template-columns:minmax(180px,1.15fr) minmax(180px,1.55fr) repeat(2,minmax(130px,.8fr))}.attendance-grid-policy{grid-template-columns:repeat(5,minmax(0,1fr))}.attendance-grid label,.attendance-card>label{color:#344f63;gap:5px;min-width:0;font-size:11px;font-weight:650;display:grid}.attendance-grid :is(input,select),.attendance-card>label input,.attendance-scroll input{color:#193349;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #ccd9e3;border-radius:7px;padding:7px 10px;font-size:12px}.attendance-grid :is(input,select):hover,.attendance-card>label input:hover{border-color:#a9bfce}.attendance-grid :is(input,select):focus-visible,.attendance-card>label input:focus-visible{outline-offset:1px;border-color:#297aa8;outline:2px solid #90c4e4}.attendance-days{border:0;border-top:1px solid #edf1f5;flex-wrap:wrap;gap:7px;margin:0;padding:10px 0 0;display:flex}.attendance-days legend{color:#2d4e64;letter-spacing:.055em;text-transform:uppercase;padding:0 0 2px;font-size:11px;font-weight:750}.attendance-days legend span{color:#8395a5;letter-spacing:0;text-transform:none;margin-left:9px;font-size:11px;font-weight:500}.attendance-days label{color:#3a566b;cursor:pointer;background:#f9fbfd;border:1px solid #dce6ee;border-radius:7px;align-items:center;gap:7px;min-width:99px;min-height:32px;padding:5px 10px;font-size:11px;font-weight:650;transition:background .15s,border-color .15s;display:flex}.attendance-days label:has(input:checked){color:#145b81;background:#eaf5fb;border-color:#a6cfdf}.attendance-days input{accent-color:#1677a7;width:14px;height:14px;margin:0}.attendance-preview{background:#f6fafc;border:1px solid #dbe8ef;border-radius:9px;flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.attendance-preview>div{border-right:1px solid #dbe8ef;gap:2px;min-width:160px;padding:9px 16px;display:grid}.attendance-preview>div:last-child{border-right:0}.attendance-preview span{letter-spacing:.08em;color:#70899a;font-size:9px;font-weight:750}.attendance-preview strong{color:#19435b;font-size:12px}.attendance-form-footer{border-top:1px solid #e9eff4;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.attendance-toggle{color:#29475d;cursor:pointer;align-items:center;gap:9px;display:flex}.attendance-toggle input{accent-color:#1677a7;width:16px;height:16px}.attendance-toggle span{gap:1px;display:grid}.attendance-toggle strong{font-size:12px}.attendance-toggle small{color:var(--att-muted);font-size:10px}.attendance-actions{flex-wrap:wrap;gap:8px;display:flex}.attendance-actions button,.attendance-scroll button,.attendance-card>button{color:#28516d;cursor:pointer;background:#fff;border:1px solid #cbdce8;border-radius:7px;min-height:34px;padding:6px 12px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s}.attendance-actions button:hover:not(:disabled),.attendance-scroll button:hover:not(:disabled){background:#edf6fb;border-color:#9dc5dc}.attendance-actions .attendance-primary,.attendance-actions button:first-child{color:#fff;background:#17638f;border-color:#17638f}.attendance-actions .attendance-primary:hover:not(:disabled),.attendance-actions button:first-child:hover:not(:disabled){background:#114f75;border-color:#114f75}.attendance-actions button:disabled,.attendance-card>button:disabled{opacity:.55;cursor:not-allowed}.attendance-table-card{padding-bottom:12px}.attendance-scroll{border:1px solid #e5edf2;border-radius:8px;overflow-x:auto}.attendance-scroll table{border-collapse:collapse;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.attendance-scroll th{color:#668094;letter-spacing:.055em;text-transform:uppercase;background:#f6f9fb;font-size:10px;font-weight:750;position:sticky;top:0}.attendance-scroll th,.attendance-scroll td{border-bottom:1px solid #eaf0f4;padding:9px 12px}.attendance-scroll tbody tr:last-child td{border-bottom:0}.attendance-scroll tbody tr:hover{background:#f8fbfd}.attendance-row-name{color:#173b53;font-weight:700}.attendance-badge{border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:750;display:inline-flex}.attendance-badge.is-active{color:#18734a;background:#e6f5ed}.attendance-badge.is-inactive{color:#65788a;background:#edf1f4}.attendance-empty{color:var(--att-muted);text-align:center;background:#fbfdfe;border:1px dashed #d7e3eb;border-radius:8px;margin:0;padding:18px;font-size:12px}.attendance-error,.attendance-notice{border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.attendance-error{color:#a53629;background:#fff0ed;border:1px solid #f7d7d1}.attendance-notice{color:#176b45;background:#ebf8f1;border:1px solid #ccead9}.attendance-card p{font-size:12px;line-height:1.5}.attendance-card ul{margin:2px 0 8px;padding-left:20px}.attendance-card li{border-bottom:1px solid #edf1f3;padding:5px 0;font-size:12px}@media (width<=1100px){.attendance-grid-policy{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-grid-identity{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.attendance-card{padding:14px}.attendance-grid,.attendance-grid-identity,.attendance-grid-policy{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-page-head{align-items:start}.attendance-step{display:none}}@media (width<=500px){.attendance-grid,.attendance-grid-identity,.attendance-grid-policy{grid-template-columns:1fr}.attendance-page-head{display:block}.attendance-page-head .attendance-count{margin-top:9px;display:inline-flex}.attendance-form-footer{flex-direction:column;align-items:stretch}.attendance-preview>div{flex:1;min-width:120px}.attendance-days label{min-width:calc(50% - 4px)}}.attendance-help{color:#526e80;background:#f3f9fc;border-left:3px solid #99c6dd;border-radius:0 6px 6px 0;margin:0;padding:9px 11px}.attendance-current{background:#f8fbfd;justify-content:space-between;align-items:center;gap:16px;display:flex}.attendance-current h3{margin-top:3px}.attendance-current>strong{color:#175575;font-size:13px}.attendance-toolbar{flex-wrap:wrap;align-items:end;gap:10px;padding-bottom:4px;display:flex}.attendance-toolbar label{color:#344f63;gap:5px;min-width:175px;font-size:11px;font-weight:650;display:grid}.attendance-toolbar input{color:#193349;background:#fff;border:1px solid #ccd9e3;border-radius:7px;min-height:36px;padding:7px 10px;font-size:12px}.attendance-toolbar button{color:#607589;background:#f2f6f8;border:1px solid #cbdce8;border-radius:7px;min-height:36px;padding:7px 12px;font-size:11px;font-weight:700}@media (width<=700px){.attendance-current{flex-direction:column;align-items:start}}.attendance-draft-status{color:#607989;letter-spacing:0;text-transform:none;margin-top:4px;font-size:11px;font-weight:500;display:block}.ps-ui{--ps-ink:#18302e;--ps-muted:#60736f;--ps-line:#dce8e4;--ps-accent:#087963;--ps-accent-dark:#086650;--ps-surface:#fff;--ps-radius:12px;--ps-space:16px;color:var(--ps-ink);font-size:13px;line-height:1.45}.ps-ui .ps-card{background:var(--ps-surface);border:1px solid var(--ps-line);border-radius:var(--ps-radius);box-shadow:0 2px 12px #13302c09}.ps-ui .ps-button{background:var(--ps-accent);color:#fff;min-height:36px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:7px 12px;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s}.ps-ui .ps-button:hover:not(:disabled){background:var(--ps-accent-dark)}.ps-ui .ps-button:focus-visible,.ps-ui input:focus-visible{outline:2px solid var(--ps-accent);outline-offset:2px}.ps-ui .ps-button:disabled{opacity:.55;cursor:not-allowed}.ps-ui .ps-button-subtle{color:#116955;background:#eef7f4}.ps-ui .ps-button-subtle:hover:not(:disabled){background:#dff0e9}.ps-ui .ps-badge{color:#176d59;white-space:nowrap;background:#eaf5f0;border-radius:999px;align-items:center;width:fit-content;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ps-ui .ps-alert{border-radius:8px;margin:0 0 14px;padding:9px 12px;font-size:12px}.ps-ui .ps-alert-error{color:#a6382d;background:#fff0ed}.ps-ui .ps-alert-success{color:#197140;background:#eaf7ee}@media (prefers-reduced-motion:reduce){.ps-ui .ps-button{transition:none}}.app-shell{--ui-title-size:23px;--ui-section-size:16px;--ui-body-size:13px;--ui-label-size:12px;--ui-helper-size:11px;--ui-control-height:36px;--ui-card-padding:16px;--ui-table-pad-y:9px;--ui-table-pad-x:10px}.app-shell .ui-card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:var(--ui-card-padding);background:#fff;box-shadow:0 2px 12px #12283709}.app-shell .ui-page-title{font-size:var(--ui-title-size);letter-spacing:-.025em;margin:0 0 4px;line-height:1.2}.app-shell .ui-section-title{font-size:var(--ui-section-size);margin:0 0 8px;line-height:1.3}.app-shell .ui-helper{color:var(--ui-muted);font-size:var(--ui-helper-size);line-height:1.45}.app-shell .ui-empty{border:1px dashed var(--ui-line);border-radius:var(--ui-radius);color:var(--ui-muted);text-align:center;background:#fbfcfd;padding:26px 18px}.app-shell .ui-badge{color:#245baa;background:#eff6ff;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.app-shell .ui-badge[data-tone=success]{color:#14704b;background:#eaf7ef}.app-shell .ui-badge[data-tone=warning]{color:#9a650e;background:#fff7e5}.app-shell .ui-badge[data-tone=danger]{color:#ae3a34;background:#fef0ee}.app-shell .ui-badge[data-tone=neutral]{color:#5c6d79;background:#f1f4f6}.payroll-module{max-width:1450px;margin:0 auto;padding:20px 24px 40px}.payroll-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.payroll-heading h2{letter-spacing:-.025em;margin:1px 0 3px;font-size:24px;line-height:1.2}.payroll-heading p{color:var(--ps-muted);margin:0;font-size:13px}.payroll-eyebrow{letter-spacing:.12em;font-weight:800;color:var(--ps-accent)!important;font-size:10px!important}.payroll-stage{margin-top:4px}.payroll-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.payroll-summary>div{background:var(--ps-surface);border:1px solid var(--ps-line);border-radius:var(--ps-radius);flex-direction:column;gap:3px;min-width:0;min-height:91px;padding:12px 14px;display:flex;box-shadow:0 2px 12px #13302c09}.payroll-summary small{color:var(--ps-muted);font-size:11px;font-weight:650}.payroll-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:18px;line-height:1.28}.payroll-summary span{color:var(--ps-muted);font-size:11px}.payroll-columns{grid-template-columns:minmax(280px,365px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.payroll-card{min-width:0;padding:17px}.payroll-card h3{margin:0 0 4px;font-size:16px;line-height:1.3}.payroll-card p{color:var(--ps-muted);margin:0 0 11px;font-size:12px}.payroll-card label{flex-direction:column;gap:5px;margin-top:12px;font-size:12px;font-weight:650;display:flex}.payroll-card input{width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #cbdad5;border-radius:8px;padding:7px 10px;font-size:13px}.payroll-card input:hover{border-color:#98bab0}.payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.payroll-card .payroll-limitation{background:#fff9e9;border-left:3px solid #d7a32b;border-radius:3px;margin:13px 0 12px;padding:8px 10px;font-size:11px;line-height:1.4}.payroll-scroll{max-height:490px;overflow-x:auto}.payroll-card table{border-collapse:collapse;width:100%;font-size:12px}.payroll-card th,.payroll-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6eeeb;padding:9px 10px}.payroll-card th{z-index:1;color:var(--ps-muted);background:#fff;font-size:11px;font-weight:700;position:sticky;top:0}.payroll-card tbody tr:hover{background:#f7fbf9}.payroll-card tbody .payroll-selected,.payroll-card tbody .payroll-selected:hover{background:#eef8f3}.payroll-card td:last-child{text-align:right}.payroll-card .payroll-secondary{min-height:30px;padding:4px 9px;font-size:11px}.payroll-status{text-transform:capitalize}.payroll-record-note{margin-top:14px}.payroll-record-note p:last-child{margin-bottom:0}@media (width<=1100px){.payroll-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.payroll-columns{grid-template-columns:1fr}}@media (width<=620px){.payroll-module{padding:16px 12px 32px}.payroll-heading{flex-direction:column;gap:8px}.payroll-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-card{padding:14px}}@media (width<=390px){.payroll-form-grid{grid-template-columns:1fr}}.payroll-columns{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}.payroll-card select{color:#273247;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #cbdad5;border-radius:8px;padding:7px 10px;font-size:13px}.payroll-card>button.ps-button{margin-top:15px}.payroll-period-card .payroll-scroll{max-height:385px}.payroll-card table td strong{color:#183449;font-weight:700;display:block}.payroll-card table td small{color:#8294a3;margin-top:2px;font-size:10px;display:block}.payroll-money{font-variant-numeric:tabular-nums;text-align:right!important}.payroll-empty{text-align:center;background:#f9fcfb;border:1px dashed #d9e5e7;border-radius:8px;padding:18px}.payroll-workspace{margin-top:14px}.payroll-workspace-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.payroll-workspace-head h3{margin:2px 0}.payroll-workspace-head .payroll-eyebrow{margin:0}.payroll-workspace .payroll-scroll{border:1px solid #e4eeeb;border-radius:8px;max-height:570px}.payroll-workspace table{font-size:11px}.payroll-workspace th,.payroll-workspace td{padding:9px 11px}.payroll-workspace th{white-space:nowrap;background:#f7faf9}.payroll-detail-backdrop{z-index:100;background:#0f1e2b78;justify-content:flex-end;display:flex;position:fixed;inset:0}.payroll-detail{background:#fff;width:min(470px,100%);height:100%;overflow-y:auto;box-shadow:-12px 0 35px #0f1e2b24}.payroll-detail-head{border-bottom:1px solid #e4eeeb;justify-content:space-between;gap:12px;padding:22px;display:flex}.payroll-detail-head h3{margin:3px 0;font-size:19px}.payroll-detail-head p{color:#708496;margin:0;font-size:12px}.payroll-detail-head button{background:#fff;border:1px solid #dce6e7;border-radius:7px;align-self:start;width:31px;height:31px;font-size:20px}.payroll-detail-body{gap:18px;padding:19px 22px 30px;display:grid}.payroll-detail-body section{border:1px solid #e4eceb;border-radius:9px;padding:13px 15px}.payroll-detail-body h4{color:#234052;margin:0 0 9px;font-size:13px}.payroll-detail-body dl{margin:0}.payroll-detail-body dl>div{border-top:1px solid #eef2f2;justify-content:space-between;gap:14px;padding:7px 0;font-size:12px;display:flex}.payroll-detail-body dt{color:#708496}.payroll-detail-body dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.payroll-detail-totals{background:#f4faf8}.payroll-detail-totals dl>div:last-child{color:#116c50;font-size:14px}@media (width<=850px){.payroll-columns{grid-template-columns:1fr}}.payroll-draft-status{color:#5a7586;font-size:11px;display:block}.payroll-draft-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;display:flex}.payroll-draft-actions .ps-button{margin:0}.mkt-settings{color:#334155;gap:16px;display:grid}.mkt-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:20px}.mkt-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mkt-heading h3,.mkt-heading h4{margin:0}.mkt-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0;display:grid}.mkt-grid label{gap:8px;font-size:12px;font-weight:600;display:grid}.mkt-grid input:not([type=checkbox]),.mkt-grid select{box-sizing:border-box;width:100%;font:inherit;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px}.mkt-grid p{overflow-wrap:anywhere;margin:6px 0;font-size:12px}.mkt-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:14px 0;display:flex}.mkt-checkbox{align-items:center;gap:8px!important;display:flex!important}.mkt-safety{background:#eff6ff;border:1px solid #93c5fd;border-radius:10px;padding:16px;font-size:12px}.mkt-safety p{margin:6px 0 0}.mkt-error{color:#991b1b;overflow-wrap:anywhere;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;padding:14px}.mkt-success{color:#166534;background:#f0fdf4;border:1px solid #22c55e;border-radius:8px;padding:14px}.mkt-muted,.mkt-panel small,.mkt-panel>p{font-size:11px;line-height:1.6}.mkt-panel code{overflow-wrap:anywhere}.mkt-settings button:disabled{opacity:.55;cursor:not-allowed}.mkt-warning{color:#634300;background:#fff6db;border-left:4px solid #c58100;padding:12px}.mkt-table-wrap{margin:16px 0;overflow-x:auto}.mkt-table{border-collapse:collapse;width:100%;min-width:740px;font-size:13px}.mkt-table th,.mkt-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d9e2ea;padding:12px 10px}.mkt-table th{color:#24364b;background:#edf2f7}.mkt-table small{overflow-wrap:anywhere}.mkt-table button{white-space:nowrap;margin-bottom:6px;display:block}.mkt-completion{border:2px solid #3265ad;border-radius:10px;margin:18px 0;padding:20px}.mkt-danger-btn{color:#fff;cursor:pointer;background:#aa2525;border:0;border-radius:7px;padding:10px 15px}.mkt-danger-btn:disabled{opacity:.5;cursor:not-allowed}.mkt-workspace h4{margin-top:18px}.mkt-workspace .mkt-grid select,.mkt-workspace .mkt-grid input{min-width:0}.ps-portal{color:#0f172a;gap:14px;font-size:14px;display:grid}.ps-portal-head h2{margin:0 0 4px;font-size:20px}.ps-portal-head p{color:#475569;margin:0}.ps-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ps-row.wrap{flex-wrap:wrap}.ps-row input[type=text],.ps-row>input{flex:260px;min-width:0}.ps-portal input,.ps-portal select,.ps-portal textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.ps-field{color:#334155;gap:4px;font-size:13px;font-weight:600;display:grid}.ps-field input,.ps-field select,.ps-field textarea{font-weight:400}fieldset.ps-field{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.ps-check{align-items:center;gap:6px;font-size:13px;font-weight:400;display:flex}.ps-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:9px 14px;font-weight:700}.ps-btn:disabled{opacity:.45;cursor:not-allowed}.ps-btn.ghost{color:#0f172a;background:#e2e8f0}.ps-btn.danger{background:#dc2626}.ps-link{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.ps-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden}.ps-table th,.ps-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef2f7;padding:8px 10px}.ps-table th{text-transform:uppercase;letter-spacing:.03em;color:#475569;background:#f8fafc;font-size:12px}.ps-table tr.sel td{background:#eff6ff}.ps-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:14px 16px;display:grid}.ps-card h3{margin:0;font-size:16px}.ps-card h4{margin:6px 0 0;font-size:14px}.ps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.ps-stack{align-content:start;gap:12px;display:grid}.ps-box{background:#fbfdff;border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:12px;display:grid}.ps-box.inline{background:#fff;margin-top:8px}.ps-note{background:#f1f5f9;border-radius:8px;margin:0;padding:9px 12px}.ps-note.bad{color:#991b1b;background:#fef2f2}.ps-note.warn{color:#92400e;background:#fffbeb}.ps-note.ok{color:#065f46;background:#ecfdf5}.ps-hint{color:#64748b;margin:0;font-size:12px}.ps-tag{background:#e2e8f0;border-radius:99px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.ps-tag.ok{color:#065f46;background:#d1fae5}.ps-tag.warn{color:#92400e;background:#fef3c7}.ps-tag.bad{color:#991b1b;background:#fee2e2}.ps-slip-wrap{gap:10px;display:grid}.ps-slip{background:#fff;border:2px dashed #334155;border-radius:10px;max-width:460px;padding:14px}.ps-code{letter-spacing:.12em;margin:8px 0;font:700 26px/1.2 ui-monospace,Consolas,monospace}.ps-messages{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ps-messages li{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.ps-messages li.internal{background:#fffbeb}.ps-events{color:#475569;margin:0;padding-left:18px;font-size:12px}.ps-history summary{cursor:pointer;font-weight:700}@media (width<=640px){.ps-table{display:block;overflow-x:auto}}@media print{body.ps-printing-slip *{visibility:hidden!important}body.ps-printing-slip #ps-code-slip,body.ps-printing-slip #ps-code-slip *{visibility:visible!important}body.ps-printing-slip #ps-code-slip{position:absolute;top:0;left:0}body.ps-printing-slip .no-print{display:none!important}}.app-shell{--ui-bg:#f5f8fa;--ui-ink:#182a3b;--ui-muted:#627385;--ui-line:#dfe7ec;--ui-radius:11px;--ui-accent:var(--ps-primary,#2563eb);color:var(--ui-ink);background:var(--ui-bg);font-size:13px;line-height:1.45}.app-shell .main-area{background:var(--ui-bg);margin-left:244px}.app-shell .sidebar{width:244px}.app-shell .sidebar.collapsed{width:72px}.app-shell .sidebar.collapsed+.main-area{margin-left:72px}.app-shell .brand{min-height:68px;padding:10px 16px}.app-shell .brand-mark{flex-basis:40px;width:40px;height:40px}.app-shell .brand strong{letter-spacing:.02em;font-size:13px}.app-shell .brand span{font-size:11px}.app-shell .sidebar nav{padding:10px 9px}.app-shell .menu-group{margin-bottom:12px}.app-shell .menu-title{letter-spacing:.1em;margin-bottom:4px;font-size:9px}.app-shell .nav-item{border-radius:8px;gap:9px;min-height:37px;margin-bottom:2px;padding:0 10px;font-size:12px}.app-shell .nav-icon{min-width:19px;font-size:14px}.app-shell .sidebar-user{padding:10px 13px}.app-shell .topbar{min-height:64px;padding:0 24px}.app-shell .topbar h1{font-size:15px;line-height:1.25}.app-shell .topbar p{font-size:11px}.app-shell .topbar-right{gap:11px}.app-shell .topbar-left{gap:12px}.app-shell .menu-toggle{flex-basis:34px;width:34px;height:34px}.app-shell .content{min-width:0;padding:20px 24px 32px}.app-shell :is(.welcome,.subscriber-heading,.employees-header){gap:12px;margin-bottom:15px}.app-shell :is(.welcome h2,.subscriber-heading h2,.employees-header h1){letter-spacing:-.025em;font-size:23px;line-height:1.2}.app-shell :is(.welcome p,.subscriber-heading p,.employees-header p){font-size:12px;line-height:1.45}.app-shell :is(.stats-grid,.subscriber-summary-grid,.employee-summary-grid){gap:10px;margin-bottom:14px}.app-shell :is(.stat-card,.subscriber-summary-card,.employee-summary-card){border:1px solid var(--ui-line);border-radius:var(--ui-radius);min-height:92px;padding:12px 14px;box-shadow:0 2px 12px #12283709}.app-shell :is(.stat-card h3,.subscriber-summary-card strong,.employee-summary-card strong){font-variant-numeric:tabular-nums;margin-top:5px;font-size:19px;line-height:1.25}.app-shell :is(.stat-top>span,.subscriber-summary-card span,.employee-summary-card span){letter-spacing:0;color:var(--ui-muted);font-size:11px}.app-shell :is(.stat-card p,.subscriber-summary-card small,.employee-summary-card small){font-size:11px;line-height:1.35}.app-shell :is(.panel,.employee-table-card,.attendance-card,.settings-edit-form){border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 2px 12px #12283708}.app-shell .panel-head{padding:12px 15px}.app-shell :is(.panel-head h3,.settings-edit-form h3,.employee-form-section h3,.attendance-card h3){font-size:15px}.app-shell :is(.date-box,.settings-edit-form){padding:12px 14px}.app-shell :is(.subscriber-panel form input:not([type=checkbox]):not([type=radio]),.subscriber-panel form select,.subscriber-panel form textarea,.employee-form-grid input:not([type=checkbox]):not([type=radio]),.employee-form-grid select,.employee-form-grid textarea,.employee-toolbar input:not([type=checkbox]):not([type=radio]),.employee-toolbar select,.attendance-grid input:not([type=checkbox]):not([type=radio]),.attendance-grid select,.subscriber-toolbar input:not([type=checkbox]):not([type=radio]),.subscriber-toolbar select){border-radius:8px;min-height:36px;padding:7px 10px;font-size:13px}.app-shell :is(.subscriber-panel form label,.employee-form-grid label,.attendance-grid label){font-size:12px}.app-shell :is(.add-subscriber-btn,.primary-btn,.employee-primary-btn,.employee-secondary-btn,.quick-actions button,.attendance-actions button,.attendance-scroll button){border-radius:8px;min-height:35px;padding:7px 12px;font-size:12px;line-height:1.3}.app-shell :is(button,input,select,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.app-shell :is(.subscriber-table-wrap,.employee-table-wrap,.attendance-scroll){overflow-x:auto}.app-shell :is(.subscriber-table,.employee-table,.attendance-scroll table){font-variant-numeric:tabular-nums;font-size:12px}.app-shell :is(.subscriber-table th,.subscriber-table td,.employee-table th,.employee-table td,.attendance-scroll th,.attendance-scroll td){padding:9px 10px;line-height:1.4}.app-shell :is(.subscriber-table th,.employee-table th,.attendance-scroll th){background:#f8fafc;font-size:11px}.app-shell :is(.subscriber-table td,.employee-table td,.attendance-scroll td),.app-shell :is(.subscriber-identity strong,.subscriber-contact strong,.due-date-cell strong,.employee-name-cell strong){font-size:12px}.app-shell :is(.subscriber-identity span,.subscriber-contact span,.due-date-cell span,.employee-name-cell span,.employee-name-cell small){font-size:11px}.app-shell :is(.status-badge,.connection-badge,.employee-status){padding:4px 8px;font-size:10px}.app-shell .module-page{min-height:min(560px,100vh - 120px)}.app-shell .module-panel{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;max-width:460px;padding:25px;box-shadow:0 8px 30px #1228370a}.app-shell .module-symbol{border-radius:10px;width:46px;height:46px}.app-shell .module-panel h2{font-size:22px}.app-shell .module-panel p{font-size:13px}.app-shell .attendance-module{gap:14px;max-width:none;padding:4px 0 28px}.app-shell .attendance-module header h2{margin:0 0 4px;font-size:23px}.app-shell .attendance-module header p{font-size:12px}.app-shell .attendance-card{gap:12px;padding:15px}.app-shell .attendance-grid{gap:10px}.app-shell .attendance-days{gap:8px;padding:8px}.app-shell .payroll-module{max-width:none;padding:4px 0 30px}.app-shell .payroll-heading h2{font-size:23px}.app-shell .payroll-summary>div{min-height:86px}.app-shell .payroll-card,.app-shell .payroll-card label,.app-shell .payroll-card table th,.app-shell .payroll-card table td{text-align:left}.app-shell .payroll-card table td:last-child{text-align:right}@media (width<=1100px){.app-shell .content{padding:16px}}@media (width<=800px){.app-shell .sidebar{width:72px}.app-shell .main-area,.app-shell .sidebar.collapsed+.main-area{margin-left:72px}.app-shell .topbar{padding:0 14px}.app-shell .content{padding:14px}}@media (width<=600px){.app-shell :is(.welcome h2,.subscriber-heading h2,.employees-header h1){font-size:21px}.app-shell .topbar p{display:none}.app-shell .payroll-module{padding:0 0 24px}}@media (width<=420px){.app-shell .sidebar,.app-shell .sidebar.collapsed{width:68px}.app-shell .main-area,.app-shell .sidebar.collapsed+.main-area{margin-left:68px}}@media (prefers-reduced-motion:reduce){.app-shell :is(.nav-item,button){transition-duration:0s}}@media print{.app-shell .main-area,.app-shell .content{background:#fff}}.ps-login-shell{background:#f3f7fa!important;padding:24px!important}.ps-login-panel{border-color:#dfe8ed!important;border-radius:13px!important;max-width:390px!important;padding:26px!important;box-shadow:0 12px 35px #12283712!important}.ps-login-panel form{gap:13px!important}.ps-login-panel :is(input,button){height:38px!important;min-height:38px!important}.ps-login-panel input:focus-visible{outline-offset:1px;outline:2px solid #2563eb!important}.app-shell .topbar{box-shadow:0 1px #12283706}.app-shell .nav-item.active{box-shadow:inset 3px 0 #93c5fd}.app-shell .nav-item:focus-visible{outline-color:#a8c7ff}.app-shell .panel{background:#fff}.app-shell .subscriber-toolbar{gap:10px;margin-bottom:14px}.app-shell .subscriber-search{min-height:36px}.app-shell .subscriber-table th,.app-shell .employee-table th{letter-spacing:.035em;text-transform:uppercase}.app-shell .subscriber-table tbody tr:hover,.app-shell .employee-table tbody tr:hover,.app-shell .attendance-scroll tbody tr:hover{background:#f6f9fc}.app-shell .subscriber-actions{gap:5px}.app-shell .subscriber-actions button,.app-shell .employee-row-actions button{min-height:29px;padding:4px 8px;font-size:11px}.app-shell .subscriber-panel form label strong{font-size:12px}.app-shell .employee-modal{border-radius:12px}.app-shell .employee-modal-header{padding:13px 17px}.app-shell .employee-modal-header h2{font-size:18px}.app-shell .employee-modal-body{padding:14px 17px}.app-shell .employee-form-section{margin-bottom:14px}.app-shell .employee-form-grid{gap:10px 12px}.app-shell .employee-form-grid label>span{font-size:12px}.app-shell .attendance-card>label{max-width:260px;font-size:12px;font-weight:650}.app-shell .attendance-scroll{border:1px solid var(--ui-line);border-radius:8px}.app-shell .attendance-scroll th{z-index:1;white-space:nowrap;position:sticky;top:0}.app-shell .attendance-scroll button{min-height:29px;padding:4px 8px;font-size:11px}.app-shell .attendance-card h4{margin:10px 0 5px;font-size:13px}.app-shell .attendance-card ul{margin:4px 0 8px;padding-left:18px}.app-shell .attendance-card li{border-bottom:1px solid #edf1f3;padding:5px 0;font-size:12px}.app-shell .attendance-error,.app-shell .attendance-notice{border-radius:7px;margin:0;padding:9px 11px;font-size:12px}.app-shell .attendance-error{background:#fff1ee}.app-shell .attendance-notice{background:#ebf8f1}.app-shell .settings-summary-grid .subscriber-summary-card{min-height:88px}.app-shell .settings-edit-form{gap:11px;margin-bottom:14px}.app-shell .theme-preset-card{min-height:65px}.app-shell .payroll-card h3{font-size:15px}.app-shell .payroll-card p{line-height:1.45}.app-shell .payroll-summary strong{font-size:18px}@media (width<=900px){.app-shell .subscriber-toolbar,.app-shell .employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.ps-login-shell{padding:14px!important}.ps-login-panel{padding:19px!important}.app-shell .subscriber-toolbar,.app-shell .employee-form-grid{grid-template-columns:1fr}.app-shell .employee-modal-body{padding:12px}}