.payroll-main{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);min-height:100vh;padding:1.5rem}.payroll-container{max-width:1200px;margin:0 auto}.payroll-header{border-bottom:1px solid #2d2d44;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.payroll-header h1{margin:0;font-size:1.5rem}.payroll-header p{color:#888;margin:.25rem 0 0;font-size:.9rem}.payroll-back{color:#888;font-size:.9rem;text-decoration:none}.payroll-back:hover{color:#facc15}.payroll-tabs{border-bottom:1px solid #2d2d44;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.payroll-tab{color:#888;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px 6px 0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.payroll-tab:hover{color:#fff}.payroll-tab.active{color:#facc15;background:#facc151a;border-color:#facc154d}.payroll-card{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #2d2d44;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.payroll-card h2{color:#facc15;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1.1rem}.payroll-card h3{color:#fff;margin:0 0 .75rem;font-size:1rem}.payroll-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.payroll-full{grid-column:1/-1}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.form-group input,.form-group select{color:#fff;background:#0000004d;border:1px solid #2d2d44;border-radius:6px;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#facc15;outline:none}.form-group input::placeholder{color:#555}.form-group select option{color:#fff;background:#1a1a2e}.form-checkbox{align-items:center;gap:.5rem;padding-top:1.5rem;display:flex}.form-checkbox input{accent-color:#facc15;width:18px;height:18px}.form-checkbox label{color:#ccc;font-size:.9rem}.btn-primary{color:#000;cursor:pointer;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #facc154d}.btn-secondary{color:#facc15;cursor:pointer;background:0 0;border:1px solid #facc15;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-secondary:hover{background:#facc151a}.result-table{border-collapse:collapse;width:100%;margin-top:1rem}.result-table th,.result-table td{text-align:left;border-bottom:1px solid #2d2d44;padding:.75rem}.result-table th{color:#888;text-transform:uppercase;font-size:.8rem;font-weight:500}.result-table td{color:#fff;font-size:.95rem}.result-table td.amount{text-align:right;font-family:SF Mono,Monaco,monospace}.result-table td.negative{color:#ef4444}.result-table td.positive{color:#10b981}.result-table tr.total{background:#facc151a;font-weight:600}.result-table tr.total td{border-bottom:none}.summary-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{text-align:center;background:#0003;border:1px solid #2d2d44;border-radius:10px;padding:1rem}.summary-card .value{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:1.5rem;font-weight:700}.summary-card .value.net{color:#10b981}.summary-card .value.deductions{color:#ef4444}.summary-card .value.employer{color:#a855f7}.summary-card .label{color:#888;text-transform:uppercase;margin-top:.25rem;font-size:.75rem}.breakdown-section{border-top:1px solid #2d2d44;margin-top:1.5rem;padding-top:1rem}.breakdown-section h4{color:#888;text-transform:uppercase;margin:0 0 .75rem;font-size:.85rem}.breakdown-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.breakdown-item .desc{color:#ccc}.breakdown-item .amount{color:#fff;font-family:SF Mono,Monaco,monospace}.ni-info{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem;display:grid}.ni-cat{background:#0003;border-radius:6px;padding:.75rem;font-size:.85rem}.ni-cat .code{color:#facc15;font-weight:700}.ni-cat .desc{color:#888}.chat-section{flex-direction:column;height:400px;display:flex}.chat-messages{background:#0003;border-radius:8px;flex:1;margin-bottom:1rem;padding:1rem;overflow-y:auto}.chat-message{white-space:pre-wrap;border-radius:12px;max-width:80%;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.chat-message.user{color:#000;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);margin-left:auto}.chat-message.assistant{background:#1e1e28cc;border:1px solid #2d2d44}.chat-input{gap:.5rem;display:flex}.chat-input input{color:#fff;background:#0000004d;border:1px solid #2d2d44;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem}.chat-input input:focus{border-color:#facc15;outline:none}@media (max-width:768px){.payroll-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.payroll-tabs{flex-wrap:wrap}}