@keyframes cloudMovement{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}body{align-items:center;align-items:flex;animation:skyMovement 20s linear infinite;background:linear-gradient(180deg,#209fedcc,#00bfffcc);color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;justify-content:space-between;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}@keyframes skyMovement{0%{background-position:0 0}to{background-position:100% 0}}.clouds{animation:cloudMovement 60s linear infinite;background:url(https://cdn.pixabay.com/photo/2016/06/11/02/29/sky-1452264_960_720.jpg) repeat-x;background-size:cover;height:100%;left:0;position:absolute;top:10%;width:200%;z-index:-1}h2,h3{color:#323232;font-size:2rem;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #32323266}h3{color:#464646}button{background:#64c8ff;border:1px solid #50a0c8;border-radius:8px;box-shadow:0 4px 8px #00bfff66;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}button:hover{background:#50a0c8;box-shadow:0 6px 12px #00bfff80;transform:scale(1.05)}button:active{background:#3c7896;box-shadow:0 4px 8px #00bfff4d;transform:scale(.95)}input,select,textarea{background-color:#fff;border:2px solid #c8c8c8;border-radius:8px;box-shadow:0 4px 8px #c8c8c84d;box-sizing:border-box;color:#323232;font-size:1rem;margin:10px 0;outline:none;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#64c8ff;box-shadow:0 4px 8px #64c8ff4d}form{background:#fff;border-radius:12px;box-shadow:0 0 20px #00bfff33;box-shadow:0 10px 20px #00bfff33;max-width:1000px;padding:30px}form,ul{margin:20px 0;width:100%}ul{list-style:none;padding:0}ul li button{background:#64c8ff;border:none;border-radius:8px;box-shadow:0 4px 8px #64c8ff66;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px;transition:background .3s ease,transform .3s ease}ul li button:hover{background:#50a0c8;transform:scale(1.05)}ul li button:active{background:#3c7896;transform:scale(.95)}canvas{background:#f0f0f0;border-radius:12px;box-shadow:0 0 20px #64c8ff33;margin-top:30px;max-width:1200px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}canvas:hover{box-shadow:0 6px 12px #64c8ff4d;transform:scale(1.03)}div.logout{position:absolute;right:20px;top:20px}button.logout{background-color:#ff69b4;border:none;border-radius:8px;box-shadow:0 4px 8px #ff69b499;color:#fff;cursor:pointer;padding:10px 20px;transition:transform .3s ease}button.logout:hover{transform:scale(1.1)}button.logout:active{transform:scale(.95)}button.export{background-color:orange;border:none;border-radius:8px;box-shadow:0 4px 8px #ffa50066;color:#fff;cursor:pointer;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}button.export:hover{background-color:#ff8200;transform:scale(1.05)}button.export:active{background-color:#ff6400;transform:scale(.95)}@media (max-width:1024px){.dashboard-container{padding:0 15px}.dashboard-left,.dashboard-right{width:100%}canvas,form,ul{max-width:100%}button{width:100%}}@media (max-width:768px){h2{font-size:1.7rem}button{padding:10px 20px}button,form input,form select,form textarea,ul li{font-size:.9rem}}.excal{background-color:#39e029}.excal:hover{background-color:#2cb420}.logoutbutton{background-color:#d11b1b;transform:translateX(-100px)!important}.logoutbutton:hover{background-color:#ad1616}.boldname{animation:fadeIn 2s ease-out;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700}ul li{align-items:flex-start;background:#fafafa;border-radius:10px;box-shadow:0 5px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:15px 0;padding:20px;transition:transform .3s ease,background-color .3s ease}ul li:hover{background-color:#f0f0f0;transform:scale(1.02)}.bonus-info{align-items:center;display:flex;justify-content:space-between;width:100%}.bonus-title{color:#323232}.bonus-amount,.bonus-title{font-size:1.2rem;font-weight:700}.bonus-amount{color:#228b22;margin-left:15px}.bonus-status{border-radius:20px;color:#fff;font-size:1rem;font-weight:700;padding:5px 15px;text-transform:capitalize}.bonus-status.approved{background:#228b22}.bonus-status.pending{background:#ffc107;color:#323232}.bonus-status.rejected{background:#dc3545}.bonus-actions{display:flex;gap:10px;margin-top:10px}.bonus-actions button{background:#64c8ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease,transform .3s ease}.bonus-actions button:hover{background:#50a0c8;transform:scale(1.05)}.bonus-actions button:active{background:#3c7896;transform:scale(.95)}.custom-modal-overlay{animation:fadeIn .3s ease-in-out;background-color:#0009}.custom-modal-content{animation:scaleIn .3s ease-in-out forwards;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:30px;transform:scale(.9);width:400px}.custom-modal-content h2{font-size:1.5rem;margin-bottom:20px;text-align:center}.custom-modal-content p{font-size:1rem;line-height:1.6;text-align:center}.custom-modal-overlay{align-items:center;animation:fadeIn .4s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-modal-content{animation:scaleIn .3s ease-out forwards;background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #00000026;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:80vh;max-width:90%;overflow:hidden;padding:40px;text-align:center;transform:scale(.95);width:500px}.custom-modal-content h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:15px;text-transform:uppercase}.custom-modal-content p{word-wrap:break-word;color:#555;flex-grow:1;font-size:1.1rem;font-weight:400;line-height:1.7;margin-bottom:30px;overflow-wrap:break-word;overflow-y:auto;text-align:left}.custom-modal-content .close-btn{background-color:#bb2c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:20px;padding:14px 28px;transition:background-color .3s,transform .2s;width:100%}.custom-modal-content .close-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.custom-modal-content .close-btn:active{transform:translateY(1px)}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.exclamation-button{align-items:center;background-color:#3ea0c4;border:none;border-radius:50%;bottom:20px;box-shadow:0 6px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;text-align:center;text-transform:none;transition:all .3s ease;width:50px}.exclamation-button:hover{background-color:#3182c9;box-shadow:0 12px 24px #0003;transform:translateY(-3px)}.exclamation-button:focus{box-shadow:0 0 0 3px #ff634780;outline:none}.exclamation-button:active{box-shadow:0 4px 8px #0000001a;transform:translateY(1px)}.not-found-container{align-items:center;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center}.animated-text{animation:fadeIn 1.5s ease-in-out;color:#333;font-size:2.5rem;font-weight:700;letter-spacing:.05em;text-align:center}.subtitle{color:#555;font-size:1.2rem;font-weight:400;margin-top:10px}.return-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:500;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.return-link:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.a98ab590.css.map*/