@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#1a1a1a}h1,h2,h3{color:#101011;font-family:Poppins,sans-serif;font-weight:600}body{background:#eef1f4;color:#222;font-family:Inter,sans-serif;height:100%;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.header{background:#1976d2;box-shadow:0 2px 6px #00000026;color:#fff;padding:1rem 2rem}.nav-bar{align-items:center;display:flex;justify-content:space-between}.logo{color:#ebe7e8;margin:0}.nav-links{align-items:center;display:flex;gap:1rem}.nav-links a{color:#fff;font-weight:500;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-links button{background:#ef5350;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem .8rem}.nav-links button:hover{background:#d32f2f}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.7rem;z-index:20}.container{animation:fadeIn .3s ease-in;background:#dfeaed;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:2rem auto;max-width:900px;padding:1rem}.large-container{width:100%}.add-btn{background:#1976d2;border-radius:5px;color:#fff;display:inline-block;font-family:Poppins,sans serif;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none}.add-btn:hover{background:#125aa0}.table-wrapper{overflow-x:auto;width:100%}.table-wrapper table{min-width:600px}table{border-collapse:collapse;margin-top:1rem;width:100%}td,th{border-bottom:1px solid #ddd;font-family:Poppins;padding:.8rem;text-align:left}th{background:#56b7e8}tr:hover{background:#f9f9f9}tbody tr{transition:background-color .2s ease,transform .1s ease}tbody tr:hover{background-color:#8bd3f7;transform:scale(1.01)}td button{background:none;border:none;cursor:pointer;font-size:1rem;margin-right:.3rem;transition:transform .1s ease,opacity .2s ease}td button:hover{opacity:.8;transform:scale(1.2)}td span{transition:background-color .2s ease,transform .15s ease}td span:hover{transform:scale(1.2)}form{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}select{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;height:45px;padding:.7rem .8rem}select:focus{border-color:#1976d2;box-shadow:0 0 3px #1976d266;outline:none}select option[value=""]{color:#888}input{font-family:Poppins,sans-serif;padding:.7rem .8rem}input,textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem}textarea{font-family:Segoe UI,sans-serif;padding:.6rem .8rem;resize:vertical}label{font-weight:500;margin-top:.5rem}input:focus,select:focus,textarea:focus{border-color:#1976d2;box-shadow:0 0 3px #1976d266;outline:none}button{background:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:.6rem;transition:background .2s ease}button:hover{background:#125aa0}.active-link{background:#fff3;border-radius:6px;color:#fff;font-weight:600;padding:6px 10px;transition:background .3s ease,transform .2s ease}.active-link:hover{background:#ffffff59;transform:scale(1.05)}.error{background:#ffebee;color:#d32f2f}.error,.success{border-radius:4px;padding:.4rem .6rem}.success{background:#e8f5e9;color:#2e7d32}p a{color:#1976d2;text-decoration:none}p a:hover{text-decoration:underline}.footer{background:#fafafa;border-top:1px solid #ddd;color:#555;font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header{padding:1rem}.nav-bar{position:relative}.menu-toggle{display:block}.nav-links{background:#1976d2;box-shadow:0 4px 10px #00000026;display:none;flex-direction:column;gap:0;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:10}.nav-links a,.nav-links button{padding:.6rem 1rem;text-align:left;width:100%}.nav-links.nav-open{display:flex}.container,.large-container{border-radius:0;box-shadow:none;margin:1rem auto;padding:1rem .7rem;width:100%}button,input,select,textarea{box-sizing:border-box;width:100%}h2{font-size:1.3rem}}@media (max-width:480px){.nav-links a,.nav-links button{font-size:.9rem;padding:.3rem .5rem}}
/*# sourceMappingURL=main.087388e6.css.map*/