*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f4f2ed;color:#343027;font:14px/1.6 system-ui,-apple-system,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(24px,calc((100vw - 1300px)/2));border-bottom:1px solid #d9cfb9;background:#fff}.pay-brand{display:flex;align-items:center;gap:15px;color:#343027;text-decoration:none;line-height:1.2}.pay-brand>b{font-size:54px;color:#98742b}.pay-brand>span{font-size:24px;font-weight:750;letter-spacing:.08em}.pay-brand small{display:block;font-size:8px;letter-spacing:.12em;margin-top:7px}a{color:#806021}header>a:last-child{font-size:12px}main{max-width:1300px;margin:auto;padding:35px 24px}.pay-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.kicker{font-size:10px;letter-spacing:.17em;color:#947028;font-weight:700}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:12px 0;letter-spacing:-.05em}h1 span{color:#a47b22}h2{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}h3{margin-top:28px;font-size:16px}button,.primary{font:600 12px/1.5 inherit;cursor:pointer;padding:11px 15px;border:1px solid #cdbd9b;border-radius:7px;color:#6e531e;background:#fff;text-decoration:none;display:inline-block;min-height:42px}button:disabled{opacity:.5;cursor:wait}.primary{background:#947028;border-color:#947028;color:#fff;font:600 13px/1.5 system-ui}.pay-modes{display:flex;gap:10px;margin:25px 0}.pay-modes button[aria-pressed=true]{background:#373126;color:#fff;border-color:#373126}.panel{background:#fff;border:1px solid #dfd5c2;border-radius:12px;padding:26px;box-shadow:0 14px 30px #58482605}.login-panel{max-width:540px;margin:35px auto}.lock-mark{font-size:40px;color:#947028}.muted{color:#827b6e;font-size:12px;line-height:1.65}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:12px 0}input,select,textarea{font:14px system-ui;border:1px solid #d8cfbe;padding:11px;border-radius:6px;width:100%;background:#fff;color:#302b23;min-height:42px}input[readonly]{background:#f6f5f2;color:#766d5f}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #b29558;outline-offset:2px}.pay-owner-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.pay-owner-grid>aside{position:sticky;top:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}fieldset{border:0;padding:15px 0 22px;margin:0;border-bottom:1px solid #e8e1d5}legend{font-size:14px;font-weight:700;color:#806021;padding-top:15px}.form-top,.viewer-heading,.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.form-top button{font-size:11px}.pay-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 8px}.pay-totals>div{padding:17px;background:#f5f0e3;border-radius:7px}.pay-totals span{font-size:10px;display:block;color:#82714d}.pay-totals b{font-size:21px;overflow-wrap:anywhere}.pay-totals>div:last-child{background:#947028;color:#fff}.pay-totals>div:last-child span{color:#f3e9cf}.pay-save-actions,.viewer-actions{display:flex;gap:10px;flex-wrap:wrap}.access-settings{font-size:12px;border-bottom:1px solid #e7ddc8;padding-bottom:18px}.access-settings summary{cursor:pointer}.access-settings a{display:block;margin:15px 0}.pay-list{display:grid;gap:10px;max-height:52dvh;overflow:auto}.pay-list button{text-align:left;display:flex;flex-direction:column;gap:4px;width:100%;background:#faf8f2}.pay-list button strong{font-size:13px;color:#353027}.pay-list button small{font-size:10px;color:#8b7d61}.pay-list button[aria-pressed=true]{border-color:#947028;background:#f2e8d1}.archive-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:none}.archive-heading{margin-bottom:20px}.archive-heading>span{font-size:11px;color:#8b7d61}#pay-status{padding:16px 0;color:#805b14;font-weight:600;white-space:pre-wrap}#pay-status:empty{padding:0}#pay-status.error{color:#a12626}#pay-viewer{margin-top:25px}#pay-pdf{display:block;margin-top:20px;width:100%;height:85dvh;border:1px solid #e3dfd3;background:#e9e7e1}.viewer-actions button,.viewer-actions a{font-size:11px}footer{font-size:11px;color:#8e8575;border-top:1px solid #dcd4c3;margin-top:40px;padding-top:20px}.pay-list .empty{padding:12px;background:#faf8f4;color:#827b6e;font-size:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #947028;outline-offset:3px}@media(max-width:850px){.pay-owner-grid{grid-template-columns:1fr}.pay-owner-grid>aside{position:static}.pay-owner-grid>aside .pay-list{max-height:220px}}@media(max-width:520px){header{padding:15px;gap:14px}.pay-brand>span{font-size:18px}.pay-brand small{font-size:6px}.pay-brand>b{font-size:38px}header>a:last-child{font-size:10px;max-width:80px}main{padding:24px 15px}.panel{padding:20px 16px}.fields{grid-template-columns:1fr}.pay-totals{grid-template-columns:1fr}.pay-totals>div{display:flex;align-items:center;justify-content:space-between}.pay-modes button{flex:1;padding:10px}.pay-heading{align-items:flex-start}.pay-heading>button{font-size:10px;padding:8px}.pay-save-actions button{width:100%}#pay-pdf{height:70dvh}}
/* Salary HQ: private chip rooms on a restrained 3D command floor. */
.salary-hq-stage{padding:28px;margin:25px 0;background:radial-gradient(ellipse at 50% 0,#be91412b,transparent 65%),linear-gradient(135deg,#28261f,#141a1d);border:1px solid #b9954f;border-radius:18px;color:#f5eddc;perspective:1200px;position:relative;overflow:hidden}.salary-hq-stage:before{content:'';position:absolute;right:30px;top:0;width:240px;height:130px;background:url('/assets/alpha-logo.webp') center/contain no-repeat;opacity:.05;color:#fbd58b;pointer-events:none}.salary-hq-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.salary-hq-stage h2{font-size:32px}.salary-hq-stage .kicker{color:#d4b26a}.salary-hq-stage label{min-width:210px}.salary-hq-stage input{background:#ffffff0c;border-color:#b796553f;color:#fff}.salary-hq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding:10px 4px 24px;perspective:1300px}.salary-room,.archive-list button{display:flex!important;flex-direction:column;justify-content:center;gap:8px!important;min-height:154px;padding:22px!important;text-align:left;background:linear-gradient(130deg,#44433b,#242b2b)!important;color:#fff!important;border:1px solid #b8955466!important;border-radius:14px!important;box-shadow:0 7px 0 #181b1c,0 9px 0 #98762e66,0 20px 30px #0003;transform:rotateX(7deg);transform-style:preserve-3d;transition:transform .25s,border-color .25s}.salary-room:hover,.salary-room:focus-visible,.archive-list button:hover{transform:rotateX(0) translateY(-6px);border-color:#e6c586!important}.salary-room[aria-pressed=true]{border-color:#f1cf84!important;background:linear-gradient(125deg,#6e582d,#303431)!important}.salary-room>span{font-size:32px;line-height:1;color:#e2bf70}.salary-room strong{font-size:24px;letter-spacing:.05em}.salary-room b{font-size:13px}.salary-room small{font-size:10px;color:#d1c4a8}.archive-list button strong{color:#f3e8cb!important;font-size:18px!important}.archive-list button small{color:#d2c3a6!important}.salary-embedded header{display:none}.salary-embedded main{padding-top:20px}.salary-embedded footer{margin-top:25px}.withdraw-confirm{margin:20px 0;padding:18px;border:1px solid #bd8b36;border-radius:10px;background:#fff7df}.withdraw-confirm button{margin:8px 8px 0 0}#pay-withdraw{margin-bottom:15px}.salary-embedded .pay-heading h1{font-size:38px}@media(max-width:600px){.salary-hq-stage{padding:20px 14px}.salary-hq-stage-heading{display:block}.salary-hq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.salary-room{padding:16px!important;min-height:145px}.salary-room b{font-size:11px}.salary-room strong{font-size:21px}.salary-room small{font-size:9px}.salary-hq-stage h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.salary-room,.archive-list button{transform:none!important;transition:none}}

.salary-dashboard{margin:24px 0}.pay-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.pay-toolbar label{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin:20px 0}.summary-card{padding:20px;background:#f5eddc;border:1px solid #d3bd85;border-radius:12px}.summary-card h3{margin:0 0 8px}.summary-card p{margin:5px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;border-bottom:1px solid #e4d8bc;padding:10px;font-size:12px}.new-badge{color:#70500b;background:#f6e6af;border:1px solid #d5b360;padding:10px 15px;border-radius:8px}.urdu-panel{padding:20px;background:#f7efd9;margin:15px 0;line-height:2;font-size:17px}dialog{width:min(600px,92vw);max-height:85dvh;overflow:auto;border:1px solid #b9954f;border-radius:15px;padding:28px;color:#343027;background:#fffcf4}dialog::backdrop{background:#121817b3}dialog button{margin:10px 8px 0 0}#pay-history{max-height:360px}.history-event{padding:12px;border-bottom:1px solid #e4d8bc;font-size:12px}.history-event p{white-space:pre-wrap;overflow-wrap:anywhere}.history-event textarea{width:100%}.viewer-actions{margin:15px 0}#pay-request-thread{white-space:pre-wrap}#pay-copy-month{margin-bottom:10px}@media(max-width:520px){.pay-toolbar>*{width:100%}dialog{padding:20px}.summary-grid{grid-template-columns:1fr}}

.salary-year-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:22px}.salary-calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.salary-calendar button{text-align:left;min-height:85px;background:#fffaf0;border-color:#d6c394}.salary-calendar button>*{display:block}.salary-calendar button small{font-size:10px;color:#79633c}.salary-calendar button[aria-pressed=true]{background:#ebd8a4;border-color:#8b6823}.slip-cover{width:100%;min-height:280px;padding:20px 15px;background:#fffdf6;color:#453715;border:3px double #b99b57;box-shadow:0 8px 15px #0003;display:flex;flex-direction:column;gap:14px}.slip-cover strong,.slip-cover b{color:#453715!important}.slip-cover small{color:#7b6638!important;font-size:9px!important;letter-spacing:.08em}.slip-cover span{font-size:12px}.slip-cover hr{width:100%;border:0;border-top:1px solid #c5b17c}#pay-remove-employee{margin:18px 0;border-color:#8d5739} @media(max-width:600px){.salary-calendar{grid-template-columns:repeat(2,1fr)}.salary-year-bar button{font-size:10px;padding:8px}.slip-cover{padding:12px;min-height:245px}}
