*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f4f6fb;margin:0;color:#1f2937}.card{background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:24px;margin-bottom:20px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:380px}.input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin:7px 0 14px;background:#fff}.btn{background:#111827;color:white;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.btn.light{background:#e5e7eb;color:#111827}.btn.danger{background:#dc2626}.btn.ok{background:#16a34a}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#111827;color:white;padding:20px}.sidebar h2{font-size:20px}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:11px;border-radius:10px;margin:5px 0}.sidebar a:hover{background:#1f2937;color:white}.main{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:white;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.stat h3{margin:0;color:#6b7280;font-size:14px}.stat p{font-size:24px;font-weight:bold;margin:10px 0 0}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden;margin-bottom:20px}th,td{padding:11px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}th{background:#111827;color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:#6b7280;font-size:13px}.badge{padding:5px 10px;border-radius:99px;font-size:12px;font-weight:bold}.pending{background:#fef3c7;color:#92400e}.approved{background:#dcfce7;color:#166534}.rejected{background:#fee2e2;color:#991b1b}.perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.perm-box{background:#f9fafb;border:1px solid #e5e7eb;padding:10px;border-radius:10px}.voucher-small{background:white;max-width:680px;margin:auto;padding:28px;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.08);font-size:14px}.voucher-head{display:flex;justify-content:space-between;border-bottom:2px solid #111827;padding-bottom:12px;margin-bottom:16px}.voucher-head h2,.voucher-head h3{margin:0}.voucher-title{text-align:right}.mini-table th,.mini-table td{padding:9px}.watermark{position:absolute;top:45%;left:25%;font-size:56px;color:rgba(0,0,0,.05);transform:rotate(-25deg);font-weight:bold}.relative{position:relative}.totals{max-width:280px;margin-left:auto}.totals td{border:0;padding:7px}.invoice-a4{background:white;max-width:850px;margin:auto;padding:40px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);position:relative}.invoice-head{display:flex;justify-content:space-between;border-bottom:3px solid #111827;padding-bottom:18px;margin-bottom:24px}.invoice-title{text-align:right}.invoice-title h1{margin:0;font-size:34px}@media(max-width:800px){.layout{display:block}.sidebar{width:100%}.grid,.form-grid,.perm-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{padding:0}.voucher-small,.invoice-a4{box-shadow:none;border-radius:0;max-width:100%;padding:15px}body{background:white}}