body{background-color:#000;color:#00adb5;margin:0;font-family:Arial,sans-serif}.container h1{display:flex;justify-content:center;align-items:center}nav{display:flex;justify-content:center;gap:20px;margin-top:100px}.hover-description{position:absolute;top:45%;left:50%;transform:translate(-50%);background-color:#00adb5e6;color:#fff;padding:10px;border-radius:8px;text-align:center;width:320px;font-weight:700;box-shadow:0 4px 8px #0003;animation:fadeIn .3s ease;z-index:2}nav div{position:relative;padding:10px 20px;background-color:#00adb5;color:#fff;border-radius:5px;transition:background-color .3s ease}nav div:hover{background-color:#008c9e}nav div a{text-decoration:none;color:#fff;font-weight:700}.home-button{all:unset;cursor:pointer;padding:10px 20px;background-color:#00adb5;color:#fff;font-weight:700;border-radius:5px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);transition:background-color .3s ease,transform .3s ease}.home-button:hover{background-color:#008c9e;transform:translate(-50%,-50%) scale(1.05)}.mode-toggle{position:absolute;top:20px;right:20px;padding:10px;background-color:#00adb5;color:#fff;border:none;border-radius:5px;cursor:pointer}.light-mode{background-color:#fff;color:#000}.light-mode nav div{background-color:#f0f0f0}.light-mode nav div a{color:#000}.light-mode .home-button,.light-mode .mode-toggle{background-color:#f0f0f0;color:#000}.container{animation:fadeIn .5s ease-in-out}@media (max-width: 768px){nav{flex-direction:column;align-items:center}.home-button{top:90%}}.import-container{margin:40px auto;padding:20px;width:70%;background-color:#f4f4f9;box-shadow:0 4px 8px #0000001a;border-radius:10px;text-align:center;font-family:Arial,sans-serif}h2{margin-bottom:20px;color:#333}input[type=file]{margin:15px 0;padding:10px;border:2px dashed #00ADB5;border-radius:8px;cursor:pointer;background-color:#f0f0f0;color:#555}input[type=file]:hover{background-color:#e6e6e6}button{margin:10px;padding:10px 20px;background-color:#00adb5;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}button:hover:not(:disabled){background-color:#008c9e}table{margin:20px auto;width:90%;border-collapse:collapse;box-shadow:0 4px 8px #0000001a}th,td{padding:10px;border:1px solid #ddd;text-align:center}th{background-color:#00adb5;color:#fff}.message{margin-top:15px;color:#ff4c4c;font-weight:700}.home-buttons{margin-top:15px;padding:10px 20px;background-color:#00adb5;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.home-buttons:hover{background-color:#008c9e}.employee-container{margin:40px auto;padding:20px;width:80%;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;text-align:center}.delete-button{background-color:#dc3545;margin-left:10px}.delete-button:hover{background-color:#b52a37}.home-button1{margin-top:30px;padding:10px 20px;background-color:#099ca6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.home-button1:hover{background-color:#007b83}.product-container{margin:40px auto;padding:20px;width:80%;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;text-align:center}table{width:100%;margin:20px auto;border-collapse:collapse;box-shadow:0 4px 8px #0000001a}th,td{padding:12px 20px;border:1px solid #ddd;text-align:center}th{background-color:#229ec7;color:#fff;font-weight:700}td{background-color:#fff;color:#333}button{padding:10px 20px;margin-top:20px;background-color:#229ec7;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#0056b3}.delete-btn{background-color:#dc3545;margin-left:10px}.delete-btn:hover{background-color:#b52a37}.home-button2{margin-top:30px;padding:10px 20px;background-color:#099ca6;color:#fff;border:none;border-radius:5px;cursor:pointer}.home-button2:hover{background-color:#099ca6}.filter-container{margin:40px auto;padding:20px;width:80%;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;text-align:center}h2{margin-bottom:20px;color:#444;font-size:24px;font-weight:700}select{margin-bottom:20px;padding:10px 15px;border-radius:20px;border:4px solid #0056b3;font-size:16px;color:#fffdfd;background-color:#39a5c6f8;outline:none;cursor:pointer;transition:border-color .3s,box-shadow .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(https://img.icons8.com/ios-filled/15/000000/expand-arrow.png);background-repeat:no-repeat;background-position:right 10px center}select:hover{border-color:#003a8c;box-shadow:0 4px 8px #003a8c33}select:focus{border-color:#002366;box-shadow:0 4px 8px #0023664d}option{padding:10px;font-size:15px;background-color:#f9f9f9;color:#333;border:none;cursor:pointer}option:hover{background-color:#d4e4f7;color:#0056b3}ul{list-style-type:none;padding:0;margin:20px auto;width:60%;text-align:left}li{background-color:#fff;margin-bottom:10px;padding:10px 15px;border:3px solid #3193cb;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#333;font-size:16px;transition:transform .3s}li:hover{transform:scale(1.02);background-color:#f1f1f1}button{margin-top:30px;padding:10px 20px;background-color:#099ca6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#007b83}button:focus{outline:none}button:disabled{background-color:#aaa;cursor:not-allowed}.home-button3{margin-top:30px;padding:10px 20px;background-color:#099ca6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.home-button3:hover{background-color:#007b83}body{background-color:#000;color:#00adb5;margin:0}.text-wrapper{display:flex;color:#0ee6f2;text-shadow:0 0 10px #00adb5,0 0 20px #00adb5,0 0 40px #00adb5,0 0 120px #00adb5;align-content:center;justify-content:center;font-size:4rem;font-weight:700;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}.text-wrapper:before{content:attr(data-text);position:absolute;top:0;left:0;transform-origin:bottom;transform:rotateX(-220deg);line-height:.96em;background:linear-gradient(0deg,#c0fbfe 0,transparent 80%);-webkit-background-clip:text;color:transparent;opacity:.25}.btn{all:unset;cursor:pointer;padding:10px 20px;background-color:#00adb5;opacity:.9;color:#fff;font-weight:700;border-radius:5px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.btn:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-container{animation:fadeIn .5s ease-in-out}@media (max-width: 768px){div{flex-direction:column;align-items:center}.btn{top:90%}}