@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Comfortaa:wght@300;400;500;600;700&display=swap);body,html{background-color:#f9f9f9;color:#333;font-family:Arial,Helvetica,sans-serif;height:100%}a{color:#07c;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;padding:1rem;width:90%}button{background-color:#07c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 14px}button:hover{background-color:#005fa3}h1,h2,h3,p{margin-bottom:.5rem}:root{--primary-teal:#5cbcc9;--secondary-teal:#4a9da6;--accent-pink:#ff8fb1;--accent-coral:#ffb3c6;--warm-beige:#f5e6d3;--cream:#fdf8f0;--dark-gray:#2c2c2c;--light-gray:#6b6b6b;--white:#fff;--shadow:#5cbcc933;--pink-shadow:#ff8fb14d}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5e6d3,#fdf8f0);background:linear-gradient(135deg,var(--warm-beige) 0,var(--cream) 100%);color:#2c2c2c;color:var(--dark-gray);font-family:Poppins,sans-serif;line-height:1.6;min-height:100vh}body:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ff8fb1 0,#0000 50%),radial-gradient(circle at 80% 20%,#5cbcc9 0,#0000 50%);background-image:radial-gradient(circle at 20% 80%,var(--accent-pink) 0,#0000 50%),radial-gradient(circle at 80% 20%,var(--primary-teal) 0,#0000 50%);content:"";height:100%;left:0;opacity:.1;position:fixed;top:0;width:100%;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}h1,h2,h3{font-family:Comfortaa,cursive;font-weight:600;margin-bottom:1rem}h1{animation:bounce 2s ease-in-out infinite;color:#5cbcc9;color:var(--primary-teal);font-size:2.5rem;text-shadow:2px 2px 4px #5cbcc933;text-shadow:2px 2px 4px var(--shadow)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}h2{color:#4a9da6;color:var(--secondary-teal);font-size:1.8rem;position:relative}h2:after{animation:sparkle 2s ease-in-out infinite;content:"✨";margin-left:8px;position:absolute}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}h3{color:#ff8fb1;color:var(--accent-pink);font-size:1.4rem}p{color:#6b6b6b;color:var(--light-gray);margin-bottom:1rem}.container{margin:0 auto;max-width:1200px;padding:2rem}.btn,button{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover,button:hover{box-shadow:0 8px 25px #5cbcc933;box-shadow:0 8px 25px var(--shadow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#5cbcc9,#4a9da6);background:linear-gradient(135deg,var(--primary-teal),var(--secondary-teal));box-shadow:0 4px 15px #5cbcc933;box-shadow:0 4px 15px var(--shadow)}.btn-primary,.btn-secondary{color:#fff;color:var(--white)}.btn-secondary{background:linear-gradient(135deg,#ff8fb1,#ffb3c6);background:linear-gradient(135deg,var(--accent-pink),var(--accent-coral));box-shadow:0 4px 15px #ff8fb14d;box-shadow:0 4px 15px var(--pink-shadow)}.btn-outline{background:#0000;border:2px solid #5cbcc9;border:2px solid var(--primary-teal);color:#5cbcc9;color:var(--primary-teal)}.btn-outline:hover{background:#5cbcc9;background:var(--primary-teal);color:#fff;color:var(--white)}.card{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:1rem 0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.card:before{background:linear-gradient(90deg,#5cbcc9,#ff8fb1);background:linear-gradient(90deg,var(--primary-teal),var(--accent-pink));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}table{background:#fff;background:var(--white);border-collapse:collapse;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:1rem 0;overflow:hidden;width:100%}th{background:linear-gradient(135deg,#5cbcc9,#4a9da6);background:linear-gradient(135deg,var(--primary-teal),var(--secondary-teal));color:#fff;color:var(--white);font-weight:600;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #f0f0f0;transition:background .3s ease}tr:hover td{background:#fdf8f0;background:var(--cream)}input,select,textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:Poppins,sans-serif;margin-bottom:1rem;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#5cbcc9;border-color:var(--primary-teal);box-shadow:0 0 0 3px #5cbcc933;box-shadow:0 0 0 3px var(--shadow);outline:none;transform:translateY(-1px)}label{color:#2c2c2c;color:var(--dark-gray);display:block;font-weight:500;margin-bottom:.5rem}nav{background:#fff;background:var(--white);border-radius:0 0 20px 20px;box-shadow:0 2px 20px #0000001a;margin-bottom:2rem;padding:1rem 2rem}nav ul{display:flex;gap:2rem;justify-content:center;list-style:none}nav a{border-radius:10px;color:#2c2c2c;color:var(--dark-gray);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}nav a:hover{background:#5cbcc9;background:var(--primary-teal);color:#fff;color:var(--white);transform:translateY(-2px)}ul:not(nav ul){list-style:none}ul:not(nav ul) li{background:#fff;background:var(--white);border-left:4px solid #5cbcc9;border-left:4px solid var(--primary-teal);border-radius:10px;box-shadow:0 2px 10px #0000000d;margin:.5rem 0;padding:1rem;transition:all .3s ease}ul:not(nav ul) li:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.status-pending{background:linear-gradient(135deg,#ffa726,#ff9800)}.status-approved,.status-pending{border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.status-approved{background:linear-gradient(135deg,#66bb6a,#4caf50)}.status-rejected{background:linear-gradient(135deg,#ef5350,#f44336);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.emoji-decoration{animation:wiggle 2s ease-in-out infinite;display:inline-block;font-size:1.5rem;margin:0 .5rem}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #5cbcc9;border:3px solid var(--primary-teal);border-radius:50%;border-top:3px solid #0000;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:1rem}h1{font-size:2rem}nav ul{flex-direction:column;gap:1rem}table{font-size:.8rem}td,th{padding:.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fdf8f0;background:var(--cream)}::-webkit-scrollbar-thumb{background:#5cbcc9;background:var(--primary-teal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a9da6;background:var(--secondary-teal)}
/*# sourceMappingURL=main.96230de9.css.map*/