:root{--bg-color: #1a1a1a;--text-color: #ffffff;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0}#app{max-width:1200px;margin:0 auto;padding:20px}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:20px}.logo-link svg{width:50px;height:50px}.logo-link{text-decoration:none}.logo{width:50px;height:auto}.nav-links{display:flex;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;margin-right:15px;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.login-btn{background-color:var(--primary-color);color:var(--text-color);padding:8px 16px;border-radius:20px;text-decoration:none;transition:background-color .3s,transform .2s}.login-btn:hover{background-color:#2980b9;transform:scale(1.05)}h1,h2,h3{color:var(--primary-color)}button{background-color:var(--secondary-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s}button:hover{background-color:#27ae60;transform:scale(1.05)}input{background-color:#333;color:var(--text-color);border:1px solid #444;padding:8px;border-radius:4px}.username{color:var(--primary-color);margin-right:15px}.logout-btn{background-color:var(--accent-color);color:var(--text-color);padding:8px 16px;border-radius:20px;text-decoration:none;transition:background-color .3s,transform .2s}.logout-btn:hover{background-color:#c0392b;transform:scale(1.05)}.home[data-v-6abd29dd]{text-align:center}.content[data-v-6abd29dd]{display:flex;justify-content:space-around;align-items:flex-start;margin-top:2rem}.info-panel[data-v-6abd29dd]{background-color:#2a2a2a;border-radius:8px;padding:1rem;max-width:300px;text-align:left}h1[data-v-6abd29dd]{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}h2[data-v-6abd29dd]{color:var(--secondary-color);font-size:1.5rem;margin-bottom:.5rem}p[data-v-6abd29dd]{color:var(--text-color);line-height:1.6}.login-container[data-v-a6740d0c]{display:flex;justify-content:center;align-items:center;height:80vh}.login-box[data-v-a6740d0c]{background-color:#2a2a2a;border-radius:8px;padding:30px;width:300px;box-shadow:0 0 20px #3498db4d}form[data-v-a6740d0c]{display:flex;flex-direction:column;gap:15px}input[data-v-a6740d0c],.submit-btn[data-v-a6740d0c]{padding:12px;border-radius:4px;border:1px solid #444;background-color:#333;color:#fff;transition:all .3s ease;width:100%;box-sizing:border-box}input[data-v-a6740d0c]:focus{border-color:var(--primary-color);box-shadow:0 0 5px #3498db80}.submit-btn[data-v-a6740d0c]{background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s,transform .2s}.submit-btn[data-v-a6740d0c]:hover{background-color:#2980b9;transform:scale(1.05)}.error-message[data-v-a6740d0c]{color:var(--accent-color);margin-top:10px}input[data-v-a6740d0c]:-webkit-autofill,input[data-v-a6740d0c]:-webkit-autofill:hover,input[data-v-a6740d0c]:-webkit-autofill:focus,input[data-v-a6740d0c]:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#ffffff!important}.profile-container[data-v-da71bf99]{max-width:600px;margin:0 auto;padding:20px;background-color:#2a2a2a;border-radius:8px;box-shadow:0 0 20px #3498db4d}h1[data-v-da71bf99]{color:var(--primary-color);margin-bottom:20px}.profile-info[data-v-da71bf99]{text-align:left}.profile-info p[data-v-da71bf99]{margin-bottom:10px}strong[data-v-da71bf99]{color:var(--secondary-color)}.map[data-v-eda21b24]{text-align:center}.map-container[data-v-eda21b24]{background-color:#2a2a2a;border-radius:8px;margin:2rem auto;padding:20px;width:80%}.grid[data-v-eda21b24]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.grid-cell[data-v-eda21b24]{aspect-ratio:1;background-color:#333;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.grid-cell[data-v-eda21b24]:hover{background-color:#444}.npc[data-v-eda21b24]{background-color:var(--secondary-color);border-radius:50%;color:var(--bg-color);font-size:.8rem;height:40px;line-height:40px;width:40px;animation:bounce-eda21b24 1s infinite alternate}@keyframes bounce-eda21b24{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.map-legend[data-v-eda21b24]{background-color:#2a2a2a;border-radius:8px;margin:1rem auto;max-width:300px;padding:1rem;text-align:left}.map-legend h3[data-v-eda21b24]{color:var(--primary-color);margin-bottom:.5rem}.map-legend ul[data-v-eda21b24]{list-style-type:none;padding:0}.map-legend li[data-v-eda21b24]{align-items:center;display:flex;margin-bottom:.5rem}.legend-dot[data-v-eda21b24]{background-color:var(--secondary-color);border-radius:50%;display:inline-block;height:10px;margin-right:10px;width:10px}.report[data-v-8bf9b2a6]{text-align:center}.report-container[data-v-8bf9b2a6]{display:flex;justify-content:space-around;margin-top:2rem}.report-summary[data-v-8bf9b2a6],.report-list[data-v-8bf9b2a6]{background-color:#2a2a2a;border-radius:8px;padding:1rem;text-align:left;width:45%}h1[data-v-8bf9b2a6]{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}h2[data-v-8bf9b2a6]{color:var(--secondary-color);font-size:1.5rem;margin-bottom:1rem}.npc-report-item[data-v-8bf9b2a6]{border-bottom:1px solid #444;margin-bottom:1rem;padding-bottom:1rem}.npc-report-item[data-v-8bf9b2a6]:last-child{border-bottom:none}.timestamp[data-v-8bf9b2a6]{color:#888;font-size:.8rem}ul[data-v-8bf9b2a6]{list-style-type:none;padding:0}strong[data-v-8bf9b2a6]{color:var(--primary-color)}