:root{--font-family: "Alexandria", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-pill: 50px;--accent-color-purple: #a855f7;--accent-color-blue: #3b82f6;--accent-color-pink: #ec4899;--accent-color-lime: #84cc16;--accent-gradient-sunset: linear-gradient(135deg, #f97316, #ec4899);--accent-gradient-ocean: linear-gradient(135deg, #06b6d4, #3b82f6);--accent-gradient-forest: linear-gradient(135deg, #22c55e, #15803d);--accent-gradient-amethyst: linear-gradient(135deg, #9333ea, #a855f7);--accent-gradient-sky: linear-gradient(135deg, #38bdf8, #3b82f6);--accent-gradient-meadow: linear-gradient(135deg, #22c55e, #10b981);--accent-gradient-rose: linear-gradient(135deg, #fb7185, #f472b6);--accent-gradient-citrus: linear-gradient(135deg, #f59e0b, #fbbf24);--accent-gradient-coral: linear-gradient(135deg, #f7734f, #ef4444);--accent-gradient-night: linear-gradient(135deg, #4f46e5, #7c3aed);--accent-color-amethyst-solid: #9333ea;--accent-color-sky-solid: #38bdf8;--accent-color-meadow-solid: #22c55e;--accent-color-rose-solid: #fb7185;--accent-color-citrus-solid: #f59e0b;--accent-color-coral-solid: #f7734f;--accent-color-night-solid: #4f46e5;--accent-color: var(--accent-color-purple);--primary-gradient: linear-gradient(135deg, var(--accent-color), #ef4444);--community-guidelines-collapsed-height: 54px;--community-guidelines-expanded-height: 200px}html,html.dark-mode{--bg-primary: linear-gradient(180deg, #1f1d2e 0%, #0d0c11 100%);--bg-secondary: #2a273a;--surface-primary: #1f1d2e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-primary: rgba(255, 255, 255, .1);--success-color: #34d399;--danger-color: #f43f5e;--warning-color: #f59e0b;--info-color: #38bdf8;--ai-feature-main-bg: rgba(168, 85, 247, .2);--ai-feature-main-icon-color: #c084fc;--glass-bg: rgba(31, 29, 46, .85);--glass-border: rgba(255, 255, 255, .1);--paper-bg: #fffbf0;--paper-text: #333;--input-bg: #2a273a}html.light-mode{--bg-primary: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%);--bg-secondary: #e2e8f0;--surface-primary: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--border-primary: #cbd5e1;--success-color: #059669;--danger-color: #dc2626;--warning-color: #d97706;--info-color: #0284c7;--ai-feature-main-bg: rgba(168, 85, 247, .1);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1);--paper-bg: #ffffff;--paper-text: #000;--input-bg: #f8fafc}html[data-accent-color=purple]{--accent-color: var(--accent-color-purple);--primary-gradient: linear-gradient(135deg, var(--accent-color), #ef4444)}html[data-accent-color=blue]{--accent-color: var(--accent-color-blue);--primary-gradient: linear-gradient(135deg, var(--accent-color), #34d399)}html[data-accent-color=pink]{--accent-color: #ec4899;--primary-gradient: linear-gradient(135deg, var(--accent-color), #a855f7)}html[data-accent-color=lime]{--accent-color: var(--accent-color-lime);--primary-gradient: linear-gradient(135deg, var(--accent-color), #facc15)}html[data-accent-color=sunset]{--accent-color: #f97316;--primary-gradient: var(--accent-gradient-sunset)}html[data-accent-color=ocean]{--accent-color: #06b6d4;--primary-gradient: var(--accent-gradient-ocean)}html[data-accent-color=forest]{--accent-color: #22c55e;--primary-gradient: var(--accent-gradient-forest)}html[data-accent-color=amethyst]{--accent-color: var(--accent-color-amethyst-solid);--primary-gradient: var(--accent-gradient-amethyst)}html[data-accent-color=sky]{--accent-color: var(--accent-color-sky-solid);--primary-gradient: var(--accent-gradient-sky)}html[data-accent-color=meadow]{--accent-color: var(--accent-color-meadow-solid);--primary-gradient: var(--accent-gradient-meadow)}html[data-accent-color=rose]{--accent-color: var(--accent-color-rose-solid);--primary-gradient: var(--accent-gradient-rose)}html[data-accent-color=citrus]{--accent-color: var(--accent-color-citrus-solid);--primary-gradient: var(--accent-gradient-citrus)}html[data-accent-color=coral]{--accent-color: var(--accent-color-coral-solid);--primary-gradient: var(--accent-gradient-coral)}html[data-accent-color=night]{--accent-color: var(--accent-color-night-solid);--primary-gradient: var(--accent-gradient-night)}*{box-sizing:border-box;padding:0;margin:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar,.ai-chat-messages::-webkit-scrollbar,#contacts-list::-webkit-scrollbar,.risk-analysis-body::-webkit-scrollbar,#archived-sessions-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.page-content-wrapper::-webkit-scrollbar,.community-guidelines-body::-webkit-scrollbar,.legal-report-content::-webkit-scrollbar,.transcript-timeline::-webkit-scrollbar{display:none}body,.ai-chat-messages,#contacts-list,.risk-analysis-body,#archived-sessions-list,.modal-content,.page-content-wrapper,.community-guidelines-body,.legal-report-content,.transcript-timeline{-ms-overflow-style:none;scrollbar-width:none}#app-container{height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg-primary)}.page-container{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s ease-in-out,visibility .35s ease-in-out,transform .35s ease-in-out}.page-container.active-page{opacity:1;visibility:visible;transform:translateY(0);bottom:70px;height:auto}.page-content-wrapper{flex-grow:1;overflow-y:auto;padding:16px;width:100%}#community-page{flex-grow:1;display:flex;flex-direction:column;padding:0;bottom:0;height:100%}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:color-mix(in srgb,var(--surface-primary) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;z-index:100;border-top:1px solid var(--border-primary)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color .3s,transform .3s,background-color .3s;font-size:10px;font-weight:500;cursor:pointer;position:relative;padding:8px 12px;border-radius:var(--border-radius-md);background:none;border:none;width:60px;height:50px}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.nav-item.active i,.nav-item.active span{color:var(--accent-color)}.nav-item i{font-size:20px;margin-bottom:4px}.app-header,.page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;width:100%;flex-shrink:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;position:sticky;top:0;z-index:90;border-bottom:1px solid var(--border-primary);margin-bottom:0}.logo{font-size:22px;font-weight:700;color:var(--text-primary)}.logo .logo-guard{font-weight:400;opacity:.7}.user-greeting{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.user-greeting i{cursor:pointer;transition:color .2s}.user-greeting i:hover{color:var(--text-primary)}.voice-command-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px;transition:color .3s}.voice-command-btn:hover{color:var(--info-color)}.voice-command-btn.listening{color:var(--info-color);animation:pulse-blue 1.5s infinite}.live-session-dashboard{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--border-radius-lg);padding:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);margin-bottom:24px;animation:slideDownFade .5s ease-out;position:relative;overflow:hidden;z-index:50;text-align:center;transition:all .5s ease}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.live-session-dashboard.status-safe{border-color:#22c55e80;background:linear-gradient(180deg,rgba(34,197,94,.05) 0%,var(--glass-bg) 100%);box-shadow:0 10px 30px #22c55e1a}.live-session-dashboard.status-medium{border-color:#f59e0b99;background:linear-gradient(180deg,rgba(245,158,11,.1) 0%,var(--glass-bg) 100%);box-shadow:0 10px 40px #f59e0b33;animation:pulse-border-warning 1.5s infinite ease-in-out}.live-session-dashboard.status-high{border-color:var(--danger-color);background:linear-gradient(180deg,rgba(239,68,68,.15) 0%,var(--glass-bg) 100%);box-shadow:0 10px 50px #ef44444d;animation:pulse-border-danger .8s infinite}@keyframes pulse-border-safe{0%{border-color:#22c55e66;box-shadow:0 0 20px #22c55e1a}50%{border-color:#22c55ecc;box-shadow:0 0 35px #22c55e33}to{border-color:#22c55e66;box-shadow:0 0 20px #22c55e1a}}@keyframes pulse-border-warning{0%{border-color:#f59e0b66;box-shadow:0 0 20px #f59e0b1a}50%{border-color:#f59e0b;box-shadow:0 0 40px #f59e0b4d}to{border-color:#f59e0b66;box-shadow:0 0 20px #f59e0b1a}}@keyframes pulse-border-danger{0%{border-color:#ef444480;box-shadow:0 0 30px #ef444433;transform:scale(1)}50%{border-color:#ef4444;box-shadow:0 0 60px #ef444480;transform:scale(1.01)}to{border-color:#ef444480;box-shadow:0 0 30px #ef444433;transform:scale(1)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.audio-visualizer-container{display:flex;justify-content:center;align-items:center;margin:10px auto 20px;width:100%;height:140px;position:relative;z-index:10;transition:background .5s ease}.status-safe .audio-visualizer-container{background:radial-gradient(circle at center,rgba(34,197,94,.1) 0%,transparent 70%)}.status-medium .audio-visualizer-container{background:radial-gradient(circle at center,rgba(245,158,11,.15) 0%,transparent 70%)}.status-high .audio-visualizer-container{background:radial-gradient(circle at center,rgba(239,68,68,.2) 0%,transparent 75%);animation:pulse-vis-bg 1s infinite}@keyframes pulse-vis-bg{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}#audio-visualizer{width:100%;max-width:320px;height:140px}.live-indicator{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text-primary);font-size:16px;letter-spacing:1px;text-transform:uppercase}.pulsing-dot{width:12px;height:12px;background-color:var(--danger-color);border-radius:50%;box-shadow:0 0 10px var(--danger-color);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.session-timer{font-family:Courier New,monospace;font-size:28px;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);padding:8px 16px;border-radius:8px;border:1px solid var(--border-primary);letter-spacing:2px}.ai-summary-card{background:var(--surface-primary);border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);text-align:right}.summary-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;color:var(--accent-color);margin-bottom:8px}.summary-text{font-size:15px;line-height:1.5;color:var(--text-primary);font-style:italic;opacity:.9}.tactical-advice-panel{background:linear-gradient(135deg,#3b82f60d,#a855f70d);border:1px solid var(--accent-color);border-left:5px solid var(--accent-color);border-radius:12px;padding:16px;margin-bottom:20px;text-align:start;box-shadow:var(--shadow-md);animation:fadeIn .5s ease}html[dir=rtl] .tactical-advice-panel{border-left:1px solid var(--accent-color);border-right:5px solid var(--accent-color)}.tactical-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--accent-color);margin-bottom:8px}.tactical-text{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.5}.threat-classification-banner{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;margin-bottom:16px;border-radius:8px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.threat-safe{background:#22c55e26;color:var(--success-color);border:1px solid var(--success-color)}.threat-warning{background:#f59e0b26;color:var(--warning-color);border:1px solid var(--warning-color)}.threat-danger{background:#ef444426;color:var(--danger-color);border:1px solid var(--danger-color);animation:pulse-danger-bg 2s infinite}@keyframes pulse-danger-bg{0%{background:#ef444426}50%{background:#ef444440}to{background:#ef444426}}.analysis-grid-container{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:768px){.analysis-grid-container{grid-template-columns:1fr 1fr}}.analysis-card{background:var(--surface-primary);border-radius:16px;padding:16px;border:1px solid var(--border-primary);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.deep-analysis-card{background:linear-gradient(to bottom right,var(--surface-primary),rgba(168,85,247,.05));border-color:#a855f733}.analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:800;color:var(--accent-color);text-transform:uppercase;border-bottom:1px solid var(--border-primary);padding-bottom:8px}.analysis-content{display:flex;flex-direction:column;gap:12px;flex-grow:1}.analysis-item{background:var(--bg-secondary);padding:10px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-primary)}.analysis-item.full-width{flex-direction:column;align-items:flex-start;gap:6px}.analysis-item.full-width span:last-child{align-self:stretch;text-align:right}.analysis-item .label{color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase}.analysis-item .value-text{color:var(--text-primary);font-size:14px;font-weight:600}.smart-insight-text{font-size:14px;line-height:1.4;color:var(--info-color)}.forensic-grid-wrapper{margin-bottom:24px;background:var(--surface-primary);padding:16px;border-radius:12px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.forensic-header{font-size:13px;color:var(--text-secondary);margin-bottom:12px;text-align:start;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.forensic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:600px){.forensic-grid{grid-template-columns:repeat(4,1fr)}}.forensic-item{background:var(--bg-secondary);border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border-primary);min-height:60px}.forensic-item.full-span{grid-column:span 2;flex-direction:row;justify-content:space-between;padding:0 16px}@media(min-width:600px){.forensic-item.full-span{grid-column:span 4}}.f-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-weight:600}.f-value{font-size:13px;font-weight:700;color:var(--text-primary)}.f-value.highlight{color:var(--danger-color)}.progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;margin-top:6px;overflow:hidden}html.light-mode .progress-bar{background:#0000000d}.progress-bar div{height:100%;background:var(--accent-color);transition:width .5s ease}.stress-meter-container{display:flex;align-items:center;gap:12px;margin-bottom:20px;background:var(--bg-secondary);padding:12px;border-radius:12px;border:1px solid var(--border-primary)}.stress-meter-label{font-size:12px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.stress-meter-track{flex-grow:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden;position:relative}.stress-meter-fill{height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);width:0%;transition:width .5s ease}.stress-value{font-size:14px;font-weight:700;color:var(--text-primary);width:40px;text-align:right}.vocal-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.vocal-metric-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary);padding:12px 6px;border-radius:12px;border:1px solid var(--border-primary);transition:transform .2s}.vocal-metric-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gauge-circle{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--text-secondary) 0%,rgba(0,0,0,.1) 0%);display:flex;justify-content:center;align-items:center;margin-bottom:8px;position:relative;transition:background .5s ease;box-shadow:inset 0 0 10px #0003}.gauge-circle.safe{background:conic-gradient(var(--success-color) var(--value),rgba(0,0,0,.1) 0%)}.gauge-circle.warning{background:conic-gradient(var(--warning-color) var(--value),rgba(0,0,0,.1) 0%)}.gauge-circle.danger{background:conic-gradient(var(--danger-color) var(--value),rgba(0,0,0,.1) 0%)}.gauge-circle:before{content:"";position:absolute;width:38px;height:38px;background:var(--bg-secondary);border-radius:50%;z-index:1}.gauge-value{position:absolute;font-size:11px;font-weight:800;color:var(--text-primary);z-index:2}.gauge-label{font-size:9px;color:var(--text-secondary);text-align:center;line-height:1.2;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.speaker-identification-panel{display:flex;justify-content:center;gap:16px;margin-bottom:20px;min-height:40px}.speaker-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .3s ease;color:var(--text-primary);font-weight:600}.speaker-card.threat{border-color:var(--danger-color);background:#ef44441a;color:var(--danger-color);animation:pulse-red 1s infinite}.speaker-card.victim{border-color:var(--info-color);color:var(--info-color)}.badge{padding:8px 16px;border-radius:8px;font-size:18px;font-weight:800;letter-spacing:.5px;transition:all .3s ease;display:inline-block;width:100%;text-align:center}.mini-badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;display:inline-block}.badge-safe{background:#22c55e26;color:var(--success-color);border:1px solid var(--success-color)}.badge-medium{background:#f59e0b26;color:var(--warning-color);border:1px solid var(--warning-color)}.badge-high{background:#ef444426;color:var(--danger-color);border:1px solid var(--danger-color)}html.light-mode .badge-safe{color:#047857;border-color:#047857}html.light-mode .badge-medium{color:#b45309;border-color:#b45309}html.light-mode .badge-high{color:#b91c1c;border-color:#b1c1c}.session-row-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.session-row-bottom{display:flex;align-items:center;gap:10px}.transcript-preview{margin-top:0;padding:16px;border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;border:1px solid var(--border-primary);position:relative;display:flex;flex-direction:column;max-height:250px}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.transcript-header span{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.recording-badge{background:#ef444433;color:var(--danger-color);font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;display:flex;align-items:center;gap:4px}.recording-dot{width:6px;height:6px;background:var(--danger-color);border-radius:50%;animation:blink-red 1s infinite}.transcript-timeline{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:10px;padding-right:4px}.timeline-start-marker{text-align:center;font-size:10px;color:var(--text-secondary);opacity:.5;margin-bottom:10px;position:relative}.timeline-start-marker:before,.timeline-start-marker:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border-primary)}.timeline-start-marker:before{left:0}.timeline-start-marker:after{right:0}.transcript-bubble{background:var(--surface-primary);padding:8px 12px;border-radius:2px 12px 12px;font-size:14px;color:var(--text-primary);line-height:1.5;position:relative;align-self:flex-start;max-width:90%;border:1px solid var(--border-primary);animation:fadeIn .3s ease}html[dir=rtl] .transcript-bubble{border-radius:12px 2px 12px 12px}.transcript-bubble.interim{opacity:.6;font-style:italic;border-style:dashed}.transcript-bubble.threat-detected{background:#ef444426;border-color:var(--danger-color);color:var(--text-primary);box-shadow:0 0 10px #ef44441a}.transcript-bubble.threat-detected:after{content:"⚠️ Threat Detected";display:block;font-size:10px;color:var(--danger-color);font-weight:800;margin-top:4px;text-transform:uppercase}html[dir=rtl] .transcript-bubble.threat-detected:after{content:"⚠️ تهديد مكتشف"}.transcript-bubble.distress-signal{background:#f59e0b26;border-color:var(--warning-color)}.transcript-bubble.distress-signal:after{content:"🆘 Distress Signal";display:block;font-size:10px;color:var(--warning-color);font-weight:800;margin-top:4px;text-transform:uppercase}html[dir=rtl] .transcript-bubble.distress-signal:after{content:"🆘 استغاثة"}.transcript-bubble.sound-event{background:transparent;border:1px dashed var(--text-secondary);color:var(--text-secondary);font-style:italic;text-align:center;align-self:center;font-size:12px;padding:4px 12px;border-radius:20px}.bubble-time{font-size:9px;color:var(--text-secondary);position:absolute;bottom:-16px;right:4px;opacity:.7}html[dir=rtl] .bubble-time{right:auto;left:4px}.threat-highlight{background-color:#ef44444d;color:#fff;font-weight:800;border-bottom:2px solid var(--danger-color);padding:0 4px;border-radius:4px;display:inline-block;animation:flash-highlight 2s infinite;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(239,68,68,.5)}@keyframes flash-highlight{0%,to{background-color:#ef44444d;transform:scale(1)}50%{background-color:#ef444499;transform:scale(1.02)}}.dashboard-cards.info-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.dash-card{background:var(--surface-primary);padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-primary);transition:border-color .3s;box-shadow:var(--shadow-sm)}.dash-card:hover{border-color:var(--accent-color)}.dash-card i{color:var(--accent-color);font-size:20px}.dash-card div{display:flex;flex-direction:column;text-align:start}.dash-card .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.dash-card .value{font-size:16px;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.live-session-dashboard{text-align:center;padding:16px}.dashboard-header{flex-direction:column;gap:10px}.recording-badge{position:relative;top:0;left:0;right:0;display:inline-flex;margin-bottom:0;justify-content:center;width:fit-content;margin-left:0;margin-right:0}html[dir=rtl] .transcript-preview small{margin-left:0}.dash-card{flex-direction:column;text-align:center}.dash-card div{text-align:center;align-items:center}.analysis-item{flex-direction:column;gap:6px;text-align:center}.analysis-item.full-width{align-items:center}.analysis-item.full-width span:last-child{align-self:center;text-align:center}}.stop-monitoring-btn-large{width:100%;padding:14px 18px;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;border-radius:30px;font-weight:700;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ef444466;margin-top:10px}.stop-monitoring-btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444499}.stop-monitoring-btn-large:active{transform:scale(.98)}.map-marker-card{position:absolute;bottom:80px;left:16px;right:16px;background:var(--surface-primary);border-radius:var(--border-radius-lg);padding:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);z-index:600;display:flex;flex-direction:column;gap:12px;animation:slideUp .3s cubic-bezier(.165,.84,.44,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.map-marker-card.hidden{display:none}.card-header{display:flex;align-items:center;gap:12px}.card-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);display:flex;justify-content:center;align-items:center;font-size:20px;color:var(--text-secondary);flex-shrink:0}.card-icon-circle.danger{background:#ef44441a;color:var(--danger-color)}.card-icon-circle.safe{background:#22c55e1a;color:var(--success-color)}.card-icon-circle.neutral{background:#3b82f61a;color:var(--info-color)}.card-info{flex-grow:1}.card-info h4{margin:0;font-size:16px;color:var(--text-primary);font-weight:700}.card-info p{margin:4px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.4}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px}.card-actions{display:flex;gap:10px}.card-action-btn{flex:1;padding:10px;border-radius:8px;border:none;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px}.card-action-btn.primary{background:var(--accent-color);color:#fff}.card-action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.active-status-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;margin-top:16px}.status-card{background-color:var(--surface-primary);border-radius:var(--border-radius-lg);padding:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;animation:fadeIn .5s ease}.status-card-content{display:flex;align-items:center;gap:16px}.status-card-icon{font-size:24px;color:var(--accent-color)}.status-card-info h4{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.status-card-info p{font-size:13px;color:var(--text-secondary)}.status-card-action{font-size:13px;font-weight:700;color:var(--accent-color);cursor:pointer}.monitoring-controls{display:flex;flex-direction:column;align-items:center;margin:20px 0 24px}.monitoring-button{width:180px;height:180px;border-radius:50%;border:none;cursor:pointer;background:var(--primary-gradient);color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color) 30%,transparent);transition:all .3s ease;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.monitoring-button:hover{transform:scale(1.05);box-shadow:0 15px 40px color-mix(in srgb,var(--accent-color) 40%,transparent)}.monitoring-button:active{transform:scale(.97);filter:brightness(.95)}.monitoring-button.active{animation:breathing-animation 2s ease-in-out infinite}.monitoring-button-content{display:flex;flex-direction:column;align-items:center;gap:10px}.monitoring-button-content i{font-size:48px;margin-bottom:4px}.monitoring-button-content span{font-size:18px;font-weight:600}.monitoring-description{margin-top:16px;color:var(--text-secondary);font-size:14px;text-align:center}@keyframes breathing-animation{0%,to{transform:scale(1);box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color) 30%,transparent)}50%{transform:scale(1.03);box-shadow:0 15px 40px color-mix(in srgb,var(--accent-color) 50%,transparent)}}.main-content-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media(min-width:992px){.main-content-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"tip tip" "safety ai"}.daily-tip-panel{grid-area:tip}.ai-features-panel{grid-area:ai}.safety-tools-panel{grid-area:safety}}.system-status-panel,.safety-tools-panel,.ai-features-panel,.daily-tip-panel{background-color:var(--surface-primary);border-radius:var(--border-radius-lg);padding:20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.system-status-panel{margin-bottom:16px;margin-top:16px;padding:16px}.system-status-panel h3{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-primary);text-align:center}.status-grid{display:flex;justify-content:space-around;align-items:center;width:100%;padding:0 8px;text-align:center}.status-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:transform .2s,background-color .2s,color .2s,box-shadow .2s;flex:1;padding:8px 4px;border-radius:var(--border-radius-md)}.status-item:hover{transform:translateY(-3px);background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.status-item i{font-size:24px;color:var(--text-secondary);transition:color .2s}.status-indicator-text{font-weight:600;font-size:13px;transition:color .2s}.status-item#audio-status .status-indicator-text.connected,.status-item#wearable-status .status-indicator-text.connected{color:var(--success-color)}.status-item#audio-status .status-indicator-text.disconnected{color:var(--warning-color)}.status-item#wearable-status .status-indicator-text.disconnected{color:var(--danger-color)}.status-item#gps-status .status-indicator-text.ready{color:var(--info-color)}.status-item#gps-status .status-indicator-text.error,.status-item#audio-status .status-indicator-text.error{color:var(--danger-color)}.status-item#audio-status .status-indicator-text.connected i,.status-item#wearable-status .status-indicator-text.connected i,.status-item#gps-status .status-indicator-text.ready i{animation:pulse-status 1.5s infinite ease-in-out}@keyframes pulse-status{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.panel-header{margin:0 0 24px;font-size:18px;font-weight:600;text-align:center}.safety-tools-panel h3{margin-top:0;margin-bottom:24px}.daily-tip-panel h3{display:flex;align-items:center;gap:10px;text-align:center;justify-content:center;margin-top:0}html[dir=rtl] .daily-tip-panel h3{text-align:center}.daily-tip-panel h3 i{color:var(--warning-color)}#daily-tip-text{font-size:14px;color:var(--text-primary);line-height:1.6;text-align:center}.ai-features-panel{background:color-mix(in srgb,var(--surface-primary) 50%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px;align-items:center}.suggestions-header{font-size:12px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}#upcoming-trip-suggestion{width:100%}.upcoming-trip-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 40%,transparent);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s,transform .2s}.upcoming-trip-card:hover{background-color:color-mix(in srgb,var(--accent-color) 15%,transparent);transform:translateY(-2px)}.upcoming-trip-card.no-trip{background:color-mix(in srgb,var(--surface-primary) 80%,transparent);border-color:var(--border-primary);cursor:default}.upcoming-trip-card.no-trip:hover{transform:none;background:color-mix(in srgb,var(--surface-primary) 80%,transparent)}.upcoming-trip-card.active-mode{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:1px solid rgba(34,197,94,.4);box-shadow:0 4px 10px #22c55e1a}.upcoming-trip-card.active-mode:hover{transform:translateY(-2px);box-shadow:0 6px 15px #22c55e33}.upcoming-trip-card .card-icon{font-size:20px;color:var(--accent-color);flex-shrink:0}.upcoming-trip-card.no-trip .card-icon{color:var(--text-secondary)}.upcoming-trip-card .card-info{flex-grow:1}.upcoming-trip-card .card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.upcoming-trip-card .card-destination,.upcoming-trip-card .card-eta{font-size:12px;color:var(--text-secondary)}.upcoming-trip-card .action-btn{background:none;border:none;color:var(--accent-color);font-size:16px;cursor:pointer;flex-shrink:0;padding:0 4px;transition:transform .2s}.upcoming-trip-card .action-btn:hover{transform:translate(4px)}html[dir=rtl] .upcoming-trip-card .action-btn:hover{transform:translate(-4px)}.ai-features-panel #ai-features-trip-section{width:100%}.ai-feature-btn{width:100%;padding:14px;border:none;border-radius:var(--border-radius-pill);background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.ai-feature-btn:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);transform:translateY(-2px)}.ai-feature-btn.main-feature{background:color-mix(in srgb,var(--accent-color) 20%,transparent);font-weight:600;font-size:16px;border:1px solid var(--accent-color)}.ai-feature-btn.main-feature i{color:var(--accent-color)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-secondary);border:1px solid transparent;color:var(--text-secondary);border-radius:16px;height:90px;font-size:12px;cursor:pointer;transition:all .3s ease;text-align:center;padding:8px;box-shadow:var(--shadow-sm)}.tool-button:hover{background-color:var(--surface-primary);color:var(--accent-color);transform:translateY(-4px);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.tool-button:active{transform:translateY(-2px) scale(.97);filter:brightness(.95)}.tool-button i{font-size:24px;margin-bottom:2px}#map{height:100%;width:100%;flex-grow:1;background-color:var(--surface-primary);position:relative;overflow:hidden;cursor:default}#map.picking-mode{cursor:crosshair}#map-controls{position:absolute;bottom:calc(16px + var(--community-guidelines-collapsed-height));right:16px;display:flex;flex-direction:column;gap:10px;z-index:500}html[dir=rtl] #map-controls{right:auto;left:16px}.map-control-button{width:44px;height:44px;border-radius:50%;background-color:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:18px;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md);cursor:pointer;transition:background-color .2s,transform .2s,color .2s}.map-control-button:hover{background-color:var(--bg-secondary);transform:scale(1.05)}.map-control-button:active{transform:scale(.97);filter:brightness(.95)}.map-control-button.active{color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.risk-analysis-panel{position:absolute;top:16px;left:16px;right:16px;background:color-mix(in srgb,var(--surface-primary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md);z-index:510;border:1px solid var(--border-primary);color:var(--text-primary);max-height:54px;overflow:hidden;transition:max-height .5s ease-in-out}.risk-analysis-panel.expanded{max-height:50vh}.risk-analysis-body{overflow-y:auto;max-height:calc(50vh - 54px)}.risk-analysis-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.risk-analysis-header h4{margin:0;font-size:16px}.risk-analysis-header i{transition:transform .5s ease-in-out}.risk-analysis-panel.expanded .risk-analysis-header i{transform:rotate(180deg)}#risk-analysis-content{font-size:14px;line-height:1.6;white-space:pre-wrap;padding:0 16px 16px}#risk-analysis-content .placeholder{color:var(--text-secondary);font-style:italic}.risk-spinner{width:24px;height:24px;border:3px solid var(--border-primary);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.community-guidelines-panel{position:absolute;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface-primary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);z-index:500;border-top:1px solid var(--border-primary);color:var(--text-primary);max-height:var(--community-guidelines-collapsed-height);overflow:hidden;transition:max-height .5s ease-in-out}.community-guidelines-panel.expanded{max-height:var(--community-guidelines-expanded-height)}.community-guidelines-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background-color:transparent}.community-guidelines-header h4{margin:0;font-size:16px;color:var(--text-primary);text-align:start;border-bottom:none;padding-bottom:0}.community-guidelines-header i{transition:transform .5s ease-in-out}.community-guidelines-panel.expanded .community-guidelines-header i{transform:rotate(180deg)}.community-guidelines-body{overflow-y:auto;padding:0 16px 16px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.leaflet-popup-content-wrapper{background:var(--surface-primary);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.leaflet-popup-content{margin:14px 18px;font-family:var(--font-family)}.leaflet-popup-content h3{font-size:16px;margin-bottom:8px;color:var(--accent-color)}.leaflet-popup-content p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.leaflet-popup-tip{background:var(--surface-primary)}.leaflet-popup-close-button{color:var(--text-secondary)!important;padding:8px 8px 0 0}.leaflet-popup-close-button:hover{color:var(--text-primary)!important}.home-safe-zone-circle{stroke:var(--accent-color);stroke-width:2;stroke-opacity:.8;fill:var(--accent-color);fill-opacity:.2}.leaflet-marker-icon.faded-marker{opacity:.3;transition:opacity .3s ease-in-out}.trip-path-traveled{stroke-dasharray:none;stroke:var(--accent-color);opacity:.9;stroke-width:5}.trip-path-remaining{stroke-dasharray:5,10;stroke:var(--accent-color);opacity:.7;stroke-width:5}.trip-path-safest{stroke-dasharray:5,5;stroke:#2dd4bf;opacity:.9;stroke-width:6}.safest-route-popup{background:none}.safest-route-popup .leaflet-popup-content-wrapper{background:#000c;color:#fff;padding:2px}.trip-path-segment{stroke-linecap:round;stroke-linejoin:round}@keyframes pulse-danger{0%{box-shadow:0 0 color-mix(in srgb,var(--danger-color) 70%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--danger-color) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--danger-color) 0%,transparent)}}@keyframes pulse-warning{0%{box-shadow:0 0 color-mix(in srgb,var(--warning-color) 70%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--warning-color) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--warning-color) 0%,transparent)}}@keyframes glow-safe{0%,to{box-shadow:0 0 5px 2px color-mix(in srgb,var(--success-color) 40%,transparent)}50%{box-shadow:0 0 10px 4px color-mix(in srgb,var(--success-color) 70%,transparent)}}@keyframes pulse-user-location{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.user-marker{width:24px;height:24px;border-radius:50%;background-color:var(--info-color);border:2px solid white;box-shadow:var(--shadow-md);position:relative;display:flex;justify-content:center;align-items:center}.user-marker:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#fff;font-size:12px}.user-marker:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--info-color);animation:pulse-user-location 2s infinite ease-out;z-index:-1}.custom-marker{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;border:2px solid white;box-shadow:0 2px 5px #0006;transition:opacity .3s ease-in-out}.marker-danger{background-color:var(--danger-color);animation:pulse-danger 2s infinite}.marker-warning{background-color:var(--warning-color);animation:pulse-warning 2s infinite}.marker-neutral{background-color:var(--success-color);animation:glow-safe 3s infinite alternate}.marker-home{background-color:var(--accent-color);border-color:var(--text-primary)}.marker-trip-start{background-color:var(--info-color)}.marker-trip-end{background-color:var(--danger-color)}.marker-police{background-color:#3b82f6;border-color:#fff}.marker-hospital{background-color:#ef4444;border-color:#fff}.marker-mosque{background-color:#10b981;border-color:#fff}.marker-friend{background-color:#a855f7;border-color:#fff}.marker-university{background-color:#8b5cf6;border-color:#fff}.zone-high{stroke:var(--danger-color);stroke-width:2;stroke-opacity:.8;fill:var(--danger-color);fill-opacity:.3;animation:pulse-risk-zone-high 3s infinite ease-in-out}.zone-medium{stroke:var(--warning-color);stroke-width:2;stroke-opacity:.7;fill:var(--warning-color);fill-opacity:.25}.zone-safe{stroke:var(--success-color);stroke-width:2;stroke-opacity:.6;fill:var(--success-color);fill-opacity:.15}@keyframes pulse-risk-zone-high{0%{fill-opacity:.2;stroke-width:2;stroke-opacity:.7}50%{fill-opacity:.5;stroke-width:4;stroke-opacity:1}to{fill-opacity:.2;stroke-width:2;stroke-opacity:.7}}.notifications-display-area{flex-grow:1;display:flex;flex-direction:column}.notifications-list{display:flex;flex-direction:column;gap:12px;flex-grow:1}.notification-item{display:flex;padding:16px;background-color:var(--surface-primary);border-radius:var(--border-radius-md);border-left:4px solid var(--info-color);transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}.notification-item:hover{transform:translate(-4px);box-shadow:var(--shadow-md)}html[dir=rtl] .notification-item:hover{transform:translate(4px)}html[dir=rtl] .notification-item{border-left:none;border-right:4px solid var(--info-color);border-left:1px solid var(--border-primary)}.notification-item.success{border-color:var(--success-color)}.notification-item.warning{border-color:var(--warning-color)}.notification-item.info{border-color:var(--info-color)}.notification-item.danger{border-color:var(--danger-color)}html[dir=rtl] .notification-item.success{border-right-color:var(--success-color);border-left-color:var(--border-primary)}html[dir=rtl] .notification-item.warning{border-right-color:var(--warning-color);border-left-color:var(--border-primary)}html[dir=rtl] .notification-item.info{border-right-color:var(--info-color);border-left-color:var(--border-primary)}html[dir=rtl] .notification-item.danger{border-right-color:var(--danger-color);border-left-color:var(--border-primary)}.notification-item i{font-size:20px}.notification-item.success i{color:var(--success-color)}.notification-item.warning i{color:var(--warning-color)}.notification-item.info i{color:var(--info-color)}.notification-item.danger i{color:var(--danger-color)}.notification-content{flex-grow:1}.notification-content p{font-size:14px;margin-bottom:4px;color:var(--text-primary)}.notification-content small{font-size:12px;color:var(--text-secondary)}.no-items-placeholder{text-align:center;padding:50px 20px;color:var(--text-secondary)}.no-items-placeholder i{font-size:48px;margin-bottom:16px;opacity:.5}.clear-all-button{background:none;border:1px solid var(--border-primary);color:var(--text-secondary);padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s,color .2s}.clear-all-button:hover{background-color:var(--border-primary);color:var(--text-primary)}.settings-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:992px){.settings-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}}.settings-section{width:100%}.settings-section h3{padding:0 4px 8px;margin-bottom:8px;border-bottom:none;margin-top:15px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}html[dir=rtl] .settings-section h3{text-align:right}.settings-list{display:flex;flex-direction:column;background-color:var(--surface-primary);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.settings-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s;gap:16px;min-height:60px}.settings-list-item:not(:last-child){border-bottom:1px solid var(--border-primary)}.settings-list-item:hover{background-color:var(--bg-secondary)}.settings-list-item>span{display:flex;align-items:center;gap:16px;font-size:15px}.setting-item-content{flex-grow:1}.setting-item-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-top:10px}.setting-item-desc{font-size:13px;color:var(--text-secondary);margin-top:4px;max-width:90%;line-height:1.4}html[dir=rtl] .settings-list-item{text-align:right}html[dir=rtl] .setting-item-content{margin-left:16px}.voice-password-display{font-family:monospace;background-color:var(--bg-secondary);padding:4px 8px;border-radius:6px;display:inline-block;margin-top:8px;font-size:14px;border:1px solid var(--border-primary);color:var(--text-primary)}.change-btn{background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;flex-shrink:0}.change-btn:hover{background-color:color-mix(in srgb,var(--text-primary) 10%,transparent)}.profile-info-item{align-items:flex-start!important;padding-top:12px;padding-bottom:12px}.profile-info-item .setting-item-content{display:flex;flex-direction:column;gap:8px;margin-top:4px}.profile-picture-container{position:relative;width:60px;height:60px;flex-shrink:0}#profile-picture-display{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary)}.upload-pic-btn{position:absolute;bottom:0;right:0;width:24px;height:24px;background-color:var(--accent-color);color:#fff;border:2px solid var(--surface-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.settings-list-item #username-input{max-width:200px;padding:6px 10px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:6px}.settings-list-item .form-group-select{width:auto;min-width:130px;flex-grow:0;padding:6px 30px 6px 10px;height:36px}.settings-list-item i.fa-chevron-right,.settings-list-item i.fa-chevron-left{color:var(--text-secondary);transition:transform .2s;font-size:12px}.settings-list-item:hover i.fa-chevron-right{transform:translate(4px)}.settings-list-item:hover i.fa-chevron-left{transform:translate(-4px)}html[dir=rtl] .settings-list-item i.fa-chevron-right{transform:rotate(180deg)!important}html[dir=rtl] i[data-direction-icon]{transform:rotate(180deg)}.settings-list-item[data-action=clear_chat_history]{border-left:3px solid transparent}.settings-list-item[data-action=clear_chat_history]:hover{border-left-color:var(--danger-color)}.settings-list-item[data-action=clear_chat_history] .setting-item-title{color:var(--danger-color)}html[dir=rtl] .settings-list-item[data-action=clear_chat_history]{border-left:none;border-right:3px solid transparent}html[dir=rtl] .settings-list-item[data-action=clear_chat_history]:hover{border-right-color:var(--danger-color)}.setting-description{font-size:13px;color:var(--text-secondary);padding:16px 0;line-height:1.5;font-weight:500}.accent-color-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:12px;padding:8px 0 16px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;background-color:#fff;position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--text-primary)}.color-swatch.active:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary);border:1px solid var(--border-primary);transition:.3s cubic-bezier(.4,0,.2,1)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}input:checked+.slider{background-color:var(--accent-color);border-color:var(--accent-color)}input:focus-visible+.slider{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-color)}input:checked+.slider:before{background-color:#fff;transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}html[dir=rtl] .slider:before{left:auto;right:3px}html[dir=rtl] input:checked+.slider:before{transform:translate(-20px)}.color-swatch.purple{background-color:var(--accent-color-purple)}.color-swatch.blue{background-color:var(--accent-color-blue)}.color-swatch.pink{background-color:var(--accent-color-pink)}.color-swatch.lime{background-color:var(--accent-color-lime)}.color-swatch.sunset{background:var(--accent-gradient-sunset)}.color-swatch.ocean{background:var(--accent-gradient-ocean)}.color-swatch.forest{background:var(--accent-gradient-forest)}.color-swatch.amethyst{background:var(--accent-gradient-amethyst)}.color-swatch.sky{background:var(--accent-gradient-sky)}.color-swatch.meadow{background:var(--accent-gradient-meadow)}.color-swatch.rose{background:var(--accent-gradient-rose)}.color-swatch.citrus{background:var(--accent-gradient-citrus)}.color-swatch.coral{background:var(--accent-gradient-coral)}.color-swatch.night{background:var(--accent-gradient-night)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease forwards}.modal-content{background:var(--surface-primary);padding:24px;border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);width:90%;max-width:400px;position:relative;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.165,.84,.44,1) forwards;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:color .2s,transform .2s;z-index:10}.modal-close-btn:hover{color:var(--text-primary);transform:rotate(90deg)}html[dir=rtl] .modal-close-btn{right:auto;left:15px}.modal-hero{text-align:center;margin-bottom:24px}.hero-icon-container{width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);color:var(--accent-color);display:flex;justify-content:center;align-items:center;font-size:28px;border:1px solid var(--border-primary);margin:0 auto 16px;box-shadow:var(--shadow-md)}.hero-icon-container.success{color:var(--success-color);background:#22c55e1a;border-color:#22c55e4d}.modal-hero h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.modal-description{color:var(--text-secondary);margin:8px 0 24px;font-size:14px;line-height:1.5;text-align:center}.modal-action-btn,.modal-secondary-btn{width:100%;padding:12px 20px;border-radius:var(--border-radius-pill);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;gap:8px;letter-spacing:.5px}.modal-action-btn:active,.modal-secondary-btn:active{transform:scale(.97);filter:brightness(.95)}.modal-action-btn{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #0000001a}.modal-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent-color) 40%,transparent)}.modal-action-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.modal-secondary-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.modal-secondary-btn:hover{background-color:var(--surface-primary);border-color:var(--text-secondary)}.modal-button-group{display:flex;gap:12px;width:100%;margin-top:16px}.modal-secondary-btn.small-btn{padding:10px;font-size:13px}.modal-secondary-btn.danger{color:var(--danger-color)}.modal-secondary-btn.danger:hover{background-color:color-mix(in srgb,var(--danger-color) 10%,transparent);border-color:var(--danger-color)}.modal-secondary-btn.loading i{animation:spin 1s linear infinite}.modal-secondary-btn.danger-btn{border-color:var(--danger-color);color:var(--danger-color)}.modal-action-btn.success-btn{background:var(--success-color);box-shadow:0 44px 12px #22c55e4d}.form-group{margin-bottom:16px}.form-group label,.form-group-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-divider{height:1px;background-color:var(--border-primary);margin:20px 0}.form-group-input,.form-group-select{width:100%;padding:12px 16px;background-color:var(--input-bg);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group-input:focus,.form-group-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.form-group-input:disabled{background-color:color-mix(in srgb,var(--bg-secondary) 50%,transparent);cursor:not-allowed}.form-group-input.readonly{background-color:var(--bg-secondary);color:var(--text-secondary)}.form-group-input.readonly.selected{color:var(--text-primary);font-weight:700;border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.eta-input-group{display:flex;gap:8px;align-items:center}.eta-input-group .form-group-input{flex-grow:1}.ai-eta-btn{padding:12px;width:auto;flex-shrink:0;font-size:16px;line-height:1}.radius-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-secondary);outline:none;opacity:.7;transition:opacity .2s;border-radius:4px;border:1px solid var(--border-primary)}.radius-slider:hover{opacity:1}.radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:2px solid var(--surface-primary)}.radius-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:2px solid var(--surface-primary)}.map-picking-overlay{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:999}.map-picking-content{background:var(--surface-primary);padding:12px 20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:90%}.map-picking-content i{font-size:24px;color:var(--accent-color);margin-bottom:8px}.map-picking-content h3{margin:0;font-size:16px;color:var(--text-primary)}.ai-chat-modal-content{max-width:500px;height:80vh;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);padding:20px;display:flex;flex-direction:column}.ai-chat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-chat-modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.ai-chat-modal-header-actions{display:flex;gap:10px}.ai-chat-messages{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 80%,transparent) 0%,var(--bg-primary) 100%);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);margin-bottom:15px}.ai-chat-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;position:relative;word-wrap:break-word;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out}.ai-chat-message.user{align-self:flex-end;background:var(--accent-color);color:#fff;border-bottom-left-radius:2px}html[dir=rtl] .ai-chat-message.user{border-bottom-left-radius:12px;border-bottom-right-radius:2px}.ai-chat-message.ai{align-self:flex-start;background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-bottom-right-radius:2px}html[dir=rtl] .ai-chat-message.ai{border-bottom-right-radius:12px;border-bottom-left-radius:2px}.chat-speaker-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;opacity:.8;align-self:flex-start;margin-inline-start:2px}.ai-chat-message.user .chat-speaker-label{color:#ffffffb3;align-self:flex-end;margin-inline-end:2px}.chat-msg-content{flex-grow:1;word-break:break-word}.chat-delete-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:12px;padding:4px;opacity:0;transition:opacity .2s,color .2s;margin-top:2px;flex-shrink:0}.ai-chat-message.ai .chat-delete-btn{color:var(--text-secondary)}.ai-chat-message:hover .chat-delete-btn{opacity:1}.chat-delete-btn:hover{color:#ef4444!important}@media(hover:none){.chat-delete-btn{opacity:.7}}.ai-chat-form{display:flex;gap:8px}#ai-chat-input{flex-grow:1;padding:12px 18px;border-radius:var(--border-radius-pill);border:1px solid var(--border-primary);background:var(--input-bg);color:var(--text-primary);outline:none;font-size:15px;box-shadow:var(--shadow-sm);transition:border-color .3s ease,box-shadow .3s ease}#ai-chat-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 40%,transparent),var(--shadow-md)}.ai-chat-form button{width:44px;height:44px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;transition:transform .2s ease,background-color .2s ease;flex-shrink:0}.ai-chat-form button:hover{transform:scale(1.05) rotate(5deg);background:color-mix(in srgb,var(--accent-color) 80%,black)}.ai-chat-form button:active{transform:scale(.95);filter:brightness(.9)}.typing-indicator{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-bottom-right-radius:2px;align-self:flex-start;animation:pulse-typing 1.5s infinite}.typing-indicator .typing-dot{opacity:0;animation:dot-blink 1.5s infinite;font-weight:700}.typing-indicator .typing-dot:nth-child(2){animation-delay:.3s}.typing-indicator .typing-dot:nth-child(3){animation-delay:.6s}@keyframes dot-blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse-typing{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.call-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:60px 20px;color:#fff;animation:fadeIn .5s ease-out}.caller-info{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.caller-avatar{width:120px;height:120px;border-radius:50%;background:#333;display:flex;justify-content:center;align-items:center;font-size:60px;color:#ccc;border:4px solid rgba(255,255,255,.1);animation:pulse-avatar 2s infinite ease-in-out}.caller-info h2{font-size:32px;font-weight:700;margin:0}.caller-info p{font-size:18px;opacity:.7;margin:0}.call-actions{display:flex;gap:40px;width:100%;justify-content:center;animation:slideUp .5s cubic-bezier(.165,.84,.44,1)}.call-btn{width:70px;height:70px;border-radius:50%;border:none;font-size:28px;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s}.call-btn:active{transform:scale(.95)}.call-btn.accept{background-color:#22c55e;box-shadow:0 10px 30px #22c55e66;animation:bounce-call 2s infinite}.call-btn.decline{background-color:#ef4444;box-shadow:0 10px 30px #ef444466}@keyframes pulse-avatar{0%{box-shadow:0 0 #fff3}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}@keyframes bounce-call{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.modern-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:12px;margin-bottom:12px;gap:12px;transition:border-color .2s}.modern-input-wrapper:focus-within{border-color:var(--accent-color)}.modern-input-wrapper>i{font-size:20px;color:var(--text-secondary);width:24px;text-align:center}.modern-input-wrapper .input-content{flex-grow:1;display:flex;flex-direction:column}.modern-input-wrapper label{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.modern-input-wrapper input,.modern-input-wrapper .readonly-value{background:none;border:none;font-size:16px;color:var(--text-primary);font-weight:500;outline:none;width:100%;padding:0}.icon-action-btn{background:none;border:none;color:var(--accent-color);font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.icon-action-btn:hover{background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.wearable-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:20px}.wearable-details p{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-primary);margin:0;gap:8px;font-weight:700;color:var(--text-primary)}.wearable-details p i{font-size:24px;color:var(--accent-color);margin-bottom:4px}.wearable-details p span{font-size:18px}.voice-password-steps{display:flex;justify-content:center;gap:40px;margin-bottom:24px;position:relative}.voice-password-steps:before{content:"";position:absolute;top:50%;left:30%;right:30%;height:2px;background:var(--border-primary);z-index:0;transform:translateY(-50%)}.voice-password-steps span{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-primary);display:flex;justify-content:center;align-items:center;font-weight:700;color:var(--text-secondary);position:relative;z-index:1;font-size:14px}.voice-password-steps span.active{border-color:var(--accent-color);color:var(--accent-color);background:var(--surface-primary)}.heard-phrase-display{font-size:20px;font-weight:600;text-align:center;margin:20px 0;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-primary)}.heard-phrase-display.listening i{color:var(--accent-color);margin-bottom:8px}.heard-phrase-display.success{color:var(--success-color)}.heard-phrase-display.error{color:var(--danger-color)}.match-success{font-size:14px;margin-top:8px;color:var(--success-color)}.match-error{font-size:14px;margin-top:8px;color:var(--danger-color)}.comparison-card{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:20px;width:100%;border:1px solid var(--border-primary)}.expected-phrase-container{text-align:center;margin-bottom:12px}.expected-phrase-container small{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.expected-phrase-container p{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:4px}.divider{height:1px;background:var(--border-primary);width:100%;margin:0}.legal-report-content{background:#fff;color:#000;padding:24px;border-radius:4px;font-family:Times New Roman,serif;overflow-y:auto;max-height:70vh}.legal-report-header{text-align:center;border-bottom:2px solid #000;margin-bottom:20px;padding-bottom:10px}.legal-report-header h2{font-size:24px;font-weight:700;margin-bottom:4px}.legal-report-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px}.legal-section{margin-bottom:20px}.legal-section h4{font-size:14px;text-transform:uppercase;border-bottom:1px solid #000;margin-bottom:8px;padding-bottom:2px;font-weight:700}.legal-table{width:100%;border-collapse:collapse;font-size:12px}.legal-table td{border:1px solid #ccc;padding:6px}.legal-table td:first-child{font-weight:700;background:#f0f0f0;width:30%}.legal-transcript{white-space:pre-wrap;font-size:12px;background:#f9f9f9;padding:10px;border:1px solid #ddd}.legal-footer{margin-top:30px;text-align:center;font-size:10px;color:#666;border-top:1px solid #ccc;padding-top:10px}.audio-evidence-container{background:#f0f0f0;padding:10px;border:1px solid #ccc;border-radius:4px;margin-top:5px}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.share-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:12px;font-weight:600}.share-card:hover{transform:translateY(-3px);border-color:var(--accent-color);color:var(--accent-color);background:var(--surface-primary);box-shadow:var(--shadow-sm)}.share-card i{font-size:24px;margin-bottom:4px}.share-card.whatsapp{color:#25d366;border-color:#25d3664d}.share-card.whatsapp:hover{background:#25d3661a;border-color:#25d366}.check-in-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.contacts-grid{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;margin-bottom:20px}.contact-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.contact-icon{width:40px;height:40px;border-radius:50%;background:var(--surface-primary);display:flex;justify-content:center;align-items:center;color:var(--text-secondary);border:1px solid var(--border-primary)}.contact-info{flex-grow:1}.contact-name{font-size:14px;font-weight:600;color:var(--text-primary)}.contact-phone{font-size:12px;color:var(--text-secondary)}.contact-actions button{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:8px;font-size:14px;opacity:.7;transition:opacity .2s}.contact-actions button:hover{opacity:1}.trip-details-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.trip-details-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.trip-details-item i{font-size:18px;color:var(--accent-color);width:24px;text-align:center}.trip-details-item .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.trip-details-item .value{font-size:15px;font-weight:600;color:var(--text-primary)}