@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2c7be5;--secondary-color:#6e00ff;--success-color:#00d97e;--danger-color:#e63757;--background-color:#f9fbfd;--text-color:#12263f;--border-radius:8px;--box-shadow:0 0.75rem 1.5rem #12263f08}body{background-attachment:fixed;background-color:#f9fbfd;background-color:var(--background-color);background-image:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-position:50%;background-size:cover;color:#12263f;color:var(--text-color);font-family:Poppins,sans-serif;margin:0;padding:0}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem auto;max-width:1200px;padding:2rem}.card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 .75rem 1.5rem #12263f08;box-shadow:var(--box-shadow);padding:1.5rem;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}h2{color:#2c7be5;color:var(--primary-color);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;position:relative}h2:after{background:#6e00ff;background:var(--secondary-color);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:40px}.form-group{margin-bottom:1.5rem}.form-control{background-color:#fff;border:1px solid #e3ebf6;border-radius:8px;border-radius:var(--border-radius);color:#12263f;color:var(--text-color);font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#2c7be5;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #2c7be540;outline:0}.btn{background-color:#2c7be5;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;padding:.75rem 1.5rem;text-align:center;transition:all .15s ease-in-out;vertical-align:middle}.btn:hover{background-color:#6e00ff;background-color:var(--secondary-color);transform:translateY(-1px)}.chart-container{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 .75rem 1.5rem #12263f08;box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem}.table-container{margin:1.5rem 0;overflow-x:auto}table{background:#fff;border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);overflow:hidden;width:100%}td,th{border-bottom:1px solid #e3ebf6;padding:1rem;text-align:left}th{color:#2c7be5;color:var(--primary-color);font-weight:600}th,tr:hover{background-color:#f9fbfd}.search-container{margin-bottom:2rem;position:relative}.search-input{background-color:#fff;border:1px solid #e3ebf6;border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-icon{color:#95aac9;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.result-card{background:#fff;border-left:4px solid #00d97e;border-left:4px solid var(--success-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 .75rem 1.5rem #12263f08;box-shadow:var(--box-shadow);margin-top:2rem;padding:1.5rem}.result-card.danger{border-left-color:#e63757;border-left-color:var(--danger-color)}@media (max-width:768px){.container{margin:1rem}.card,.container{padding:1rem}.btn{width:100%}}label{color:#12263f;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem;text-align:left}.text-danger{color:#e63757;color:var(--danger-color)}.text-success{color:#00d97e;color:var(--success-color)}.loading{pointer-events:none}.chart-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:2rem}.chart-card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 .75rem 1.5rem #12263f08;box-shadow:var(--box-shadow);height:400px;padding:1.5rem;transition:transform .3s ease}.chart-card:hover{transform:translateY(-5px)}.chart-card h3{color:#2c7be5;color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading{animation:pulse 1.5s infinite;opacity:.7}@media (max-width:768px){.chart-grid{grid-template-columns:1fr}.chart-card{height:300px}}button:hover{box-shadow:0 4px 8px #d870934d;transform:translateY(-2px)}button:active{transform:translateY(0)}.result{background-color:#fff0f5cc;border:1px solid #ffb7c5;border-radius:8px;margin-top:25px;padding:15px}.result h3{color:#d87093;font-size:18px;margin:0}.result span{color:#e75480;font-weight:700}.error{background-color:#e74c3c1a;border-radius:6px;color:#e74c3c;font-size:14px;margin-top:10px;padding:10px}@keyframes fall{0%{opacity:0;transform:translateY(-10px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(15px,100px) rotate(90deg)}}.container:after{animation:fall 6s infinite;color:#ffb7c5;content:"❀";font-size:20px;left:40px;opacity:0;position:absolute;top:10px}