:root{--bg-primary: #0a0e17;--bg-secondary: #121824;--bg-card: rgba(22, 30, 49, .7);--border-color: rgba(255, 255, 255, .08);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #8b5cf6;--accent-hover: #a78bfa;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--font-family: "Inter", sans-serif;--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-effect: backdrop-filter: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:320px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;z-index:10;box-shadow:4px 0 24px #00000040;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.logo-icon{font-size:1.75rem}.logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column}.username{font-weight:600;font-size:.9rem}.user-role{font-size:.75rem;color:var(--accent-hover);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.sidebar-section{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:.5rem}.marker-list{display:flex;flex-direction:column;gap:.5rem}.marker-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.marker-item:hover{background:#ffffff0d;border-color:var(--border-color)}.marker-item-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.marker-item-title{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-item-meta{font-size:.75rem;color:var(--text-muted)}.delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.delete-btn:hover{color:var(--accent-danger);background:#ef44441a}.logout-btn{width:100%;padding:.75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;transition:all .2s;margin-top:auto}.logout-btn:hover{background:#ffffff0d;border-color:var(--text-secondary)}.map-view{flex-grow:1;position:relative;height:100%}.leaflet-container{height:100%;width:100%;background:#0d121f!important}.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:radial-gradient(circle at center,#1b1535 0%,var(--bg-primary) 70%)}.auth-card{width:420px;background:var(--bg-card);border:1px solid var(--border-color);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-premium);text-align:center;display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-title{font-size:1.5rem;font-weight:700}.auth-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.discord-login-btn{background:#5865f2;color:#fff;border:none;padding:.85rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.discord-login-btn:hover{background:#4752c4}.bypass-login-btn{background:#8b5cf626;color:var(--accent-hover);border:1px solid rgba(139,92,246,.3);padding:.85rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.bypass-login-btn:hover{background:#8b5cf640;border-color:var(--accent-primary)}.add-marker-overlay{position:absolute;top:20px;right:20px;width:320px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;z-index:1000;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:.75rem}.form-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;color:var(--text-secondary)}.form-control{background:#0000004d;border:1px solid var(--border-color);padding:.5rem;border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.875rem}.form-control:focus{outline:none;border-color:var(--accent-primary)}.btn-group{display:flex;gap:.5rem;margin-top:.5rem}.btn{flex:1;padding:.5rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1a;color:var(--text-primary)}.leaflet-popup-content-wrapper{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-premium)!important}.leaflet-popup-tip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.popup-container{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.popup-header{font-weight:600;font-size:.95rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.popup-desc{font-size:.85rem;color:var(--text-secondary)}.popup-meta{font-size:.75rem;color:var(--text-muted)}.category-filters-list{display:flex;flex-direction:column;gap:.75rem}.category-filter-group{display:flex;flex-direction:column;gap:2px;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:.5rem}.category-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.category-group-actions{display:flex;gap:8px;font-size:.7rem;color:var(--accent-hover)}.category-group-action-btn{cursor:pointer;background:none;border:none;color:var(--accent-hover);font-weight:600;transition:color .15s}.category-group-action-btn:hover{color:#fff}.category-filters-list{display:flex;flex-direction:column;gap:2px}.category-filter-item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;cursor:pointer;padding:3px 6px;border-radius:4px;background:transparent;transition:background .15s}.category-filter-item:hover{background:#ffffff0a}.category-filter-left{display:flex;align-items:center;gap:6px;overflow:hidden}.category-filter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-filter-label{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eye-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:all .15s}.eye-toggle-btn.visible{color:var(--accent-primary)}.eye-toggle-btn:hover{background:#ffffff14;color:#fff}.skill-tree-node{margin-left:.75rem;border-left:1px solid rgba(255,255,255,.05);padding-left:.5rem;display:flex;flex-direction:column;gap:4px;margin-top:2px}.skill-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:2px 4px;border-radius:4px}.skill-row:hover{background:#ffffff05}.skill-name-container{display:flex;align-items:center;gap:4px;cursor:pointer}.skill-badge{font-size:.65rem;padding:1px 3px;border-radius:3px;font-weight:700;text-transform:uppercase}.skill-badge.primary{background:#8b5cf633;color:var(--accent-hover);border:1px solid rgba(139,92,246,.3)}.skill-badge.secondary{background:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.25)}.diplomacy-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.85rem}.diplomacy-table th,.diplomacy-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.diplomacy-table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem}.standing-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;display:inline-block}.standing-badge.friendly{background:#10b98126;color:var(--accent-success)}.standing-badge.neutral{background:#ffffff14;color:var(--text-secondary)}.standing-badge.enemies{background:#f59e0b26;color:var(--accent-warning)}.standing-badge.kill_on_sight{background:#ef444426;color:var(--accent-danger)}.geom-toggle-btn{padding:6px 12px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.geom-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;padding:.25rem 0;transition:color .2s}.back-btn:hover{color:var(--text-primary)}.popup-delete-btn{background:#ef44441a!important;color:var(--accent-danger)!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:6px;cursor:pointer;transition:all .2s}.popup-delete-btn:hover{background:#ef444433!important;border-color:var(--accent-danger)!important}@keyframes tempPinPulse{0%{transform:scale(1);box-shadow:0 0 #ffffff80}70%{transform:scale(1.1);box-shadow:0 0 0 8px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.temp-placement-pin{animation:tempPinPulse 1.5s infinite}.app-header{height:60px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:20;box-shadow:0 4px 12px #00000026}.header-left{display:flex;align-items:center;gap:2rem}.header-right{display:flex;align-items:center;gap:1rem}.nav-tabs{display:flex;gap:.5rem;height:100%;align-items:center}.nav-tab{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;border-radius:6px;display:flex;align-items:center;gap:6px}.nav-tab:hover{color:var(--text-primary);background:#ffffff08}.nav-tab.active{color:#fff;background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.module-content{display:flex;flex-grow:1;overflow:hidden;height:calc(100vh - 60px);width:100vw}.map-search-overlay{position:absolute;top:20px;left:20px;z-index:1000;width:280px;box-shadow:var(--shadow-premium)}.search-input-wrapper{position:relative;display:flex;align-items:center}.sidebar-search-box{margin-bottom:.75rem}.dashboard-sheet{flex-grow:1;padding:2rem;overflow-y:auto;background:radial-gradient(circle at top right,#131926 0%,var(--bg-primary) 80%);display:flex;flex-direction:column;gap:1.5rem}.dashboard-sheet-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#04060cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:#121824;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px #00000080;padding:1.75rem;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1);z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.75rem}.modal-header h2{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.close-btn:hover{color:#fff;background:#ffffff14}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}