@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv03","cv04","cv11";background-color:#f8fafc;letter-spacing:-.025em}.glassmorphism{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff26!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000014}.ultra-transparent{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000000d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-portal{min-height:100vh;display:flex}.sidebar{width:250px;background-color:#1e293b;color:#fff;padding:1rem;position:fixed;height:100vh;overflow-y:auto}.sidebar h1{color:#3b82f6;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.nav-menu{list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{display:block;padding:.75rem 1rem;color:#cbd5e1;text-decoration:none;border-radius:.5rem;transition:all .2s}.nav-link:hover,.nav-link.active{background-color:#3b82f6;color:#fff}.main-content{margin-left:250px;flex:1;padding:2rem}.map-container{width:100%;height:600px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0}.card-header{display:flex;justify-content:between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:#1e293b}.card-value{font-size:2rem;font-weight:700;color:#3b82f6}.map-controls{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.875rem;font-weight:500;color:#374151}.control-input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.control-button{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.control-button:hover{background-color:#2563eb}.control-button:disabled{background-color:#9ca3af;cursor:not-allowed}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-active{background-color:#10b981}.status-warning{background-color:#f59e0b}.status-danger{background-color:#ef4444}.status-inactive{background-color:#6b7280}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280}.spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-right:1rem}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.map-controls{flex-direction:column;align-items:stretch}}.geofence-backdrop{position:fixed;inset:0;background:#00000080;z-index:1001}.geofence-manager{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:90vw;max-height:85vh;background:#fff;box-shadow:0 20px 60px #0006;z-index:1002;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.geofence-manager.side-panel{inset:auto 20px 20px auto;transform:none;width:340px;max-height:520px;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow-y:auto}.geofence-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a73e822,#1a73e844)}.geofence-header h2{margin:0;font-size:18px;color:#1a1a1a}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;font-size:18px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#0000001a;transform:scale(1.1)}.stats-bar{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{text-align:center;padding:8px 4px;border-radius:8px;background:#fff}.stat-card.safe .stat-value{color:#4caf50}.stat-card.restricted .stat-value{color:#f44336}.stat-value{font-size:20px;font-weight:700;color:#1a73e8}.stat-label{font-size:10px;color:#666;margin-top:2px;text-transform:uppercase}.create-btn{margin:16px;padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;box-shadow:0 4px 12px #1a73e84d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a73e866}.selecting-mode{padding:20px;display:flex;flex-direction:column;gap:20px}.selecting-message{display:flex;align-items:center;gap:16px;padding:16px;background:#e3f2fd;border-radius:12px;border:2px dashed #1a73e8}.selecting-message h3{margin:0 0 4px;font-size:16px;color:#1a73e8}.selecting-message p{margin:0;font-size:13px;color:#666}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#1a73e8;animation:pulse 1.5s ease-in-out infinite}.pulse-dot.large{width:20px;height:20px;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.radius-adjustment{padding:16px;display:flex;flex-direction:column;gap:16px}.radius-header h3{margin:0 0 4px;font-size:15px;color:#1a1a1a}.location-display{margin:0;font-size:11px;color:#666;font-family:monospace}.radius-control{background:#f8f9fa;padding:16px;border-radius:12px}.radius-display{text-align:center;margin-bottom:12px}.radius-value{font-size:32px;font-weight:700;color:#1a73e8}.radius-slider-main{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#e0e0e0,#1a73e8);outline:none;cursor:pointer;-webkit-appearance:none}.radius-slider-main::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#1a73e8;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s;border:3px solid white}.radius-slider-main::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px #1a73e880}.radius-slider-main::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#1a73e8;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d}.radius-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:#999}.radius-presets{display:flex;gap:6px;margin-top:12px}.radius-presets button{flex:1;padding:8px 4px;border-radius:6px;border:2px solid #e0e0e0;background:#fff;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.radius-presets button:hover{border-color:#1a73e8;color:#1a73e8;background:#f0f7ff}.radius-presets button.active{border-color:#1a73e8;background:#1a73e8;color:#fff}.type-selector{background:#f8f9fa;padding:12px;border-radius:10px}.type-selector label{display:block;font-size:12px;font-weight:600;color:#333;margin-bottom:8px}.type-buttons{display:flex;gap:6px}.type-btn{flex:1;padding:10px 8px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.type-btn.safe{color:#4caf50}.type-btn.warning{color:#ff9800}.type-btn.restricted{color:#f44336}.type-btn.safe:hover,.type-btn.safe.active{border-color:#4caf50;background:#e8f5e9}.type-btn.warning:hover,.type-btn.warning.active{border-color:#ff9800;background:#fff3e0}.type-btn.restricted:hover,.type-btn.restricted.active{border-color:#f44336;background:#ffebee}.type-btn.active{box-shadow:0 2px 8px #00000026}.radius-actions{display:flex;gap:10px}.remove-btn{flex:1;padding:12px;border-radius:8px;border:none;background:#ffebee;color:#f44336;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#ffcdd2}.next-btn{flex:1;padding:12px;border-radius:8px;border:none;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.next-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.details-form{padding:16px;display:flex;flex-direction:column;gap:16px}.form-header{display:flex;justify-content:space-between;align-items:center}.form-header h3{margin:0;font-size:15px;color:#1a1a1a}.form-summary{display:flex;gap:6px}.summary-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize}.summary-badge.radius{background:#1a73e8}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:600;color:#333}.form-group input,.form-group textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a73e8}.form-group textarea{resize:vertical;min-height:70px}.form-actions{display:flex;gap:8px}.form-actions.three{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}.back-btn{padding:10px 14px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;color:#666;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#1a73e8;color:#1a73e8}.cancel-btn{padding:10px 14px;border-radius:8px;border:none;background:#e0e0e0;color:#666;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#d0d0d0}.cancel-btn.full{width:100%}.submit-btn{padding:10px 14px;border-radius:8px;border:none;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.geofences-list{flex:1;overflow-y:auto;padding:16px}.geofences-list h3{margin:0 0 12px;font-size:14px;color:#666;font-weight:600}.loading-state,.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.empty-state p{margin:6px 0;color:#666}.empty-hint{font-size:12px;color:#999}.geofence-items{display:flex;flex-direction:column;gap:10px}.geofence-item{padding:12px;border-radius:10px;border:2px solid #eee;background:#fff;cursor:pointer;transition:all .2s}.geofence-item:hover{border-color:#1a73e8;box-shadow:0 4px 12px #1a73e826}.geofence-item.selected{border-color:#1a73e8;background:#f0f7ff}.geofence-item-header{display:flex;align-items:center;gap:10px}.geofence-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.geofence-info{flex:1;min-width:0}.geofence-info h4{margin:0;font-size:13px;color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geofence-meta{margin:2px 0 0;font-size:10px;color:#999;text-transform:uppercase}.geofence-status{flex-shrink:0}.status-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.status-badge.active{background:#e8f5e9;color:#4caf50}.status-badge.inactive{background:#ffebee;color:#f44336}.geofence-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.action-btn{flex:1;padding:8px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn.toggle{background:#fff3e0;color:#ff9800}.action-btn.toggle:hover{background:#ffe0b2}.action-btn.view{background:#e3f2fd;color:#1a73e8}.action-btn.view:hover{background:#bbdefb}.action-btn.delete{background:#ffebee;color:#f44336}.action-btn.delete:hover{background:#ffcdd2}.action-btn:disabled{opacity:.5;cursor:not-allowed}.geofence-preview-marker{width:40px;height:40px;border-radius:50%;background:#1a73e8;border:4px solid white;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;animation:markerBounce .5s ease}@keyframes markerBounce{0%{transform:scale(0) translateY(-20px);opacity:0}50%{transform:scale(1.2) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.geofences-list::-webkit-scrollbar{width:6px}.geofences-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.geofences-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.geofences-list::-webkit-scrollbar-thumb:hover{background:#999}.map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#f5f5f5}.map-container .loading{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.map-container .loading .spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-container .loading span{font-size:14px;color:#5f6368;font-weight:500}.map-container .error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;background:#fff5f5;color:#d32f2f;text-align:center}.map-container .error span:first-child{font-size:48px;margin-bottom:16px}.map-container .error button{margin-top:16px;padding:8px 24px;background:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.map-container .error button:hover{background:#1557b0}.atlas-map{border-radius:12px}.atlas-map .azure-map-logo{display:none!important}.atlas-popup-content{padding:12px;border-radius:8px;box-shadow:0 2px 8px #00000026}.atlas-popup-content h3{margin:0 0 8px;color:#1a73e8;font-size:14px}.atlas-popup-content p{margin:4px 0;font-size:12px;color:#5f6368}