:root{--primary-color: #8264FA;--primary-dark: #6B4FD8;--primary-light: #A78BFA;--secondary-color: #1E293B;--success-color: #22C55E;--warning-color: #F59E0B;--danger-color: #EF4444;--info-color: #3B82F6;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F5F9;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--border-color: #E2E8F0;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:9999}.loading-screen.hidden{display:none}.loader{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#app{min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.login-card{background:var(--bg-secondary);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:64px;height:64px;margin-bottom:1rem}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8264fa26}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--danger-color)}.form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8264fa26}.form-error{color:var(--danger-color);font-size:.8rem;margin-top:.25rem}.form-hint{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-block{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-icon{padding:.5rem;width:40px;height:40px}.main-layout{display:flex;min-height:100vh}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:44px;height:44px;border:none;border-radius:var(--border-radius-sm);background:var(--primary-color);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}.mobile-menu-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{width:280px;background:var(--secondary-color);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-normal)}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.sidebar-logo img{width:40px;height:40px}.sidebar-logo-text{font-weight:700;font-size:1.1rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section-title{padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#ffffffb3;text-decoration:none;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.95rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:var(--primary-color);color:#fff}.nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#ffffff80}.main-content{flex:1;margin-left:280px;min-height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-separator{color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:1rem}.content{padding:2rem;overflow-x:hidden;max-width:100%}.card{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--border-radius) var(--border-radius)}.user-selection-panel{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;color:#fff}.user-selection-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.user-id-input-group{display:flex;gap:.75rem;flex-wrap:wrap}.user-id-input-group .form-input{flex:1;min-width:250px;background:#fffffff2;border:none}.user-id-input-group .form-input:focus{box-shadow:0 0 0 3px #ffffff4d}.multi-user-hint{margin-top:.75rem;font-size:.85rem;opacity:.9}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.setting-item{padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-tertiary)}.setting-item:hover{border-color:var(--primary-light)}.setting-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.setting-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.setting-value{font-weight:600;color:var(--primary-color);font-size:.9rem}.setting-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.setting-input{width:100%}.toggle-switch{position:relative;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:var(--transition-fast);border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--success-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.badge-success{background:#22c55e1a;color:var(--success-color)}.badge-warning{background:#f59e0b1a;color:var(--warning-color)}.badge-danger{background:#ef44441a;color:var(--danger-color)}.badge-info{background:#3b82f61a;color:var(--info-color)}.badge-primary{background:#8264fa1a;color:var(--primary-color)}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.mode-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:2px solid var(--border-color);padding:1.5rem;transition:all var(--transition-fast)}.mode-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.mode-card.active{border-color:var(--success-color);background:#22c55e0d}.mode-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mode-card-title{display:flex;align-items:center;gap:.75rem}.mode-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mode-icon.normal{background:#3b82f61a;color:var(--info-color)}.mode-icon.force{background:#f59e0b1a;color:var(--warning-color)}.mode-icon.realtime{background:#8264fa1a;color:var(--primary-color)}.mode-icon.emergency{background:#ef44441a;color:var(--danger-color)}.mode-card-name{font-weight:600;font-size:1.1rem}.mode-card-body{margin-bottom:1rem}.mode-detail{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.mode-detail:last-child{border-bottom:none}.mode-detail-label{color:var(--text-secondary)}.mode-detail-value{font-weight:600;color:var(--text-primary)}.mode-card-actions{display:flex;gap:.5rem}.mode-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.mode-toggle-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:2px solid var(--border-color);padding:1.25rem;transition:all var(--transition-fast)}.mode-toggle-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.mode-toggle-card.active{border-color:var(--success-color);background:linear-gradient(135deg,#22c55e0d,#22c55e05)}.mode-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mode-toggle-info{display:flex;align-items:center;gap:.75rem}.mode-toggle-text{display:flex;flex-direction:column}.mode-toggle-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.mode-toggle-desc{font-size:.8rem;color:var(--text-muted)}.mode-toggle-details{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);padding:.75rem}.mode-detail-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.85rem}.mode-detail-row:not(:last-child){border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:.25rem}.toggle-switch-large{position:relative;display:inline-block;width:56px;height:28px;flex-shrink:0}.toggle-switch-large input{opacity:0;width:0;height:0}.toggle-slider-large{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:all var(--transition-fast);border-radius:28px}.toggle-slider-large:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:all var(--transition-fast);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch-large input:checked+.toggle-slider-large{background-color:var(--success-color)}.toggle-switch-large input:checked+.toggle-slider-large:before{transform:translate(28px)}.toggle-switch-large input:focus+.toggle-slider-large{box-shadow:0 0 0 3px #22c55e33}.interval-popup-content{max-width:420px;text-align:center}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.modal-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem}.interval-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.interval-option{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-fast);color:var(--text-primary)}.interval-option:hover{border-color:var(--primary-color);background:#8264fa0d}.interval-option.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.custom-interval-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:1.5rem}.custom-interval-row label{font-weight:500;color:var(--text-secondary)}.custom-interval-row input{width:100px;text-align:center}.custom-interval-row span{color:var(--text-muted);font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-actions .btn{min-width:120px}.settings-grid.single-setting{max-width:400px}.user-panel{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:1.5rem;overflow:hidden}.user-panel-header{background:var(--bg-tertiary);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.user-panel-id{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color);font-size:.95rem}.user-panel-status{display:flex;align-items:center;gap:1rem}.user-panel-body{padding:1.5rem}.user-panel-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.tabs{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem}.tab{flex:1;padding:.75rem 1rem;text-align:center;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-secondary);color:var(--primary-color);box-shadow:var(--shadow-sm)}.alert{padding:1rem 1.25rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#166534}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#92400e}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#991b1b}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#1e40af}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.5rem;border-radius:var(--border-radius-sm);background:var(--bg-secondary);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease;max-width:400px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--success-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-danger{border-left:4px solid var(--danger-color)}.toast-info{border-left:4px solid var(--info-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay.hidden{display:none}.modal,.modal-content{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-change{font-size:.8rem;margin-top:.5rem}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.history-table th{font-weight:600;font-size:.85rem;color:var(--text-secondary);background:var(--bg-tertiary)}.history-table tbody tr:hover{background:var(--bg-tertiary)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.map-page{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;min-height:calc(100vh - 140px);overflow-x:hidden;max-width:100%}.map-controls-panel{display:flex;flex-direction:column;overflow:visible}.map-controls-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.map-controls-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.map-controls-body{padding:1.25rem;border-bottom:1px solid var(--border-color);overflow:visible}.map-controls-body .form-group{margin-bottom:1rem}.map-controls-body .form-group:last-child{margin-bottom:1.5rem}.input-group{display:flex;gap:.5rem}.input-group .form-input{flex:1}.date-range-inputs{display:flex;align-items:center;gap:.5rem}.date-range-inputs .form-input{flex:1;font-size:.85rem;padding:.5rem}.date-range-separator{color:var(--text-muted);font-size:.85rem}.scroll-datetime-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem}.scroll-picker-row{display:flex;gap:.5rem;align-items:flex-end}.scroll-picker-col{flex:1;min-width:0;display:flex;flex-direction:column}.scroll-picker-col .picker-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:600}.scroll-select{width:100%;padding:.5rem 1.25rem .5rem .25rem;font-size:.85rem;font-weight:500;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;transition:border-color .2s,box-shadow .2s}.scroll-select:hover{border-color:var(--primary-color)}.scroll-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8264fa26}.scroll-select option{padding:.5rem;background:var(--bg-primary);color:var(--text-primary)}.scroll-picker-col:first-child{flex:1.2}.scroll-picker-col:nth-child(4),.scroll-picker-col:nth-child(5){flex:.8}.locations-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.playback-checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .5rem;background:#8264fa1a;border-radius:4px;transition:background-color var(--transition-fast)}.playback-checkbox-label:hover{background:#8264fa33}.playback-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color)}.playback-hint{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem}.playback-hint small{color:var(--success-color);font-weight:500;font-size:.75rem}.playback-range-info{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#8264fa14;border-radius:var(--border-radius-sm);margin-bottom:1rem;flex-wrap:wrap}.range-badge{background:var(--primary-color);color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;font-family:SF Mono,Monaco,Menlo,monospace}.playback-range-info small{color:var(--text-secondary);font-size:.75rem}.playback-range-info .btn{margin-left:auto}.locations-dropdown-container{position:relative;margin-bottom:2rem}.locations-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.dropdown-header:hover{background:var(--bg-tertiary)}.dropdown-text{font-size:.9rem;color:var(--text-primary);font-weight:500}.dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.8rem}.dropdown-content{border-top:1px solid var(--border-color);display:flex;flex-direction:column}.dropdown-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--text-secondary)}.spinner-small{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dropdown-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.selected{background:#8264fa1a;border-left:3px solid var(--primary-color)}.dropdown-item.playback-selected{background:#22c55e26;border-left:3px solid var(--success-color);position:relative}.dropdown-item.playback-start:before{content:"START";position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--success-color);color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.dropdown-item.playback-end:before{content:"END";position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--info-color);color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.dropdown-item-time{font-weight:600;font-size:.85rem;color:var(--primary-color);min-width:80px}.dropdown-item-coords{font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,monospace;flex:1}.dropdown-item-accuracy{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:4px}.dropdown-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.dropdown-empty.dropdown-error{color:var(--danger-color)}.dropdown-load-more{width:100%;border-radius:0 0 var(--border-radius) var(--border-radius);margin:0;padding:.75rem;font-size:.85rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.location-count-badge{position:absolute;top:-8px;right:-8px;background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;display:flex;align-items:center;gap:.15rem}.quick-date-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-date-buttons .btn{flex:1;min-width:40px}.quick-date-buttons .btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.map-action-buttons{display:flex;gap:.5rem}.map-action-buttons .btn{flex:1;font-size:.8rem;padding:.5rem .75rem}.map-playback-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.map-playback-section h4{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.map-live-section{background:linear-gradient(135deg,#fefefe,#f8fafc);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.live-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.live-mode-header h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);margin:0}.live-indicator{display:flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-muted);transition:all var(--transition-normal)}.live-indicator.active{background:var(--danger-color);color:#fff;animation:live-pulse 2s infinite}.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.live-indicator.active .live-dot{animation:dot-pulse 1s infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.live-controls{display:flex;gap:.5rem;margin-top:.75rem}.live-location-info{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius-sm);padding:.75rem;margin-top:.75rem}.live-info-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.live-info-item:not(:last-child){border-bottom:1px solid rgba(34,197,94,.2)}.live-info-label{font-size:.8rem;color:var(--text-secondary)}.live-info-value{font-size:.85rem;font-weight:500;color:var(--text-primary);font-family:Monaco,Menlo,monospace}.return-to-live-banner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:var(--border-radius-sm);margin-top:.75rem}.return-to-live-info{display:flex;align-items:center;gap:.5rem;color:#92400e;font-size:.9rem;font-weight:500}.return-icon{display:flex;align-items:center;justify-content:center}.return-to-live-banner .btn-warning{width:100%;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:600;transition:all var(--transition-fast)}.return-to-live-banner .btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:var(--shadow-md)}.location-item.live{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:var(--danger-color);position:relative}.location-item.live:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--danger-color);border-radius:4px 0 0 4px}.location-item.live .location-item-icon{color:var(--danger-color)}.live-mode-toggle{margin-left:auto}.live-mode-toggle .btn{display:flex;align-items:center;gap:.5rem;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.live-mode-toggle .btn.live-active{background:var(--danger-color);border-color:var(--danger-color);animation:liveGlow 1.5s ease-in-out infinite}@keyframes liveGlow{0%,to{box-shadow:0 0 5px #ef444480}50%{box-shadow:0 0 20px #ef4444cc}}.live-indicator{width:8px;height:8px;background:currentColor;border-radius:50%;display:inline-block}.live-indicator.pulsing{animation:livePulse 1s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.live-mode-info{margin-bottom:1rem}.live-mode-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-sm);margin-bottom:1rem}.live-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--danger-color);border-radius:50%;flex-shrink:0}.live-dot{width:12px;height:12px;background:#fff;border-radius:50%;animation:livePulse 1s ease-in-out infinite}.live-text strong{display:block;color:var(--danger-color);font-size:.9rem;margin-bottom:.25rem}.live-text p{font-size:.8rem;color:var(--text-muted);margin:0}.latest-location-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:1rem}.latest-header{font-weight:600;font-size:.85rem;color:var(--success-color);margin-bottom:.5rem}.latest-coords{font-family:Monaco,Consolas,monospace;font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.latest-time{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.latest-actions{display:flex;gap:.5rem}.live-badge-floating{position:absolute;top:1rem;left:1rem;z-index:1000;display:flex;align-items:center;gap:.5rem;background:var(--danger-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-lg);animation:floatingBadge 2s ease-in-out infinite}@keyframes floatingBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.live-dot-small{width:8px;height:8px;background:#fff;border-radius:50%;animation:livePulse 1s ease-in-out infinite}.history-section{margin-bottom:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-header h4{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.date-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.current-user-badge{margin-top:.5rem}.location-list-header{display:flex;justify-content:space-between;align-items:center}.location-count{font-size:.75rem;color:var(--text-muted);font-weight:500}.location-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.location-item:hover{background:#8264fa0d}.location-item.active{background:#8264fa26;border-left:3px solid var(--primary-color)}.location-item.latest{background:#22c55e1a}.location-item-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.location-item.active .location-item-number{background:var(--primary-color);color:#fff}.location-item.latest .location-item-number{background:var(--success-color);color:#fff}.location-item-content{flex:1;min-width:0}.location-item-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.location-item-coords{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-item-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted)}.location-item-time{display:flex;align-items:center;gap:.25rem}.location-item-accuracy{color:var(--warning-color);font-weight:500}.location-item-actions{flex-shrink:0}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.location-list-more{padding:1rem;text-align:center}.stat-card-mini{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.stat-card-mini .stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-light);color:#fff;border-radius:50%;flex-shrink:0}.stat-card-mini .stat-icon svg{width:16px;height:16px}.stat-card-mini .stat-content{flex:1;min-width:0}.stat-card-mini .stat-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-mini .stat-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.feature-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.feature-badge{padding:.35rem .75rem;background:#8264fa1a;color:var(--primary-color);border-radius:20px;font-size:.8rem;font-weight:500}.playback-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1rem}.playback-btn.playback-main{width:48px;height:48px;font-size:1.25rem;border-radius:50%}.playback-position{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.playback-position span:first-child{font-weight:600;color:var(--primary-color)}.map-controls-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.btn-block{width:100%;display:block}.empty-state-mini{padding:2rem 1rem;text-align:center}.empty-state-mini .empty-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 1rem;background:var(--bg-tertiary);color:var(--text-muted);border-radius:50%}.empty-state-mini .empty-icon svg{width:28px;height:28px}.empty-state-mini p{margin:.25rem 0;color:var(--text-muted);font-size:.9rem}.empty-state-mini .text-muted{font-size:.8rem;opacity:.7}.empty-state-mini h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.empty-tips{margin-top:1rem;text-align:left;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);padding:1rem}.empty-tips p{margin-bottom:.5rem;color:var(--text-primary)}.empty-tips ul{margin:0;padding-left:1.25rem}.empty-tips li{margin:.25rem 0;font-size:.85rem;color:var(--text-secondary)}.location-list-actions{display:flex;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.location-item.first .location-item-number{background:var(--info-color);color:#fff}.location-badges{display:flex;gap:.25rem;flex-wrap:wrap}.location-item-provider{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:4px;text-transform:uppercase}.location-item-actions{display:flex;gap:.25rem;flex-shrink:0}.location-item-actions .btn-icon{width:28px;height:28px;font-size:.85rem}@media (max-width: 400px){.location-item-actions{flex-direction:column}}.map-container-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;position:relative;max-width:100%}.map-view-controls{display:none;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.map-view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.map-view-btn:hover{background:var(--bg-primary);border-color:var(--primary-light);color:var(--primary)}.map-view-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.map-range-section{padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:1rem;border:1px solid var(--border-color)}.map-range-section h4{margin:0 0 .25rem;font-size:.95rem;color:var(--text-primary)}.map-range-section .text-muted{margin-bottom:.75rem}.range-selection-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.range-point-selector{display:flex;flex-direction:column;gap:.25rem}.range-point-selector label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.range-point-selector select{padding:.5rem;font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary)}.range-action-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.range-action-buttons .btn{flex:1;padding:.5rem .75rem;font-size:.85rem}.range-info{padding:.5rem;background:var(--primary-light);border-radius:var(--border-radius-sm);text-align:center;color:var(--primary);font-weight:500}@media (max-width: 480px){.map-view-controls{gap:.35rem;padding:.5rem}.map-view-btn{padding:.4rem .65rem;font-size:.75rem}.range-action-buttons{flex-direction:column}}.location-map{flex:1;min-height:700px;height:700px;width:100%;position:relative;background:var(--bg-tertiary);border-radius:var(--border-radius);overflow:hidden}.google-map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:700px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--border-radius);text-align:center;padding:2rem}.google-map-empty-state{max-width:400px}.google-map-empty-state svg{width:80px;height:80px;color:var(--primary-light);margin-bottom:1.5rem;opacity:.6}.google-map-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.google-map-empty-state p{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.google-map-empty-state .text-muted{font-size:.85rem;color:var(--text-muted)}.google-map-iframe{width:100%;height:700px;min-height:700px;border:none;border-radius:var(--border-radius)}.map-info-panel{position:absolute;top:1rem;right:1rem;z-index:1000;background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:320px;max-width:400px;overflow:hidden;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.map-info-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.map-info-header h4{font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.map-info-header .btn-secondary{background:#fff3;border:none;color:#fff;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast)}.map-info-header .btn-secondary:hover{background:#ffffff4d}#map-info-details{padding:1rem}.info-grid{display:grid;gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.9rem;color:var(--text-primary);font-family:Monaco,Consolas,monospace}.info-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.info-actions .btn{flex:1;font-size:.8rem;padding:.5rem .75rem;text-align:center}.map-stats-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.map-stats-section h4{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.stats-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item-mini{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.stat-item-mini .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.stat-item-mini .stat-value{font-size:1rem;font-weight:700;color:var(--primary-color)}.location-list-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible;padding-bottom:1rem}.location-list-section h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);padding:1rem 1.25rem .5rem}.location-list{flex:1;overflow-y:auto;padding:0 .5rem .5rem}.playback-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.playback-slider-container{padding:0 .5rem;margin-bottom:.75rem}.playback-slider{width:100%;height:6px;background:var(--border-color);border-radius:3px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.playback-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.playback-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.playback-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;border:none;cursor:pointer;box-shadow:var(--shadow-md)}.playback-speed{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.playback-speed label{font-weight:500}.form-select-sm{padding:.25rem .5rem;font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);cursor:pointer}@media (max-width: 1200px){.map-page{grid-template-columns:340px 1fr;gap:1rem}}@media (max-width: 992px){.map-page{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:auto;overflow-x:hidden;max-width:100%}.map-controls-panel{max-height:none;overflow:visible;max-width:100%}.location-list-section{max-height:none;overflow:visible}.location-map{min-height:500px;height:500px}.google-map-placeholder{min-height:500px}.google-map-iframe{min-height:500px;height:500px}}@media (max-width: 576px){.map-page{gap:.75rem}.stats-grid-mini{grid-template-columns:1fr}.map-info-panel{left:.5rem;right:.5rem;min-width:auto;max-width:none}.location-map,.google-map-placeholder,.google-map-iframe{min-height:300px}}.date-browser-section{margin-bottom:1.5rem}.date-list-container{background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.date-list-loading,.date-list-empty{padding:2rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.75rem}.spinner-small{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.date-list-scroll{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.date-list-scroll::-webkit-scrollbar{width:6px}.date-list-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary)}.date-list-scroll::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.date-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.date-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-color)}.date-list-item:last-child{border-bottom:none}.date-list-item:hover{background:var(--bg-secondary)}.date-list-item.selected{background:var(--primary-color);color:#fff}.date-list-item.selected .date-item-weekday,.date-list-item.selected .location-label{color:#fffc}.date-item-info{display:flex;flex-direction:column;gap:.125rem}.date-item-day{font-weight:600;font-size:.9rem}.date-item-weekday{font-size:.75rem;color:var(--text-secondary)}.date-item-count{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.location-count{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.date-list-item.selected .location-count{color:#fff}.location-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.time-list-section{margin-top:1rem;margin-bottom:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:visible}.time-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.time-list-header h4{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.time-list-count{font-size:.75rem;background:#fff3;padding:.25rem .5rem;border-radius:12px}.time-list-container{max-height:300px;overflow:visible}.time-list-loading,.time-list-empty{padding:2rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.75rem}.time-list-scroll{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.time-list-scroll::-webkit-scrollbar{width:6px}.time-list-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary)}.time-list-scroll::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.time-list-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-color)}.time-list-item:last-child{border-bottom:none}.time-list-item:hover{background:var(--bg-tertiary)}.time-list-item.active{background:linear-gradient(90deg,rgba(130,100,250,.1),transparent);border-left:3px solid var(--primary-color)}.time-item-time{font-weight:600;font-size:.9rem;color:var(--primary-color);font-family:SF Mono,Monaco,Menlo,monospace}.time-item-coords{font-size:.75rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,monospace}.time-item-accuracy{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.btn-see-more{width:100%;border-radius:0;padding:.75rem;font-size:.85rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.btn-see-more:hover{background:var(--bg-secondary)}.date-info{display:flex;flex-direction:column;gap:.125rem}.date-text{font-weight:600;font-size:.9rem}.weekday{font-size:.75rem;color:var(--text-secondary)}.date-list-item.selected .weekday{color:#fffc}.time-text{font-weight:600;font-size:.9rem;color:var(--primary-color);font-family:SF Mono,Monaco,Menlo,monospace}.time-coords{font-size:.75rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,monospace}.time-accuracy{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.time-list-section h5{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:.85rem;font-weight:600}.loading-dates{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--text-secondary)}.loading-dates .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 992px){.date-list-scroll,.time-list-scroll{max-height:150px}}@media (max-width: 576px){.date-list-item{padding:.5rem .75rem}.time-list-item{padding:.5rem .75rem;flex-wrap:wrap;gap:.25rem}.time-item-coords{flex-basis:100%}}@media (max-width: 992px){.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%;overflow-x:hidden}.header{padding:1rem 1rem 1rem 4.5rem}.page-title{font-size:1.25rem}.content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.map-page{grid-template-columns:1fr;min-height:auto;overflow-x:hidden;max-width:100%}.map-controls-panel{order:1;max-width:100%;overflow-x:hidden}.location-map{order:2;min-height:500px;height:500px;max-width:100%}.google-map-iframe{min-height:500px;height:500px}.map-info-panel{position:relative;top:auto;right:auto;min-width:auto;max-width:none;margin-top:1rem}.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:.75rem;padding-left:4rem}.header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.page-title{font-size:1.1rem}.card-header{padding:1rem;flex-direction:column;align-items:flex-start}.card-body{padding:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.user-settings-grid{grid-template-columns:1fr}.mode-card{padding:1rem}.mode-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.table-container{overflow-x:auto}table{min-width:600px}.input-group{flex-direction:column}.input-group .btn{width:100%}.scroll-picker-row{flex-direction:column;gap:.5rem}.scroll-picker-col{width:100%}.quick-date-buttons{flex-wrap:wrap}.quick-date-buttons .btn{flex:1;min-width:calc(50% - .5rem)}.dropdown-list{max-height:200px}.map-controls-body{padding:1rem}}@media (max-width: 480px){.mobile-menu-toggle{top:.75rem;left:.75rem;width:40px;height:40px}.header{padding:.75rem .75rem .75rem 3.5rem}.page-title{font-size:1rem}.content,.card-header,.card-body{padding:.75rem}.btn{padding:.625rem 1rem;font-size:.875rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.form-input,.form-select{padding:.625rem .875rem;font-size:.875rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.sidebar{width:260px}.sidebar-header{padding:1rem}.nav-item{padding:.625rem 1rem;font-size:.875rem}.location-map,.google-map-iframe,.google-map-placeholder{min-height:280px}.map-info-panel{padding:.75rem}.map-info-panel h4{font-size:.9rem}.location-item{padding:.625rem .75rem}.time-text{font-size:.8rem}.time-coords{font-size:.7rem}.toggle-switch{width:44px;height:24px}.toggle-slider:before{width:18px;height:18px}.mode-status{font-size:.7rem;padding:.25rem .5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header,.modal-body,.modal-footer{padding:1rem}.user-avatar-large{width:60px;height:60px;font-size:1.25rem}.date-list-scroll,.time-list-scroll{max-height:120px}.login-card{padding:1.5rem}.login-title{font-size:1.5rem}}@media (max-width: 360px){.header{padding-left:3rem}.mobile-menu-toggle{width:36px;height:36px}.mobile-menu-toggle svg{width:20px;height:20px}.sidebar{width:240px}.page-title{font-size:.9rem}.btn{padding:.5rem .75rem;font-size:.8rem}.card-title{font-size:.95rem}.quick-date-buttons .btn{min-width:100%}}@media (max-height: 500px) and (orientation: landscape){.sidebar{overflow-y:auto}.sidebar-nav{padding:.5rem 0}.nav-item,.sidebar-footer{padding:.5rem 1rem}}@media print{.sidebar,.mobile-menu-toggle,.sidebar-overlay,.header-right{display:none!important}.main-content{margin-left:0!important}.content{padding:0!important}}.email-page{max-width:900px}.user-info-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border-radius:var(--border-radius);padding:1.25rem;margin-top:1rem;border:1px solid var(--border-color)}.user-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.user-info-row:last-child{border-bottom:none}.user-info-label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.user-info-value{font-weight:600;color:var(--text-primary);font-size:.9375rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.template-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.template-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card.active{border-color:var(--primary-color);background:linear-gradient(135deg,#8264fa0d,#8264fa1a);box-shadow:0 0 0 3px #8264fa33}.template-name{font-weight:600;color:var(--text-primary);font-size:.9375rem;margin-bottom:.5rem}.template-sender{font-size:.8125rem;color:var(--text-secondary);word-break:break-all}.form-textarea{width:100%;padding:.875rem 1rem;font-size:.9375rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);resize:vertical;min-height:200px;font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8264fa26}.email-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.preview-header{background:var(--bg-tertiary);padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);font-size:.9375rem}.preview-body{padding:1.5rem;font-size:.9375rem;color:var(--text-primary);line-height:1.7}.preview-body p{margin-bottom:1rem}.text-warning{color:var(--warning-color)!important}.gap-2{gap:.5rem}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}@media (max-width: 768px){.template-grid{grid-template-columns:1fr}.email-page .d-flex{flex-direction:column}.email-page .d-flex .btn{width:100%}}