.container{animation:fadeIn .6s ease;background:#fff;border-radius:12px;box-shadow:var(--shadow);margin:0 auto;max-width:500px;padding:2rem}.container h1{color:var(--primary);margin-bottom:1.5rem;text-align:center}input{border:2px solid #e2e8f0}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}button{background:linear-gradient(to right,var(--primary),var(--secondary));margin:1rem 0}button:hover{box-shadow:0 6px 12px #2563eb4d}.fatched-data{animation:fadeIn .5s ease;background:#f0f9ff;border-left:4px solid var(--primary);border-radius:8px;margin-top:1rem;padding:1.5rem}.fatched-data h4{color:var(--primary-dark);margin-bottom:.5rem}.fatched-data p{font-size:1.1rem;margin:.8rem 0}.container-delete{animation:fadeIn .6s ease;background:#fff;border-radius:12px;border-top:4px solid var(--danger);box-shadow:var(--shadow);margin:0 auto;max-width:500px;padding:2rem}.container-delete h3{color:var(--danger);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}input{background:#fef2f2;border:2px solid #fee2e2}input:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef444433}button{background:linear-gradient(to right,var(--danger),#f87171);padding:.9rem 1.8rem;width:100%}button:hover{box-shadow:0 6px 12px #ef44444d}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (min-width:768px){button{width:auto}}.form-container{animation:slideUp .5s ease;background:#fff;border-radius:12px;box-shadow:var(--shadow);margin:0 auto;max-width:500px;padding:2rem}.form-container h1{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-container input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:1.2rem;padding:.9rem;transition:var(--transition);width:100%}.form-container input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33;outline:none;transform:scale(1.02)}.form-container button{background:linear-gradient(to right,var(--primary),var(--secondary));border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:var(--transition);width:100%}.form-container button:hover{box-shadow:0 6px 12px #2563eb4d;transform:translateY(-3px)}.form-container button:active{transform:translateY(1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.form-container{padding:1.5rem}}.container{animation:fadeIn .6s ease-out;max-width:100%;padding:0 1rem;width:100%}.empTable{animation:fadeIn .8s ease;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin:2rem auto;overflow-x:auto;width:100%}table{border-collapse:collapse;table-layout:auto;width:100%}th{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;font-weight:600;padding:1.2rem;position:sticky;text-align:left;top:0}td{border-bottom:1px solid #e2e8f0;padding:1rem;white-space:nowrap}tr:nth-child(2n){background-color:#f8fafc}tr:hover{background-color:#f1f5f9}#find-btn,tr:hover{transition:var(--transition)}#find-btn{animation:pulse 2s infinite;background:linear-gradient(to right,var(--success),#059669);border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:1rem auto;padding:1rem 2rem;width:fit-content}#find-btn:hover{box-shadow:0 6px 12px #10b9814d;transform:scale(1.05)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (max-width:1024px){.empTable{width:95%}}@media (max-width:768px){.empTable{border-radius:0;box-shadow:none;width:100%}td,th{font-size:.9rem;padding:.8rem .5rem;white-space:normal}#find-btn{padding:1rem;width:100%}}@media print{.empTable{border:1px solid #ddd;box-shadow:none;width:100%}#find-btn{display:none}}.container-update{animation:fadeIn .6s ease;background:#fff;border-radius:12px;border-top:4px solid var(--success);box-shadow:var(--shadow);margin:0 auto;max-width:500px;padding:2rem}.container-update h2{color:var(--success);margin-bottom:1rem;text-align:center}form{display:flex;flex-direction:column}input{background:#f0fdf4;border:2px solid #dcfce7;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.9rem;transition:var(--transition);width:100%}input:focus{border-color:var(--success);box-shadow:0 0 0 3px #10b98133;outline:none;transform:scale(1.02)}button{background:linear-gradient(to right,var(--success),#059669);border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:var(--transition)}button:hover{box-shadow:0 6px 12px #10b9814d;transform:translateY(-3px)}@media (min-width:768px){.container-update{max-width:600px}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0ea5e9;--success:#10b981;--danger:#ef4444;--light:#f8fafc;--dark:#1e293b;--gray:#94a3b8;--shadow:0 4px 6px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f1f5f9;color:#1e293b;color:var(--dark);line-height:1.6}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.full-width-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:1rem 0;position:relative;width:100%;z-index:1000}.heading{color:#1e293b;color:var(--dark);margin:0 auto;text-align:center}.app-container,.heading{max-width:1200px;padding:0 1rem}.app-container{flex:1 1;margin:2rem auto;width:100%}.nav-links{background:#0000;border-radius:10px;margin:1rem 0 2rem;padding:1rem}nav{display:flex;flex-direction:column;gap:.5rem}nav a{background:#f8fafc;background:var(--light);border-radius:8px;color:#1e293b;color:var(--dark);font-weight:600;padding:.8rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}nav a.active,nav a:hover{background:#2563eb;background:var(--primary);color:#fff;transform:translateY(-2px)}.routes{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.full-width-footer{background:#1e293b;background:var(--dark);color:#fff;margin-top:2rem;padding:1.5rem 0;width:100%}.footer-content{font-size:.9rem;margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){body{padding-top:70px}nav{flex-direction:row;justify-content:center}nav a{padding:.8rem 1.5rem}}@media (min-width:1024px){.app-container{padding:0 2rem}nav a{font-size:1.1rem}.full-width-header{padding:1rem 0}}
/*# sourceMappingURL=main.2c4c326a.css.map*/