*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.login-box h1{color:#333;text-align:center;margin:0 0 .5rem;font-size:1.5rem}.login-box h2{color:#666;text-align:center;margin:0 0 1.5rem;font-size:1.2rem;font-weight:400}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}button[type=submit]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;font-weight:500;transition:background .3s}button[type=submit]:hover:not(:disabled){background:#5568d3}button[type=submit]:disabled{cursor:not-allowed;background:#ccc}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:1rem;padding:.75rem}.main-dashboard{background:#f5f7fa;min-height:100vh}.dashboard-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-content h1{margin:0;font-size:1.75rem;font-weight:600}.user-info{align-items:center;gap:1rem;display:flex}.user-name{font-weight:500}.user-role{text-transform:uppercase;background:#fff3;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.btn-logout{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.btn-logout:hover{background:#ffffff4d}.dashboard-nav{background:#fff;border-bottom:1px solid #e0e0e0;gap:.5rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.nav-btn{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.nav-btn:hover{color:#667eea;background:#f8f9ff}.nav-btn.active{color:#667eea;border-bottom-color:#667eea}.dashboard-content{max-width:1400px;margin:2rem auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#fff;background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-success{color:#fff;background:#28a745}.btn-success:hover{background:#218838}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover{background:#c82333}.card{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.card-header{color:#333;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.form-control{border:1px solid #ddd;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:.75rem}.table th{color:#333;background:#f8f9fa;font-weight:600}.table tbody tr:hover{background:#f8f9ff}.status-badge{border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.status-on-track{color:#155724;background:#d4edda}.status-below-target{color:#721c24;background:#f8d7da}.loading{text-align:center;color:#666;padding:3rem}.error-message{color:#721c24;background:#f8d7da;border-radius:6px;margin-bottom:1rem;padding:1rem}.success-message{color:#155724;background:#d4edda;border-radius:6px;margin-bottom:1rem;padding:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}