.fade-enter-active[data-v-bf7f285e],.fade-leave-active[data-v-bf7f285e]{transition:opacity .3s ease}.fade-enter-from[data-v-bf7f285e],.fade-leave-to[data-v-bf7f285e]{opacity:0}.header[data-v-bf7f285e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.container[data-v-bf7f285e]{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-bf7f285e]{color:#fff;text-decoration:none;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.logo h1[data-v-bf7f285e]{font-size:1.8rem;margin:0}.nav[data-v-bf7f285e]{display:flex;gap:2rem}.nav a[data-v-bf7f285e]{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;padding:.5rem 0;position:relative;transition:all .3s}.nav a[data-v-bf7f285e]:hover{transform:translateY(-2px)}.nav a.router-link-active[data-v-bf7f285e]{border-bottom:3px solid white}.main[data-v-bf7f285e]{min-height:calc(100vh - 160px);padding:2rem 0;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.footer[data-v-bf7f285e]{background:#1a1a1a;color:#aaa;padding:2rem 0;text-align:center}.footer .container[data-v-bf7f285e]{flex-direction:column;gap:1rem}.footer p[data-v-bf7f285e]{margin:0;font-size:.9rem}.disclaimer[data-v-bf7f285e]{color:#888;font-size:.8rem;max-width:600px;margin:0 auto}@media (max-width: 768px){.container[data-v-bf7f285e]{flex-direction:column;gap:1rem;text-align:center}.nav[data-v-bf7f285e]{gap:1rem}.logo h1[data-v-bf7f285e]{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f5f7fa;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4192 100%)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media (max-width: 768px){.container{padding:0 15px}.hide-on-mobile{display:none!important}}@media (min-width: 769px){.hide-on-desktop{display:none!important}}.btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.btn:active{transform:translateY(0)}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268;box-shadow:0 6px 20px #6c757d4d}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.badge{display:inline-block;padding:.25rem .75rem;background:#e9ecef;color:#495057;border-radius:20px;font-size:.85rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem}.badge-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.badge-success{background:#28a745;color:#fff}.badge-warning{background:#ffc107;color:#212529}.input-group{position:relative;width:100%}.input-group input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:50px;outline:none;transition:border-color .3s;background:white}.input-group input:focus{border-color:#667eea}.input-group button{position:absolute;right:5px;top:5px;bottom:5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:50px;padding:0 2rem;font-size:1rem;cursor:pointer;transition:opacity .3s}.input-group button:hover{opacity:.9}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid}.alert-success{background:#d4edda;border-color:#28a745;color:#155724}.alert-error{background:#f8d7da;border-color:#dc3545;color:#721c24}.alert-warning{background:#fff3cd;border-color:#ffc107;color:#856404}.alert-info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}