:root{--navy:#0D1B2A;--black:#05080D;--platinum:#C0C5CE;--blue:#1A73FF;--gold:#D4AF37;--line:rgba(192,197,206,.24);--muted:rgba(255,255,255,.68)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff;background:radial-gradient(circle at 18% 0%,rgba(26,115,255,.30),transparent 34%),radial-gradient(circle at 84% 9%,rgba(212,175,55,.16),transparent 28%),linear-gradient(135deg,#05080d,#0D1B2A 52%,#05080d)}body:before{content:"";position:fixed;inset:-4%;background:radial-gradient(ellipse at center,rgba(5,8,13,0) 18%,rgba(5,8,13,.18) 40%,rgba(5,8,13,.88) 73%,#05080d 100%),url("../assets/prolink-logo.jpeg") center/cover no-repeat;opacity:.20;filter:grayscale(1) contrast(1.15);z-index:-2}body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#05080d 0%,rgba(5,8,13,.25) 18%,rgba(5,8,13,.15) 78%,#05080d 100%),linear-gradient(0deg,#05080d 0%,rgba(5,8,13,.12) 24%,rgba(5,8,13,.12) 74%,#05080d 100%);z-index:-1;pointer-events:none}a{color:inherit}button,input{font:inherit}.lock{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:20}.lock-card{width:min(520px,94vw);border:1px solid var(--line);border-radius:30px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:0 25px 90px rgba(0,0,0,.55);text-align:center}.lock-card img{width:235px;max-width:80%;border-radius:22px;margin-bottom:14px;box-shadow:0 0 90px rgba(26,115,255,.16)}.lock-card h1{font-weight:300;letter-spacing:.26em;margin:8px 0 2px}.lock-card p,.sub,.pay-note{color:var(--muted);line-height:1.55}.employee-name{border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(0,0,0,.23);margin:18px 0;text-align:left}.employee-name small,.info small,.kpi small,.mini small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.password-row{display:flex;gap:10px}input{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:white;outline:none}.primary,.view-btn,.secondary{border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),#72adff);color:white;font-weight:800;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:42px}.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line)}.error{min-height:20px;color:#ffb7b7;margin-top:10px}.intro{display:none;position:fixed;inset:0;z-index:19;background:#000;align-items:center;justify-content:center}.intro video{width:100%;height:100%;object-fit:cover}.app{display:none;padding:28px}.shell,.statement-shell{max-width:1240px;margin:0 auto}.statement-shell{max-width:980px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);border-radius:28px;background:rgba(5,8,13,.74);backdrop-filter:blur(18px);padding:16px 20px;box-shadow:0 24px 80px rgba(0,0,0,.45);position:sticky;top:14px;z-index:8}.brand{display:flex;align-items:center;gap:15px}.brand img{width:76px;height:56px;border-radius:14px;object-fit:cover}.brand h2{margin:0;font-size:19px;letter-spacing:.16em;text-transform:uppercase}.brand p{margin:4px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.badge,.complete-pill,.status{border:1px solid rgba(212,175,55,.45);color:#ffe6a6;border-radius:99px;padding:9px 13px;background:rgba(212,175,55,.08);font-size:12px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.status,.complete-pill{color:#bfffe5;border-color:rgba(24,221,143,.35);background:rgba(24,221,143,.08);font-weight:800}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:20px}.card,.pay-card,.statement{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}.card-head{display:flex;justify-content:space-between;gap:14px;padding:22px 22px 0}.card-head h2{margin:0;font-size:21px}.content,.statement-body{padding:20px 22px 22px}.info-grid,.statement-grid,.signatures{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info,.box{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.19);padding:14px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.kpi{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.22);padding:16px}.kpi b{display:block;font-size:23px;margin-top:8px}.docs,.payments{display:grid;gap:10px}.doc{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18);padding:13px}.doc a,.footer a{color:#eaf3ff;text-decoration:underline;text-decoration-color:var(--blue);cursor:pointer}.pay-card{border-radius:22px;background:rgba(0,0,0,.20);padding:18px}.pay-row{display:grid;grid-template-columns:1fr repeat(3,130px) 124px 150px;gap:12px;align-items:center}.pay-date b{display:block;font-size:16px}.pay-date small{display:block;color:var(--muted);margin-top:5px}.footer{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px;line-height:1.6}.modal{display:none;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{width:min(760px,96vw);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:28px;background:#07111d;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.modal-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.close{background:transparent;color:white;border:1px solid var(--line);border-radius:12px;padding:8px 11px;cursor:pointer}.statement-page{display:block;padding:28px}.statement-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.statement-header img{width:110px;height:78px;object-fit:cover;border-radius:16px}.statement-header h1{margin:0;font-size:24px;letter-spacing:.08em;text-transform:uppercase}.box h4{margin:0 0 10px}.box p{margin:7px 0;color:rgba(255,255,255,.82)}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}th,td{border-bottom:1px solid rgba(255,255,255,.12);padding:11px 10px;text-align:left}th:last-child,td:last-child,th:nth-child(2),td:nth-child(2){text-align:right}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.total td{font-weight:900;color:white;font-size:15px}.signatures{margin-top:20px}.signatures>div{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(0,0,0,.16)}.signatures svg{width:100%;height:56px}.signatures small{display:block;color:var(--muted)}.actions{display:flex;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap}@media(max-width:1000px){.grid,.statement-grid,.signatures{grid-template-columns:1fr}.pay-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:680px){.app,.statement-page{padding:14px}.topbar{align-items:flex-start;flex-direction:column;position:relative;top:0}.info-grid,.kpis{grid-template-columns:1fr}.pay-row{grid-template-columns:1fr 1fr}.password-row{flex-direction:column}}@media print{body{background:white;color:#111}body:before,body:after,.lock,.intro,.topbar,.actions,.footer,.modal,.no-print{display:none!important}.statement-page,.app{display:block!important;padding:0}.statement-shell{max-width:none}.statement,.card,.pay-card{border:0;box-shadow:none;background:white;color:#111}th,td{border-bottom:1px solid #ddd;color:#111}.box{background:white;color:#111;border:1px solid #ccc}.statement-header p,.box p,.signatures small{color:#333}}