:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--error-color: #dc2626;--success-color: #16a34a;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--bg-light: #f9fafb;--bg-white: #ffffff;--accent: var(--primary-color);--text: var(--text-primary);--text-muted: var(--text-secondary);--border: var(--border-color);--border-subtle: #f3f4f6;--surface: var(--bg-white);--surface-alt: var(--bg-light);--surface-hover: #f3f4f6;--input-bg: var(--bg-white);--danger: var(--error-color);--warning: #d97706;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-light)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:480px;background:var(--bg-white);border-radius:.75rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-card h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.auth-card .subtitle{color:var(--text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group input.invalid{border-color:var(--error-color)}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox input{width:auto;margin-right:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.error-text{display:block;color:var(--error-color);font-size:.875rem;margin-top:.25rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:var(--error-color);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;color:var(--success-color);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.error-banner{background-color:#fee2e2;border:1px solid #fecaca;color:var(--error-color);padding:1rem;border-radius:.5rem;margin:1rem;display:flex;justify-content:space-between;align-items:center}.btn-primary,.btn-secondary,.btn-danger,.btn-back,.btn-edit,.btn-save,.btn-cancel,.btn-delete,.btn-close{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-light)}.btn-back{background:none;color:var(--primary-color);padding:.5rem 1rem}.btn-edit,.btn-save{padding:.5rem 1rem;font-size:.875rem;background-color:var(--primary-color);color:#fff}.btn-cancel{padding:.5rem 1rem;font-size:.875rem;background-color:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-delete{padding:.5rem 1rem;font-size:.875rem;background-color:#fee2e2;color:var(--error-color);border:1px solid #fecaca}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-close{background:none;padding:0;font-size:1.5rem;color:var(--text-secondary);width:2rem;height:2rem}.loading-spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:1rem;height:1rem;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.dashboard-container,.tracker-container{min-height:100vh;background-color:var(--bg-light)}.dashboard-header,.tracker-header{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);padding:1rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.org-badge{padding:.25rem .75rem;background-color:var(--bg-light);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary)}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:500;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.dashboard-main,.tracker-main{max-width:1200px;margin:0 auto;padding:2rem}.welcome-section{margin-bottom:2rem}.welcome-section h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-section .subtitle{color:var(--text-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.tool-card{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color);transition:all .2s}.tool-card:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.tool-card.disabled{opacity:.6;cursor:not-allowed}.tool-icon{font-size:2.5rem;margin-bottom:1rem}.tool-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.tool-card p{color:var(--text-secondary);margin-bottom:1rem}.info-section{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color)}.info-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.875rem;color:var(--text-secondary)}.info-item span{font-weight:500}.info-item .code{font-family:monospace;background-color:var(--bg-light);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.status-active{color:var(--success-color)}.controls-bar{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.week-selector{display:flex;align-items:center;gap:.5rem}.week-selector select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem}.no-weeks{color:var(--text-secondary);font-style:italic}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.totals-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.total-card{background-color:var(--bg-white);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color);text-align:center}.total-card.highlight{background-color:#eff6ff;border-color:var(--primary-color)}.total-card label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.total-card .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.table-container{background-color:var(--bg-white);border-radius:.75rem;border:1px solid var(--border-color);overflow-x:auto}.contributions-table,.employees-table table{width:100%;border-collapse:collapse}.contributions-table thead,.employees-table thead{background-color:var(--bg-light)}.contributions-table th,.employees-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem;border-bottom:1px solid var(--border-color)}.contributions-table td,.employees-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.contributions-table tbody tr:hover,.employees-table tbody tr:hover{background-color:var(--bg-light)}.contributions-table tr.editing{background-color:#eff6ff}.employee-name{font-weight:500}.wages-cell{min-width:150px}.money{font-family:monospace;font-weight:500}.money.total{color:var(--primary-color);font-weight:700}.badge-yes,.badge-no{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-yes{background-color:#d1fae5;color:var(--success-color)}.badge-no{background-color:#f3f4f6;color:var(--text-secondary)}.wage-input{width:100%;max-width:150px;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem}.error-inline{display:block;color:var(--error-color);font-size:.75rem;margin-top:.25rem}.actions-cell{display:flex;gap:.5rem;white-space:nowrap}.employee-list-container,.employee-section{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1.5rem}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.employee-header h3{font-size:1.25rem;font-weight:600}.add-employee-form{background-color:var(--bg-light);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.add-employee-form h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.employees-table{width:100%;overflow-x:auto}.empty-state,.empty-table{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state p,.empty-table p{margin-bottom:.5rem}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-overlay .loading-spinner{width:3rem;height:3rem;border-width:4px}.loading-overlay p{color:#fff;margin-top:1rem;font-size:1.125rem}.weekly-entry-container{background-color:var(--bg-white);border-radius:.75rem;border:1px solid var(--border-color);padding:1.5rem}.wage-obfuscated{filter:blur(6px);-webkit-user-select:none;user-select:none;transition:filter .2s ease-in-out}.wage-obfuscated:hover{filter:blur(4px)}@media(max-width:768px){.dashboard-header,.tracker-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.dashboard-main,.tracker-main{padding:1rem}.tools-grid{grid-template-columns:1fr}.controls-bar{flex-direction:column;align-items:stretch}.week-selector{width:100%}.week-selector select{flex:1}.actions{width:100%;flex-direction:column}.actions button{width:100%}.totals-summary{grid-template-columns:1fr 1fr}.table-container{overflow-x:scroll}.form-row{grid-template-columns:1fr}.contributions-table th,.contributions-table td{padding:.5rem;font-size:.875rem}.actions-cell{flex-direction:column;gap:.25rem}}@media(max-width:640px){.auth-card{padding:1.5rem}.auth-card h1{font-size:1.5rem}.totals-summary,.info-grid{grid-template-columns:1fr}}