:root{--bg-color:#eef3f8;--text-color:#333;--primary:#4b6cb7;--primary-dark:#3a5599;--secondary:#d1d9e6;--card-bg:#fff}body{animation:bgShift 15s ease infinite;background:linear-gradient(120deg,#d1d9e6,#eef3f8);background:linear-gradient(120deg,var(--secondary),var(--bg-color));background-size:200% 200%;color:#333;color:var(--text-color);font-family:Inter,Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.login-page{align-items:center;background:radial-gradient(circle at top left,#3a5599,#4b6cb7);background:radial-gradient(circle at top left,var(--primary-dark),var(--primary));background-attachment:fixed;display:flex;justify-content:center;min-height:100vh}.container{background:#fff;background:var(--card-bg);border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:900px;padding:30px}.header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.form-field{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.button-group button{margin-right:8px}button{background-color:#4b6cb7;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 18px;transition:background-color .2s ease}button:hover{background-color:#3a5599;background-color:var(--primary-dark);box-shadow:0 2px 6px #0003}.user-form{margin-top:20px}.error{color:red;margin-bottom:15px}.login-tip{color:#333;color:var(--text-color);font-size:.9rem;margin:15px 0}.login-tip a{color:#3a5599;color:var(--primary-dark)}.table{border-collapse:collapse;margin-top:20px;width:100%}.table td,.table th{border:1px solid #ddd;padding:8px;text-align:left}.table th{background-color:#f2f2f2}.app-header{background:linear-gradient(90deg,#4b6cb7,#182848);background:linear-gradient(90deg,var(--primary) 0,#182848 100%);box-shadow:0 2px 5px #0000001a;color:#fff;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header,.brand{align-items:center;display:flex}.brand{gap:10px}.brand-title{font-size:1.5rem;margin:0}.logo{height:32px;margin:0}.nav-subtitle{font-size:.9rem;font-weight:300;margin:0}.app-body{display:flex;min-height:80vh}.sidebar{align-self:flex-start;background:#fff;background:var(--card-bg);box-shadow:2px 0 5px #0000001a;height:calc(100vh - 60px);padding:20px;position:-webkit-sticky;position:sticky;top:60px;width:220px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:10px}.sidebar-btn{background:linear-gradient(45deg,#4b6cb7,#3a5599);background:linear-gradient(45deg,var(--primary),var(--primary-dark));background-size:200% 200%;border-radius:6px;color:#fff;display:block;padding:8px 12px;text-decoration:none;transition:background-position .5s,transform .3s,box-shadow .3s}.sidebar-btn:hover{animation:hoverPulse .4s forwards;background-position:100%;box-shadow:0 4px 8px #0003}.sidebar li:first-child .sidebar-btn{animation:fadeIn .5s ease .2s both}.sidebar li:nth-child(2) .sidebar-btn{animation:fadeIn .5s ease .4s both}.sidebar li:nth-child(3) .sidebar-btn{animation:fadeIn .5s ease .6s both}.social-links li{margin-bottom:8px}.social-links li:last-child{margin-bottom:0}.social-links a:hover{text-decoration:underline}.resources{margin-top:30px}.resources ul{list-style:none;margin:0;padding:0}.resources li{margin-bottom:8px}.resources a{color:#333;color:var(--text-color);text-decoration:none}.resources a:hover{text-decoration:underline}.main-content{background:linear-gradient(135deg,#d1d9e6,#fff);background:linear-gradient(135deg,var(--secondary),var(--card-bg));border-radius:10px;flex-grow:1;padding:20px}.fab{animation:pulse 2.5s infinite;background:#4b6cb7;background:var(--primary);border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;font-size:2rem;height:56px;position:fixed;right:20px;width:56px;z-index:1000}.fab:hover{background:#3a5599;background:var(--primary-dark)}.app-footer{background:#4b6cb7;background:var(--primary);bottom:0;box-shadow:0 -2px 5px #0000001a;color:#fff;padding:10px;position:-webkit-sticky;position:sticky;text-align:center}@media (max-width:768px){.app-body{flex-direction:column}.sidebar{border-bottom:1px solid #ddd;box-shadow:none;height:auto;order:2;top:0;width:100%}.sidebar ul{display:flex;gap:15px;justify-content:center}.sidebar li{margin-bottom:0}.main-content{order:1;padding:20px 10px}.container{margin:20px auto;max-width:95%;padding:20px}.table{display:block}.table thead{display:none}.table tr{background:#fff;background:var(--card-bg);border-radius:4px;box-shadow:0 1px 3px #0000001a;display:block;margin-bottom:10px;padding:10px}.table td{border:none;display:block}.table td:before{content:attr(data-label);display:block;font-weight:700}}@media (max-width:480px){.container{padding:15px}button{padding:8px 14px}.fab{font-size:1.5rem;height:48px;width:48px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .5s ease}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .5s ease}.not-found{text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spinOnce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo:hover{animation:spinOnce 1s ease-in-out}.help-btn{background:#3a5599;background:var(--primary-dark);border:none;border-radius:50%;bottom:90px;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;font-size:1.5rem;height:44px;position:fixed;right:20px;width:44px;z-index:1100}.help-btn:hover{animation:wiggle .6s}.info-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.info-box{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0003;color:#333;color:var(--text-color);max-width:90%;padding:20px;text-align:center;width:300px}.bubble-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.bubble{animation:floatUp 15s infinite;background:#fff3;border-radius:50%;bottom:-100px;height:40px;position:absolute;width:40px}.bubble:first-child{animation-delay:0s;left:10%}.bubble:nth-child(2){animation-delay:3s;left:30%}.bubble:nth-child(3){animation-delay:6s;left:50%}.bubble:nth-child(4){animation-delay:9s;left:70%}.bubble:nth-child(5){animation-delay:12s;left:90%}@keyframes floatUp{0%{opacity:.7;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120vh) scale(1.5)}}.star-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.star{animation:twinkle 3s ease-in-out infinite;background:#ffffffe6;border-radius:50%;height:3px;position:absolute;width:3px}.star:first-child{animation-delay:0s;left:10%;top:5%}.star:nth-child(2){animation-delay:.5s;left:25%;top:20%}.star:nth-child(3){animation-delay:1s;left:15%;top:40%}.star:nth-child(4){animation-delay:1.5s;left:35%;top:60%}.star:nth-child(5){animation-delay:2s;left:70%;top:80%}.star:nth-child(6){animation-delay:2.5s;left:65%;top:30%}.star:nth-child(7){animation-delay:3s;left:80%;top:50%}.star:nth-child(8){animation-delay:3.5s;left:50%;top:10%}.star:nth-child(9){animation-delay:4s;left:20%;top:70%}.star:nth-child(10){animation-delay:4.5s;left:40%;top:90%}@keyframes twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}@keyframes bgShift{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes hoverPulse{0%{transform:translateX(0) scale(1)}50%{transform:translateX(5px) scale(1.05)}to{transform:translateX(5px) scale(1.05)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.animated-banner{animation:bannerShift 5s linear infinite;background:linear-gradient(120deg,#4b6cb7,#3a5599,#4b6cb7);background:linear-gradient(120deg,var(--primary),var(--primary-dark),var(--primary));background-size:200% auto;color:#fff;font-size:1.2rem;padding:10px 0;text-align:center}@keyframes bannerShift{0%{background-position:0 0}to{background-position:-200% 0}}
/*# sourceMappingURL=main.3aa1d2fd.css.map*/