body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f7;color:#1d1d1f;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-open #app-layout-content{overflow:hidden!important}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;text-align:center}.btn-primary{background-color:#d4a639;color:#000;font-weight:600}.btn-primary:hover{background-color:#b8941f}.btn-success{background-color:#d4a639;color:#000;font-weight:600}.btn-success:hover{background-color:#b8941f}.btn-danger{background-color:#000;color:#fff;font-weight:600}.btn-danger:hover{background-color:#333}.btn-secondary{background-color:#666;color:#fff;font-weight:600}.btn-secondary:hover{background-color:#4d4d4d}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#34495e;font-size:14px;font-weight:500}.form-control{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#3498db}.form-control:disabled{background-color:#f8f9fa;color:#6c757d}.card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9;margin-bottom:24px}.card-header{padding:20px 24px;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa;border-radius:8px 8px 0 0;margin:-24px -24px 24px}.table{width:100%;border-collapse:collapse;background:#fff}.table th{padding:12px 16px;text-align:left;font-weight:600;color:#34495e;font-size:14px;border-bottom:2px solid #e1e5e9;background-color:#f8f9fa}.table td{padding:12px 16px;border-bottom:1px solid #e1e5e9;font-size:14px}.table tr:hover{background-color:#f8f9fa}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;border-radius:12px;text-align:center}.badge-success{background-color:#e8f5e8;color:#27ae60}.badge-danger{background-color:#ffeaea;color:#e74c3c}.badge-secondary{background-color:#f0f0f0;color:#666}.alert{padding:16px;border-radius:4px;margin-bottom:20px;border:1px solid transparent}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#7f8c8d}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#7f8c8d}.text-success{color:#27ae60}.text-danger{color:#e74c3c}.text-primary{color:#3498db}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:16px}.table{font-size:12px}.table th,.table td{padding:8px 12px}}@keyframes spin{to{transform:rotate(360deg)}}.loading-step-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:9999}.loading-step-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;animation:contentFloatSubtle 4s ease-in-out infinite alternate;max-width:500px;padding:0 20px}@keyframes contentFloatSubtle{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.step-logo-container{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.step-hexagon-border{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.step-hexagon-svg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}.step-hexagon-path{fill:none;stroke:#d4a63933;stroke-width:2}.step-hexagon-animated-path{fill:none;stroke:#d4a639;stroke-width:3;stroke-linecap:round;stroke-dasharray:80 280;stroke-dashoffset:0;filter:drop-shadow(0 0 4px rgba(212,166,57,.5));animation:hexagonLineFlow 5s linear infinite}@keyframes hexagonLineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:360}}.step-logo-image{width:80px;height:80px;z-index:2;position:relative;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:logoBreathingSubtle 3.5s ease-in-out infinite alternate}@keyframes logoBreathingSubtle{0%{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}to{transform:scale(1.03);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}}.step-welcome-message{display:flex;flex-direction:column;gap:12px}.step-welcome-message h2{font-size:32px;font-weight:600;color:#1d1d1f;margin:0;letter-spacing:-.5px}.step-current-description{font-size:18px;color:#1d1d1f;font-weight:500;margin:0;animation:stepFadeInOut 2s ease-in-out infinite}@keyframes stepFadeInOut{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.step-progress-percentage{font-size:16px;color:#d4a639;font-weight:600;margin:0}.step-indicators{display:none}.step-progress-bar{width:100%;max-width:400px;height:6px;background:#e0e0e0cc;border-radius:3px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-progress-fill{height:100%;background:linear-gradient(90deg,#d4a639,gold,#d4a639);border-radius:3px;transition:width 2s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.loading-step-content{gap:20px;padding:0 16px}.step-logo-container{width:90px;height:90px}.step-logo-image{width:70px;height:70px}.step-welcome-message h2{font-size:26px}.step-current-description{font-size:16px}}@media (max-width: 480px){.step-logo-container{width:80px;height:80px}.step-logo-image{width:60px;height:60px}.step-welcome-message h2{font-size:22px}.step-current-description{font-size:15px}}.loading-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:9999}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.hexagon-border{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;z-index:1}.hexagon-outline{position:absolute;width:100%;height:100%;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#e0e0e0;border:2px solid #D4A639}.hexagon-progress{position:absolute;width:100%;height:100%;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:conic-gradient(from -90deg,#D4A639 0deg,#FFD700 calc(var(--progress, 0) * 2.8deg),#D4A639 calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg),transparent 360deg);transition:all .3s ease}.hexagon-outline:after{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,#f5f5f7,#e8e8ed);z-index:5}.logo-image{width:100px;height:100px;z-index:10;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));background:#fff;border-radius:4px}@supports not (clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)){.hexagon-border{border-radius:50%;background:conic-gradient(from -90deg,#d4a639,gold calc(var(--progress) * 3.6deg * .7),#d4a639 calc(var(--progress) * 3.6deg),#e0e0e0 calc(var(--progress) * 3.6deg),#e0e0e0 360deg);border:3px solid #D4A639}.hexagon-outline,.hexagon-progress{display:none}.hexagon-border:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:50%}}.welcome-message h2{font-size:28px;font-weight:600;color:#1d1d1f;margin:0 0 10px;letter-spacing:-.5px}.welcome-message p{font-size:16px;color:#666;margin:0 0 8px;font-weight:400}.progress-text{font-size:14px;color:#d4a639;font-weight:600;margin:0}@keyframes gradient-rotate{0%{background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,#D4A639 300deg,#FFD700 320deg,#D4A639 340deg,transparent 360deg)}to{background:conic-gradient(from 360deg,transparent 0deg,transparent 300deg,#D4A639 300deg,#FFD700 320deg,#D4A639 340deg,transparent 360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-content{gap:20px;padding:0 20px}.logo-container{width:100px;height:100px}.rotating-border{top:-12px;left:-12px;right:-12px;bottom:-12px}.rotating-border:before{top:3px;left:3px;right:3px;bottom:3px}.logo-image{width:80px;height:80px}.welcome-message h2{font-size:24px}.welcome-message p{font-size:14px}}*{box-sizing:border-box}.admin-dashboard{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1e293b}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9}.header-left h1{margin:0 0 .25rem;font-size:1.875rem;font-weight:700;color:#0f172a;letter-spacing:-.025em}.header-subtitle{margin:0 0 .5rem;font-size:.875rem;color:#64748b;font-weight:500}.user-badge{display:inline-block;background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.025em}.header-controls,.control-group{display:flex;align-items:center;gap:1rem}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{display:none}.slider{position:relative;width:44px;height:24px;background:#cbd5e1;border-radius:24px;transition:background .2s ease}.slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.auto-refresh-toggle input:checked+.slider{background:#059669}.auto-refresh-toggle input:checked+.slider:before{transform:translate(20px)}.auto-refresh-toggle .label{font-size:.875rem;color:#475569;font-weight:500}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn .icon{width:16px;height:16px;stroke-width:2}.btn-secondary{background:#f8fafc;color:#475569;border-color:#e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.admin-nav{display:flex;padding:0 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover{color:#0f172a;background:#f8fafc}.nav-btn.active{color:#059669;border-bottom-color:#059669;background:#f0fdf4}.nav-icon{width:16px;height:16px;stroke-width:2}.admin-content{padding:2rem}.tab-content{max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem;position:relative}.page-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#0f172a}.page-header p{margin:0;font-size:.875rem;color:#64748b}.live-indicator{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#059669;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-header h3{margin:0;font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:.25rem;line-height:1}.metric-label{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.metric-details{display:flex;flex-direction:column;gap:.25rem}.metric-details span{font-size:.75rem;color:#64748b}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.healthy{background:#059669}.status-indicator.error{background:#dc2626}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#059669;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.panel.full-width{grid-column:1 / -1}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.panel-actions{display:flex;align-items:center;gap:.75rem}.panel-content{padding:1.5rem}.badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:#f1f5f9;color:#475569}.badge.green{background:#dcfce7;color:#166534}.user-list{display:flex;flex-direction:column;gap:.75rem}.user-item-modern{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #f1f5f9;border-radius:.5rem;transition:all .2s ease}.user-item-modern:hover{border-color:#e2e8f0;background:#fafbfc}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-email{font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.125rem}.user-activity{font-size:.75rem;color:#64748b}.user-status{display:flex;align-items:center;gap:.5rem}.activity-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.activity-dot.active{background:#059669}.time-ago{font-size:.75rem;color:#64748b;font-weight:500}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.activity-item-modern{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #f1f5f9;border-radius:.5rem;transition:all .2s ease}.activity-item-modern:hover{border-color:#e2e8f0;background:#fafbfc}.activity-icon{width:2rem;height:2rem;border-radius:.375rem;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:1rem;height:1rem;color:#64748b;stroke-width:2}.activity-details{flex:1;min-width:0}.activity-user{font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.125rem}.activity-action{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.activity-endpoint{font-size:.6875rem;color:#94a3b8;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8fafc;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #f1f5f9}.activity-time{font-size:.75rem;color:#94a3b8;white-space:nowrap}.activity-feed{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.activity-feed-item{display:flex;gap:1rem;position:relative}.activity-timeline{flex-shrink:0;position:relative;width:1rem}.timeline-dot{width:.5rem;height:.5rem;border-radius:50%;background:#059669;position:absolute;top:.25rem;left:50%;transform:translate(-50%)}.activity-feed-item:not(:last-child) .activity-timeline:after{content:"";position:absolute;top:.75rem;left:50%;transform:translate(-50%);width:1px;height:calc(100% + 1rem);background:#e2e8f0}.activity-content{flex:1;background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;padding:1rem}.activity-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.activity-user{font-weight:600;color:#0f172a}.activity-type-badge{background:#f0fdf4;color:#166534;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.activity-endpoint code{font-size:.75rem;color:#475569;background:#f8fafc;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #f1f5f9}.activity-meta{font-size:.75rem;color:#94a3b8;margin-top:.5rem}.activity-feed-item.enhanced{margin-bottom:.5rem}.activity-feed-item.enhanced .timeline-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #ffffff;box-shadow:0 2px 8px #0000001a}.activity-icon{font-size:.875rem;line-height:1}.activity-main{display:flex;flex-direction:column;gap:.25rem;flex:1}.activity-title{font-weight:600;color:#0f172a;font-size:.875rem;line-height:1.25}.activity-subtitle{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.activity-category{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;width:fit-content}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.activity-meta{display:flex;gap:.75rem;font-size:.75rem;color:#94a3b8;margin-top:.5rem}.activity-user{font-weight:500}.activity-timestamp{font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#475569}.empty-state p{margin:0;font-size:.875rem;color:#94a3b8}.table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.data-table tr:hover{background:#fafbfc}.user-cell{display:flex;align-items:center;gap:.75rem}.user-name{font-weight:500;color:#0f172a}.user-role{font-size:.75rem;color:#64748b}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active,.status-badge.success{background:#dcfce7;color:#166534}.status-dot{width:.375rem;height:.375rem;border-radius:50%;background:#059669}.location-info{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#64748b;background:#f8fafc;padding:.125rem .375rem;border-radius:.25rem}.empty-cell{text-align:center;color:#94a3b8;font-style:italic;padding:2rem 1rem}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.analytics-card h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#0f172a}.chart-placeholder{height:200px;border:1px solid #f1f5f9;border-radius:.5rem;display:flex;align-items:end;justify-content:center;padding:1rem;background:#fafbfc}.chart-mock{display:flex;align-items:end;gap:.75rem;height:100%;width:100%;justify-content:space-between}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.chart-bar{width:100%;max-width:2rem;background:#059669;border-radius:.25rem .25rem 0 0;min-height:.25rem;transition:all .2s ease;margin-bottom:.5rem}.chart-bar:hover{opacity:.8}.chart-label{font-size:.75rem;color:#64748b;font-weight:500;text-align:center;white-space:nowrap}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.5rem}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}.stat-value{font-size:.875rem;color:#0f172a;font-weight:600}.system-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.system-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #f1f5f9}.system-card-header h4{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.system-metrics{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.metric-row{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.875rem;color:#64748b;font-weight:500}.metric-value{font-size:.875rem;color:#0f172a;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.metric-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.metric-badge.success{background:#dcfce7;color:#166534}.metric-badge.error{background:#fee2e2;color:#991b1b}.admin-dashboard.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{text-align:center;color:#64748b}.spinner{width:2rem;height:2rem;border:2px solid #f1f5f9;border-top:2px solid #059669;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dashboard.error{display:flex;align-items:center;justify-content:center;padding:2rem}.error-message{background:#fff;padding:2rem;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center;max-width:500px}.error-message h2{color:#dc2626;margin-bottom:1rem}.empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:3rem 1rem;font-size:.875rem}@media (max-width: 1024px){.dashboard-grid,.analytics-grid,.system-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-content{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-controls{width:100%;justify-content:flex-end}.admin-nav{overflow-x:auto;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.stats-grid{grid-template-columns:1fr}.nav-btn{white-space:nowrap}}@media (max-width: 640px){.header-content{padding:1rem}.admin-nav{padding:0 1rem}.panel-header,.panel-content,.metric-card{padding:1rem}}.activity-list::-webkit-scrollbar,.activity-feed::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track,.activity-feed::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.activity-list::-webkit-scrollbar-thumb,.activity-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.activity-list::-webkit-scrollbar-thumb:hover,.activity-feed::-webkit-scrollbar-thumb:hover{background:#94a3b8}.geo-overview{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;text-align:center}.geo-overview h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.geo-subtitle{margin:0;font-size:1rem;opacity:.9}.geo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.geo-metric-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.geo-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.geo-metric-card .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.geo-metric-card .metric-icon{width:24px;height:24px;color:#6366f1}.geo-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.geo-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.geo-section.full-width{grid-column:1 / -1}.geo-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#0f172a;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem}.location-list{display:flex;flex-direction:column}.location-item{padding:1rem;border:1px solid #f1f5f9;border-radius:8px;transition:all .2s ease;margin-bottom:1rem}.location-item:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000001a}.location-info{margin-bottom:.75rem}.location-name{font-weight:600;color:#0f172a;margin-bottom:.25rem}.location-rank{display:inline-block;background:#6366f1;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;margin-right:.5rem}.location-details{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.user-count{font-size:.875rem;color:#64748b}.city-info{font-size:.875rem;color:#6366f1;font-weight:500}.security-level{margin-top:.5rem}.security-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.security-badge.safe{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.security-badge.external{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.city-list{display:flex;flex-direction:column;gap:.75rem}.city-item{padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:6px;transition:all .15s ease;background:#fff}.city-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.city-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.city-name{font-weight:500;color:#0f172a;font-size:.875rem}.city-count{font-size:.75rem;color:#64748b;padding:.125rem .5rem;background:#f8fafc;border-radius:4px;border:1px solid #f1f5f9}.city-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#64748b}.province{font-size:.75rem;color:#64748b;font-weight:400}.secure-badge{padding:.125rem .375rem;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:6px;font-size:.75rem;font-weight:500}.city-progress,.city-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.city-progress{height:100%;background:#64748b;border-radius:3px;transition:width .3s ease}.geo-metric-card .metric-header h3{font-size:.875rem;font-weight:600;color:#475569;margin:0}.geo-metric-card .metric-value{font-size:2rem;font-weight:700;color:#0f172a;margin:.5rem 0}.geo-metric-card .metric-label{font-size:.75rem;color:#64748b;margin:0}.geo-overview h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.geo-subtitle{font-size:.875rem;color:#64748b;margin:0 0 2rem}:root{--vb-primary: #1a365d;--vb-secondary: #2d5a87;--vb-accent: #3182ce;--vb-success: #38a169;--vb-warning: #d69e2e;--vb-danger: #e53e3e;--vb-info: #3182ce;--vb-gray-50: #f8fafc;--vb-gray-100: #edf2f7;--vb-gray-200: #e2e8f0;--vb-gray-300: #cbd5e0;--vb-gray-400: #a0aec0;--vb-gray-500: #718096;--vb-gray-600: #4a5568;--vb-gray-700: #2d3748;--vb-gray-800: #1a202c;--vb-gray-900: #171923;--vb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--vb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--vb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--vb-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.professional-header{display:flex;align-items:center;gap:16px;padding:32px 0;border-bottom:1px solid var(--vb-gray-200);margin-bottom:32px}.professional-header .header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--vb-primary),var(--vb-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.professional-header .header-icon svg{width:24px;height:24px}.professional-header .header-content h2{font-size:28px;font-weight:700;color:var(--vb-gray-900);margin:0;letter-spacing:-.025em}.professional-header .header-subtitle{font-size:16px;color:var(--vb-gray-600);margin:4px 0 0;font-weight:400}.metrics-grid,.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.metric-card{background:#fff;border:1px solid var(--vb-gray-200);border-radius:12px;padding:24px;box-shadow:var(--vb-shadow-sm);transition:all .2s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--vb-accent)}.metric-card.primary:before{background:var(--vb-primary)}.metric-card.success:before{background:var(--vb-success)}.metric-card.info:before{background:var(--vb-info)}.metric-card.warning:before{background:var(--vb-warning)}.metric-card.danger:before{background:var(--vb-danger)}.metric-card:hover{box-shadow:var(--vb-shadow-lg);transform:translateY(-2px)}.metric-card .metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--vb-gray-100);color:var(--vb-gray-600)}.metric-card.primary .metric-icon{background:#1a365d1a;color:var(--vb-primary)}.metric-card.success .metric-icon{background:#38a1691a;color:var(--vb-success)}.metric-card.info .metric-icon{background:#3182ce1a;color:var(--vb-info)}.metric-card.warning .metric-icon{background:#d69e2e1a;color:var(--vb-warning)}.metric-card .metric-icon svg{width:20px;height:20px}.metric-card .metric-value{font-size:32px;font-weight:700;color:var(--vb-gray-900);line-height:1;margin-bottom:4px}.metric-card .metric-label{font-size:14px;font-weight:500;color:var(--vb-gray-600);margin-bottom:8px}.metric-card .metric-sublabel{font-size:12px;color:var(--vb-gray-500)}.metric-card .metric-change{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;display:inline-block}.metric-change.positive{background:#38a1691a;color:var(--vb-success)}.metric-change.negative{background:#e53e3e1a;color:var(--vb-danger)}.metric-change.neutral{background:var(--vb-gray-100);color:var(--vb-gray-600)}.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.panel{background:#fff;border:1px solid var(--vb-gray-200);border-radius:12px;box-shadow:var(--vb-shadow-sm);overflow:hidden}.panel-header{padding:20px 24px;border-bottom:1px solid var(--vb-gray-200);background:var(--vb-gray-50)}.panel-title{display:flex;align-items:center;gap:12px}.panel-title h3{font-size:18px;font-weight:600;color:var(--vb-gray-900);margin:0}.panel-icon{width:20px;height:20px;color:var(--vb-primary)}.panel-subtitle{font-size:14px;color:var(--vb-gray-500);margin-left:auto}.panel-content{padding:24px}.professional-chart{height:240px;position:relative}.chart-grid{display:flex;align-items:flex-end;justify-content:space-between;height:180px;padding:0 16px;border-bottom:1px solid var(--vb-gray-200);position:relative}.chart-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to top,var(--vb-gray-200) 1px,transparent 1px);background-size:100% 25%;pointer-events:none}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-wrapper{height:140px;width:32px;display:flex;align-items:flex-end;position:relative}.chart-bar{width:100%;background:linear-gradient(to top,var(--vb-primary),var(--vb-accent));border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;position:relative}.chart-bar:hover{filter:brightness(1.1);transform:scaleX(1.1)}.chart-label{font-size:12px;font-weight:500;color:var(--vb-gray-600)}.chart-value{font-size:14px;font-weight:600;color:var(--vb-gray-800)}.location-list,.users-list{display:flex;flex-direction:column;gap:12px}.location-item,.user-location-card{background:var(--vb-gray-50);border:1px solid var(--vb-gray-200);border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease}.location-item:hover,.user-location-card:hover{background:#fff;box-shadow:var(--vb-shadow-md);transform:translate(2px)}.location-info,.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.location-name,.user-email{font-weight:600;color:var(--vb-gray-900);font-size:14px}.location-details,.user-time{font-size:12px;color:var(--vb-gray-600)}.location-badge,.security-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.location-badge.local,.security-badge.low{background:#38a1691a;color:var(--vb-success)}.location-badge.external,.security-badge.medium{background:#d69e2e1a;color:var(--vb-warning)}.security-badge.high{background:#e53e3e1a;color:var(--vb-danger)}.user-location-info{margin:12px 0}.location-row,.ip-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--vb-gray-700)}.location-icon,.ip-icon{width:16px;height:16px;color:var(--vb-gray-500)}.ip-address{background:var(--vb-gray-100);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:var(--vb-gray-700)}.activity-info .activity-text{font-size:12px;color:var(--vb-gray-600);font-style:italic}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-row{display:flex;align-items:center;gap:16px;padding:12px;background:var(--vb-gray-50);border-radius:8px;margin-bottom:12px}.stat-row .stat-icon{width:32px;height:32px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--vb-primary);border:1px solid var(--vb-gray-200)}.stat-row .stat-icon svg{width:16px;height:16px}.stat-content{flex:1}.stat-content .stat-label{font-size:14px;color:var(--vb-gray-600);margin-bottom:2px}.stat-content .stat-value{font-size:16px;font-weight:600;color:var(--vb-gray-900)}.no-users,.no-data{text-align:center;color:var(--vb-gray-500);font-style:italic;padding:32px;background:var(--vb-gray-50);border-radius:8px;border:2px dashed var(--vb-gray-300)}@media (max-width: 768px){.metrics-grid,.analytics-metrics,.panels-grid{grid-template-columns:1fr}.professional-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-grid{padding:0 8px}.chart-bar-wrapper{width:24px}}