*{margin:0;font-family:Poppins,sans-serif}.super-navbar{position:fixed;top:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(180,234,255,.459),rgb(0,183,255));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{display:flex;align-items:center}.super-navbar .heading{margin:10px;text-decoration:none;font-size:30px;font-weight:600;color:#000;transition:all .3s ease}.super-navbar .heading:hover{color:#08f;background-image:linear-gradient(#fff0,#ffffff18,#fff,#ffffff3a,#fff0)}.super-navbar .greeting{margin:10px}.super-navbar .links{display:flex;margin-right:40px}.super-navbar .links .link{margin:10px;text-decoration:none;color:#000;padding:5px 10px;background-color:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;transition:all .3s ease;border:1px solid white}.super-navbar .links .link:hover{background-color:#f0f8ff;color:#08f}.dashboard-container{margin:170px 20px}.dashboard-content{display:flex;justify-content:space-around}.dashboard-content .links{margin:10px;height:200px;width:100%;background-color:#07f;display:flex;justify-content:center;align-items:center;border-radius:15px;transition:all .5s ease}.dashboard-content .links:hover{background-color:#00b7ff}.dashboard-content .links .link{padding:100px;text-decoration:none;color:#fff;font-size:1.5rem;transition:all .5s ease}.dashboard-content .links .link:hover{color:#000}.table-container{min-width:700px;margin:170px 20px;padding:15px;border-radius:12px;background-color:#b9deffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000d}.table{width:100%;border-collapse:collapse;font-family:Poppins,sans-serif}.table th{background-color:#08f;color:#fff;text-align:left;padding:12px 15px;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.table th:first-child{border-radius:8px 0 0 8px}.table th:last-child{border-radius:0 8px 8px 0}.table td{background-image:linear-gradient(#fff0,#fff);padding:12px 15px;border-bottom:1px solid rgba(0,0,0,.05);color:#333;vertical-align:middle}.table td button{background-color:#ff0000b0;color:#000;border:none;padding:6px 20px;margin-right:20px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.table td button:hover{background-color:red;transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#fff}.table td button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.table td .edit{text-decoration:none;background-color:#1eff00;color:#000;border:none;padding:10px 25px;margin-right:20px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.table td .edit:hover{background-color:#00ffea;transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#fff}.table td .edit:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.form-header-container{align-items:center;display:flex;justify-content:space-between}.add{text-decoration:none;background-color:#1eff00;color:#000;border:none;padding:10px 25px;margin-right:20px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.add:hover{background-color:#00ffea;transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#fff}.add:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.table td select{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;font-family:inherit;outline:none;margin-bottom:5px}.table td select:focus{border-color:#08f;box-shadow:0 0 0 3px #0088ff26}.table td input{width:95%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease}.table td input:focus{border:1px solid #0088ff;box-shadow:0 0 5px #08f3}.login{margin:170px 20px;display:flex;flex-direction:column;background-color:#00aeff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;min-width:500px;height:600px;justify-self:center}.login .logo-container{align-self:center;display:flex;width:450px;background-color:#fff;justify-content:center;border-radius:10px}.login-form{margin:20px;padding:10px;border-radius:10px;background-color:#f0f8ffda;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:500px}.login .logo{width:200px}.login .login-form table{width:100%;margin:10px 0 50px}.login .login-form th{text-align:left}.login .login-form td input{width:90%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease;margin-bottom:20px}.login .login-form td input:focus{border:1px solid #0088ff;box-shadow:0 0 5px #08f3}.login .login-form button{background-color:#00aeff;color:#000;border:none;padding:10px 25px;margin-right:20px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;width:100%}.login .login-form button:hover{background-color:#00ffea;transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#fff}.login .login-form button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.create-kpi{margin:130px 20px;display:flex;flex-direction:column;background-color:#00aeff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;min-width:700px;justify-self:center}.form-header{padding:20px}.form{margin:20px;padding:10px;border-radius:10px;background-color:#f0f8ffda;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-kpi .form table{width:100%}.create-kpi .form th{text-align:left}.create-kpi .form td input,.create-kpi .form td textarea,.create-kpi .form td select{width:95%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease}.create-kpi .form td select{width:100%}.create-kpi .form td input:focus,.create-kpi .form td textarea:focus,.create-kpi .form td select:focus{border:1px solid #0088ff;box-shadow:0 0 5px #08f3}.create-kpi .form td button{background-color:#1eff00;color:#000;border:none;padding:10px 25px;margin-right:20px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.create-kpi .form td button:hover{background-color:#00ffea;transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#fff}.create-kpi .form td button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}