:root{color-scheme:light;--blue:#163c82;--navy:#102543;--green:#0c9f75;--bg:#f3f6fb;--line:#e2e8f0;--text:#14223a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:#1450a3;text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{background:var(--navy);color:#eaf1ff;padding:20px 12px}.brand{font-weight:800;font-size:20px;color:white;margin:8px 12px 3px}.sub{font-size:11px;color:#adc8ea;letter-spacing:1.8px;margin:0 12px 24px}.side a{display:block;color:#dce7fa;padding:10px 14px;border-radius:8px;margin:2px 0}.side a:hover,.side a.selected{background:#244571;text-decoration:none}.main{padding:22px 26px;max-width:1600px;width:100%;min-width:0}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.top small{display:block;color:#6b7c95}h1{font-size:26px;margin:0 0 8px}h2{font-size:19px;margin:0 0 15px}h3{margin:0 0 8px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;margin-bottom:17px;box-shadow:0 2px 8px #18365407}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.metric strong{display:block;color:#163c82;font-size:24px}.muted{color:#62748b;font-size:13px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.formgrid .wide{grid-column:1/-1}label{display:block;font-size:13px;color:#455773;font-weight:600;margin-bottom:11px}input,select,textarea{display:block;margin-top:5px;padding:10px 11px;font:inherit;border:1px solid #c8d4e4;border-radius:7px;width:100%;background:#fff;color:#18304a;min-height:41px}textarea{min-height:65px}button,.btn{border:0;display:inline-block;padding:10px 17px;background:var(--blue);color:white;border-radius:8px;cursor:pointer;font:600 14px system-ui}button:hover,.btn:hover{background:#2454a4;color:white;text-decoration:none}.secondary{background:#e6edf8;color:#203a68}.secondary:hover{background:#d5e1f6;color:#203a68}.danger{background:#ad3434}.success,.error,.note{padding:11px 13px;border-radius:9px;margin-bottom:14px}.success{background:#e6f7ed;border:1px solid #ace4c2;color:#116a39}.error{background:#fdecec;border:1px solid #f4b6b6;color:#842626}.note{background:#e7f0fc;border:1px solid #bad2f4;color:#244b80}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{padding:11px 9px;text-align:left;border-bottom:1px solid #e6ebf3;vertical-align:top;font-size:13px}th{color:#617086;font-weight:700;background:#f7f9fd}tr:hover td{background:#fbfdff}.pill{display:inline-block;background:#ebf0f8;color:#294d83;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700}.pill.Pending,.pill.Draft{background:#fff3d6;color:#856600}.pill.Verified,.pill.Approved,.pill.Paid,.pill.Active{background:#daf6e9;color:#0a8051}.pill.Rejected,.pill.Resigned{background:#ffe8e8;color:#a83131}.inline{display:inline-block;margin:0 3px}.inline button{padding:6px 10px;font-size:12px}.login-wrap{max-width:530px;margin:8vh auto;padding:12px}.login-wrap .panel{padding:30px}.logo-dot{display:inline-block;width:12px;height:12px;background:#14a779;border-radius:50%;margin-right:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.listline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e8edf6}.small{font-size:12px;color:#637086}.right{text-align:right}.line-items{display:grid;grid-template-columns:3fr 1fr 40px;gap:8px;margin:6px 0}.line-items button{padding:4px 7px}.hidden{display:none}.nowrap{white-space:nowrap}.noprint{}.invoice{max-width:820px;margin:0 auto}.invoice .heading{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #1c4b93;padding-bottom:12px}.mobile-top{display:none}footer{color:#6b7890;font-size:12px;padding-top:10px}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{padding:10px;display:flex;overflow:auto;gap:4px;align-items:center}.side a{white-space:nowrap;padding:8px 10px}.brand{font-size:15px;min-width:105px;margin:0}.sub{display:none}.main{padding:15px}.top{align-items:flex-start}}@media print{body{background:#fff}.side,.top,.noprint,footer{display:none!important}.layout{display:block}.main{padding:0}.panel{border:0;box-shadow:none}.invoice{width:100%;max-width:none}table{min-width:0}}