body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{text-align:center}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2;text-decoration:underline}.main-container{margin:auto;text-align:center;width:1000px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.not-found-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.not-found-page h1{color:#667eea;font-size:6rem;font-weight:700;margin:0}.not-found-page p{color:#4a5568;font-size:1.2rem;line-height:1.6;margin-top:1rem;max-width:400px}.main-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;justify-content:center;padding:1.5rem 0}.header-title{color:#fff;font-size:2rem;font-weight:600;margin:0}.header-subtitle{color:#fffc;font-size:1.1rem;font-style:italic;margin-top:8px}.auth{border:2px solid #667eea;border-radius:20px;margin:150px auto auto;min-width:350px;padding:3rem;width:-webkit-fit-content;width:fit-content}.auth h1{color:#667eea;font-size:3rem;font-weight:700;margin:0}.auth p{color:#4a5568;font-size:1.2rem}.auth hr{border:1px solid #e2e8f0;margin:1.5rem 0;max-width:400px;width:100%}.auth h3{color:#2d3748;font-size:2rem;margin-bottom:1.5rem}.text-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:1rem;max-width:300px;padding:12px 16px;transition:border-color .3s ease;width:100%}.text-input:focus{border-color:#667eea;outline:none}.text-input-container p{color:#2d3748;font-size:1rem;font-weight:500;margin-bottom:.5rem;text-align:start}.text-input-container{width:-webkit-fit-content;width:fit-content}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;max-width:300px;padding:12px 30px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.submit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.user-info{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1rem;text-align:left}.user-info p{margin:.5rem 0}.profile .submit-button{margin:50px}.company-page{margin:0 auto;max-width:900px;padding:2rem}.company-page h1{color:#333;margin-bottom:2rem;text-align:center}.add-employee-section,.company-info-section,.employees-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:3rem;padding:2rem}.add-employee-section h3,.company-info-section h2,.employees-section h2{color:#495057;margin-bottom:1.5rem}.employees-list{display:flex;flex-direction:column;gap:1rem}.roles-section{border:1px solid #ddd;border-radius:8px;margin:2rem 0;padding:1.5rem}.roles-list{margin-bottom:1.5rem}.role-item{align-items:center;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.role-info{flex-grow:1}.delete-role-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;width:24px}.delete-role-btn:hover{background:#c82333}.add-role-section{border-top:1px solid #eee;padding-top:1rem}.employee-row{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.employee-main-info{flex:1 1;min-width:200px}.employee-name{color:#333;display:block;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.employee-details{display:flex;flex-direction:column;gap:.25rem}.employee-phone{color:#666;font-family:monospace;font-size:.9rem}.employee-date{color:#888;font-size:.85rem}.employee-roles-section{flex:2 1;margin:0 1rem;min-width:300px}.roles-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:32px}.role-tag{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;font-size:.875rem;padding:.35rem .75rem}.remove-role-btn,.role-tag{align-items:center;color:#1976d2;display:flex}.remove-role-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;height:16px;justify-content:center;line-height:1;margin-left:.5rem;width:16px}.remove-role-btn:hover{background-color:#1976d2;color:#fff}.no-roles{color:#9e9e9e;font-size:.9rem;font-style:italic}.add-role-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.add-role-controls select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:150px;padding:.5rem}.add-role-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.add-role-btn:hover:not(:disabled){background-color:#45a049}.add-role-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.employee-actions{display:flex;flex-direction:column;gap:.5rem;min-width:100px}.cancel-btn,.delete-btn,.edit-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .2s ease;white-space:nowrap}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2}.delete-btn{background:#f44336}.delete-btn:hover{background:#d32f2f}.employee-edit{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto;width:100%}.edit-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.6rem;width:100%}.edit-actions{display:flex;gap:.5rem}.save-btn{background:#4caf50;color:#fff;padding:.6rem 1rem}.save-btn:hover{background:#45a049}.cancel-btn{background:#9e9e9e;color:#fff;padding:.6rem 1rem}.cancel-btn:hover{background:#757575}@media (max-width:768px){.employee-row{flex-direction:column;gap:1rem}.employee-roles-section{margin:0;width:100%}.employee-actions{flex-direction:row;justify-content:flex-end;width:100%}.add-role-controls{align-items:stretch;flex-direction:column}.add-role-controls select{min-width:auto}}.companies-page{margin:0 auto;max-width:800px;padding:2rem}.companies-page h1{color:#333;margin-bottom:2rem;text-align:center}.companies-list{margin-bottom:3rem}.companies-list h2{color:#495057;margin-bottom:1rem}.companies-grid{display:flex;flex-direction:column;gap:.5rem}.empty-state,.loading{color:#666;font-style:italic;padding:2rem;text-align:center}.create-company-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.create-company-section h2{color:#495057;margin-bottom:1.5rem}.text-input-container{margin:auto}.company-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.company-row:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a;transform:translateY(-1px)}.company-info{flex:1 1}.company-name{color:#333;font-size:1.1rem;margin:0 0 .25rem}.company-date{color:#666;font-size:.9rem;margin:0}.company-actions{margin-left:1rem}.delete-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:background-color .2s ease;width:30px}.delete-btn:hover{background:#c82333}
/*# sourceMappingURL=main.90f85297.css.map*/