:root{--brand-green:#1f8e4f;--brand-green-600:#177542;--brand-blue:#0e7490;--bg:#f7fafc;--text:#1f2937;--card:#ffffff;--border:#e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000a}h1{color:var(--brand-green);margin:0 0 8px;font-size:28px}.subtitle{color:#4b5563;margin-bottom:24px}.grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width: 900px){.grid{grid-template-columns:1fr}}label{font-weight:600;font-size:14px;display:block;margin-bottom:6px}input,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{background:var(--brand-green);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer}.btn:hover{background:var(--brand-green-600)}.toolbar{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.payslip{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.muted{color:#6b7280;font-size:12px}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{border:1px solid var(--border);padding:8px;text-align:left;font-size:14px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#ecfdf5;color:var(--brand-green);font-weight:700;font-size:12px}.headerbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.link{color:var(--brand-blue);text-decoration:none;font-weight:600}.footer{margin-top:10px;font-size:12px;color:#6b7280}.collapsible.active{border-color:#07c;box-shadow:0 0 5px #0077cc4d}.grid{display:flex;gap:1rem;flex-wrap:wrap}.grid.maximized .collapsible{flex:1 1 100%}.collapsible{flex:1 1 48%;border:1px solid #ccc;padding:1rem;border-radius:6px;transition:all .3s ease}.collapsible.expanded{flex:1 1 100%;box-shadow:0 0 8px #0077cc4d;border-color:#07c}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-button,.maximize-button{background-color:#07c;color:#fff;border:none;padding:.4rem .8rem;cursor:pointer;border-radius:4px;font-size:.9rem;transition:background-color .3s ease}.toggle-button:hover,.maximize-button:hover{background-color:#005fa3}.floating-toggle{position:fixed;bottom:20px;right:20px;background-color:#07c;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;font-size:1rem;cursor:pointer;box-shadow:0 2px 6px #0003;z-index:1000;transition:background-color .3s ease}.floating-toggle:hover{background-color:#005fa3}.custom-item-form{display:flex;gap:.5rem;margin-bottom:1rem}.custom-item-list{list-style:none;padding:0}.custom-item-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.custom-item-list input{padding:.3rem;font-size:.9rem;width:120px}.type-tag{font-size:.8rem;padding:.2rem .5rem;background-color:#eee;border-radius:4px;text-transform:capitalize}.custom-item-list button{background:none;border:none;cursor:pointer;font-size:1rem}.feedback-form{background-color:#fff;padding:2rem 1rem;border-top:1px solid #ddd;margin-top:2rem}.feedback-form h3{text-align:center;margin-bottom:1rem;color:#333}.feedback-form form{display:flex;flex-direction:column;max-width:500px;margin:0 auto;gap:1rem}.feedback-form input,.feedback-form textarea{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.feedback-form button{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.feedback-form button:hover{background-color:#0056b3}.feedback-form .status{text-align:center;margin-top:1rem;color:green;font-weight:700}