*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#667eea;font-size:2rem;margin-bottom:.5rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.login-form input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:transform .2s;width:100%}.btn-login:hover{transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border-radius:6px;color:#c00;margin-bottom:1rem;padding:.75rem;text-align:center}.login-footer{color:#999;font-size:.875rem;margin-top:2rem;text-align:center}.layout{display:flex;min-height:100vh}.sidebar{background:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s;width:250px}.sidebar.closed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-header h2{font-size:1.25rem}.sidebar-nav{flex:1 1;padding:1rem 0}.sidebar-nav a{align-items:center;color:#ffffffb3;display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.user-info strong{display:block;margin-bottom:.25rem}.user-info small{color:#fff9;font-size:.75rem;text-transform:uppercase}.main-content{flex:1 1;margin-left:250px;transition:margin-left .3s}.top-bar{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.sidebar-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem}.top-bar-right{align-items:center;display:flex;gap:1rem}.page-content{padding:2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.btn-danger{background:#e74c3c;border:none;color:#fff;padding:.5rem 1rem}.btn-danger,.btn-sm{border-radius:4px;cursor:pointer}.btn-sm{background:#fff;font-size:.875rem;padding:.375rem .75rem}.btn-logout,.btn-sm{border:1px solid #ddd}.btn-logout{background:none;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#2c3e50;font-size:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem}.stat-icon{font-size:2.5rem}.stat-content h3{color:#666;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.stat-card small{color:#999;font-size:.875rem}.card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card h2{color:#2c3e50;margin-bottom:1rem}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.table-responsive{overflow-x:auto}table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}thead{background:#f8f9fa}th{color:#666;font-size:.875rem;font-weight:600;text-align:left;text-transform:uppercase}td,th{padding:1rem}td{border-top:1px solid #f0f0f0}tr:hover{background:#f8f9fa}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.client-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.client-card h3{color:#2c3e50;margin-bottom:.5rem}.client-card .company{color:#666;font-style:italic;margin-bottom:1rem}.client-details{margin:1rem 0}.client-details p{color:#666;font-size:.875rem;margin:.5rem 0}.client-actions{display:flex;gap:.5rem;margin-top:1rem}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.task-card{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.task-header{display:flex;justify-content:space-between;margin-bottom:1rem}.task-id{background:#f0f0f0;border-radius:4px;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.priority-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.task-card h3{color:#2c3e50;margin-bottom:.75rem}.task-description{color:#666;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.task-meta{color:#666;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;margin:1rem 0}.task-footer{margin-top:1rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;width:100%}.status-select.paid{background:#d4edda;border-color:#c3e6cb;color:#155724}.status-select.pending{background:#fff3cd;border-color:#ffeaa7;color:#856404}.status-select.overdue{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.role-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#667eea;color:#fff}.role-badge.employee{background:#95a5a6;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal h2{color:#2c3e50}.form-group,.modal h2{margin-bottom:1.5rem}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.filter-controls{align-items:center;display:flex;gap:1rem}.filter-controls input{border:1px solid #ddd;border-radius:6px;padding:.5rem}.progress-bar{background:#f0f0f0;border-radius:10px;height:24px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;height:100%}.loading,.loading-screen,.progress-fill{align-items:center;display:flex;justify-content:center}.loading,.loading-screen{color:#666;font-size:1.25rem;padding:3rem}.loading-screen{min-height:100vh}@media (max-width:768px){.sidebar{width:70px}.main-content{margin-left:70px}.clients-grid,.dashboard-grid,.form-row,.stats-grid,.tasks-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.9c953fd2.css.map*/