:root{--oi-affair: #774490;--oi-gothic: #7090A1;--oi-cerulean: #00A2FF;--oi-yellow: #EAA157;--oi-white: #F1F3F4;--color-success: #29a85f;--color-warning: #fc682d;--color-error: #e53e3e;--color-background: #FFFFFF;--color-surface: #F8F9FA;--surface-1: var(--color-surface);--bg-gradient-start: #FFFFFF;--bg-gradient-end: #F1F3F4;--color-surface-elevated: #FFFFFF;--color-border: #E2E8F0;--color-text-primary: #1a202c;--color-text-secondary: #5c6778;--color-text-tertiary: #A0AEC0;--color-text-inverse: #FFFFFF;--font-family-base: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--akamai-logo-filter: none}[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--bg-gradient-start: #1e293b;--bg-gradient-end: #0f172a;--color-surface-elevated: #334155;--color-border: #475569;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-inverse: #1a202c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--akamai-logo-filter: invert(1) brightness(1.5) contrast(1.2)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-oi-affair{color:var(--oi-affair)}.text-oi-cerulean{color:var(--oi-cerulean)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-oi-affair{background-color:var(--oi-affair)}.bg-oi-cerulean{background-color:var(--oi-cerulean)}.bg-surface{background-color:var(--color-surface)}.container{width:100%;max-width:1920px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-lg{margin-top:var(--spacing-lg)}.justify-center{justify-content:center}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text-primary);line-height:var(--line-height-tight)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--oi-gothic);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--oi-affair)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}button:focus{outline:none}button:focus-visible{outline:2px solid var(--oi-gothic);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--oi-affair);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--oi-affair);color:var(--color-text-inverse)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--oi-gothic);outline-offset:2px}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#7744901a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(119,68,144,.2)}.glass-panel{background:#f8f9facc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 26px #1f268726;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at bottom left,rgba(0,162,255,.03) 0%,transparent 70%);pointer-events:none}.glass-card{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #1f26871a}.glass-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:inherit;pointer-events:none}.glass-shimmer{position:relative;overflow:hidden}.glass-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);opacity:0;transition:opacity .6s}.glass-shimmer:hover:after{opacity:1;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}[data-theme=dark] .glass{background:#1e293bb3;border:1px solid rgba(71,85,105,.3)}[data-theme=dark] .glass-dark{background:#77449026;border:1px solid rgba(119,68,144,.3)}[data-theme=dark] .glass-panel{background:#1e293bcc;border:1px solid rgba(71,85,105,.5);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .glass-panel:before{background:radial-gradient(circle at bottom left,rgba(0,162,255,.08) 0%,transparent 70%)}[data-theme=dark] .glass-card{background:#334155d9;border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 16px #00000040}[data-theme=dark] .glass-gradient:before{background:linear-gradient(135deg,#ffffff0d,#fff0)}[data-theme=dark] .glass-shimmer:after{background:linear-gradient(to bottom right,#fff0,#ffffff26,#fff0)}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(119,68,144,.1);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 4px 16px #1f268714}.app-header .logo{height:30px;width:auto}.header-actions{display:flex;align-items:center}.app-header h1{line-height:1;margin:0;background-color:var(--oi-affair);color:#fff;padding:.2rem .8rem;font-size:1.5rem;margin-left:var(--spacing-sm)}.text-akamai{color:#567e94}[data-theme=dark] .app-header{border-bottom:1px solid rgba(119,68,144,.2);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .theme-toggle{background:#334155b3;color:var(--oi-white)}[data-theme=dark] .theme-toggle:hover{background:#334155e6;box-shadow:0 4px 12px #00a2ff33}[data-theme=dark] .scenario-nav{background:#1e293bb3;border:1px solid rgba(119,68,144,.25);box-shadow:0 4px 16px #0003}[data-theme=dark] .nav-btn{color:var(--color-text-secondary)}[data-theme=dark] .nav-btn:hover{background-color:#33415580;color:var(--color-text-primary)}[data-theme=dark] .nav-btn.active{background-color:var(--oi-affair);color:var(--color-text-inverse)}.scenario-nav{display:flex;gap:var(--spacing-sm);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid rgba(119,68,144,.15);box-shadow:0 4px 16px #1f26871a}.nav-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:transparent;transition:all var(--transition-fast);cursor:pointer}.nav-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.nav-btn.active{background-color:var(--oi-affair);color:var(--color-text-inverse)}#main-content{min-height:calc(100vh - 180px);padding-top:0;padding-bottom:var(--spacing-2xl)}.mb-md{margin-bottom:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.scenario-container{width:100%}.split-view{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;align-items:center;margin-top:1rem}.split-panel{background:var(--surface-1);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1 1 450px;min-width:450px;max-width:850px;width:100%}.panel-header{text-align:center;padding:var(--spacing-md);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(119,68,144,.2);box-shadow:0 4px 16px #1f26871a;position:relative;overflow:hidden}.panel-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7744900d,#00a2ff0d);pointer-events:none}.single-view{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.video-section{width:100%}.visualization-section{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.video-container{width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.video-container .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-inverse);gap:var(--spacing-sm)}.metrics-panel{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px #1f268726;position:relative;overflow:hidden}.map-container{height:500px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26871f;overflow:hidden;position:relative}.map-container .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;z-index:2}.debug-console{border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f268726;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:500px;position:relative;overflow:hidden}.console-content{flex:1;min-height:0;background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-y:auto}.console-line{margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.console-line.text-secondary{color:var(--color-text-secondary)}.control-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.strategy-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-background);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;text-align:left}.strategy-btn:hover{border-color:var(--oi-affair);color:var(--color-text-primary)}.strategy-btn.active{background-color:var(--oi-affair);color:var(--color-text-inverse);border-color:var(--oi-affair)}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}@media(max-width:1024px){.split-view,.split-view-grid,.command-bar{display:flex;flex-direction:column;align-items:center}.visualization-section{grid-template-columns:1fr}.debug-console{height:400px}}@media(max-width:768px){.scenario-nav{flex-direction:column}.nav-btn{width:100%}.map-container{height:400px}}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#774490e6,#774490);color:var(--color-text-inverse);border-color:transparent;box-shadow:0 4px 16px #7744904d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#8855a5f2,#8855a5);transform:translateY(-2px);box-shadow:0 8px 24px #77449066}.btn-secondary{background:#f8f9fab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text-primary);border-color:#77449033;box-shadow:0 4px 16px #1f26871a}.btn-secondary:hover{background:#ffffffe6;border-color:var(--oi-affair);color:var(--oi-affair);box-shadow:0 6px 20px #77449026}.command-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:center}.command-col{display:flex;align-items:center;gap:1rem;width:100%}.control-group{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;align-items:center;gap:.5rem;position:relative;overflow:visible;transition:all .3s ease;flex-grow:1}[data-theme=dark] .control-group{background:transparent;border:none;box-shadow:none}.control-group:before{display:none}.control-group:hover{transform:none;box-shadow:none}[data-theme=dark] .control-group:hover{box-shadow:none}.command-select-wrapper{position:relative;flex-grow:1}.command-select{appearance:none;background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-text-primary);width:100%;padding:.2rem 1.5rem .2rem 0;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=dark] .command-select{background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.command-select:hover{border-color:var(--oi-affair)}[data-theme=dark] .command-select:hover{background:transparent;border-color:var(--oi-affair)}.command-select:focus{outline:none;border-color:var(--oi-affair);box-shadow:none}#stream-select-single.command-select{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text-primary);line-height:var(--line-height-tight);padding:0 1.5rem .2rem 0;border-bottom:2px solid transparent}#stream-select-single.command-select:hover{border-bottom-color:var(--color-border)}.command-select-wrapper:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:5px;background-color:var(--color-text-secondary);clip-path:polygon(100% 0%,0 0%,50% 100%);opacity:.7;pointer-events:none}[data-theme=dark] .command-select-wrapper:after{background-color:var(--color-text-secondary)}.custom-url-input{display:flex;width:100%;margin-top:.5rem}.command-input{flex-grow:1;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px 0 0 8px;color:#1e1e1e;padding:.4rem .8rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s ease}[data-theme=dark] .command-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.command-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #646cff1a}.load-custom-btn{border-radius:0 8px 8px 0;padding:.4rem .8rem;font-size:.7rem;background:var(--brand-primary);color:#fff!important;border:1px solid var(--brand-primary);cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s ease}.load-custom-btn:hover{filter:brightness(1.1);box-shadow:0 4px 12px #646cff4d}.load-custom-btn:active{transform:translateY(1px)}.command-quortex-btn,.command-play-btn,.command-plus-btn,.command-minus-btn{flex-shrink:0;border-radius:50%;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10;position:relative;padding:0;outline:none}.command-play-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.command-quortex-btn:hover,.command-play-btn:hover,.command-plus-btn:hover,.command-minus-btn:hover{transform:scale(1.1);background:transparent;border-radius:50%}.command-play-btn:hover{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.command-play-btn:active,.command-plus-btn:active,.command-minus-btn:active{transform:scale(.95)}.command-play-btn:focus,.command-play-btn:focus-visible,.command-plus-btn:focus,.command-plus-btn:focus-visible,.command-minus-btn:focus,.command-minus-btn:focus-visible{outline:none!important}.command-minus-btn:focus,.command-minus-btn:focus-visible{box-shadow:none}.command-quortex-btn svg,.command-quortex-btn img,.command-play-btn svg,.command-play-btn img{height:32px;aspect-ratio:1 / 1}.command-plus-btn svg,.command-minus-btn svg,.command-plus-btn img,.command-minus-btn img{width:24px;height:24px;pointer-events:none}.command-play-btn.paused svg{margin-left:0;fill:none}.single-view-grid{display:grid;grid-template-columns:minmax(min-content,850px) 1fr;gap:var(--spacing-xl);align-items:stretch;grid-template-areas:"cmd-left cmd-right" "video    map" "metrics  console"}.un-left{grid-area:cmd-left}.un-right{grid-area:cmd-right}.un-video{grid-area:video;min-width:570px;max-width:850px;width:100%}.un-video .video-js .vjs-tech{pointer-events:none}.un-map{grid-area:map;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.un-map #geo-map-container{flex-grow:1;min-height:0}.un-metrics{grid-area:metrics}.un-console{grid-area:console}.control-section{display:none}.control-section>*{margin-bottom:0!important}.stream-controls-wrapper{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:end;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg)}.stream-control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-row{display:flex;gap:var(--spacing-sm)}.stream-select,.stream-input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-primary);font-size:.9rem;width:100%}.stream-input.hidden{display:none}.metrics-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);position:relative;overflow:hidden}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);align-items:flex-start}.metrics-title{font-size:1.1rem!important;color:var(--text-primary);opacity:.9}.metric-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;background:#fff0!important;border:1px solid transparent!important;border-radius:var(--radius-md);padding:var(--spacing-sm)}[data-theme=dark] .metric-item{background:#0000001a!important;border:1px solid rgba(0,0,0,0)!important}.metric-value-big{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--text-primary);margin-top:.4rem;width:100%;text-align:left;white-space:nowrap}.metric-label{font-size:1rem!important;font-weight:500;opacity:.8;text-align:left;width:100%}.metric-footer{display:flex;align-items:left;gap:.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);opacity:.7;width:100%;text-align:left}.metric-status-dot{width:8px;height:8px;border-radius:50%;position:absolute;top:12px;right:12px;background:var(--text-secondary)}.metric-status-dot.bg-success{background-color:#4caf50;box-shadow:0 0 8px #4caf50}.metric-status-dot.bg-warning{background-color:#ffc107;box-shadow:0 0 8px #ffc107}.metric-status-dot.bg-error{background-color:#f44336;box-shadow:0 0 8px #f44336}.metric-status-dot{cursor:pointer;position:relative}.metric-status-dot:after{content:"";position:absolute;inset:-10px}.metric-status-dot-container{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px}.metric-status-dot-container .metric-status-dot{position:static}.metric-legend-popup{position:fixed;z-index:1000;background:#f8f9fad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:1rem;width:230px;box-shadow:0 8px 32px #1f268726;pointer-events:none;animation:fadeIn .15s ease-out;color:var(--color-text-primary)}[data-theme=dark] .metric-legend-popup{background:#0f172ae6;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006}.metric-legend-popup.hidden{display:none}.legend-desc{font-size:.85rem;line-height:1.4;color:var(--color-text-primary);margin:0 -1rem .75rem;padding:0 1rem .5rem;border-bottom:1px solid rgba(0,0,0,.1);font-weight:600}[data-theme=dark] .legend-desc{color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.legend-row{display:flex;align-items:center;gap:8px;font-size:.8rem;margin-bottom:4px;font-weight:500;color:var(--color-text-secondary)}.legend-row:last-child{margin-bottom:0}.legend-row .metric-status-dot{position:static;flex-shrink:0}.metric-chart-container{height:140px;width:100%}.video-js{font-size:20px}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:1.5em;border:2px solid #fff;border-radius:50%;left:50%;top:50%;margin-left:-.75em;margin-top:-.75em;background-color:#0006}.video-js .vjs-control-bar{height:4em!important;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)!important}.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:2.5em!important;line-height:1.6!important}.video-js .vjs-time-control{font-size:1.5em!important;line-height:2.5!important}.video-player-wrapper{position:relative;width:100%;height:100%}.video-player-wrapper video{width:100%;height:100%;object-fit:contain}.theo-primary-color{color:var(--oi-affair)!important}.theo-secondary-background{background-color:var(--oi-affair)!important}.theoplayer-skin .vjs-control-bar{background:linear-gradient(to top,#000000b3,#0000)}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--oi-cerulean)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.video-loading.spinning{animation:spin 1s linear infinite}.video-js .vjs-big-play-button{background-color:#774490cc!important;border-color:#ffffff80!important;border-radius:50%!important;width:2em!important;height:2em!important;line-height:2em!important;margin-left:-1em!important;margin-top:-1em!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.video-js .vjs-big-play-button:hover{background-color:var(--oi-affair)!important;transform:scale(1.1)}.video-js .vjs-control-bar{background:linear-gradient(to top,rgba(0,0,0,.8),transparent)!important}.video-js .vjs-play-progress{background-color:var(--oi-affair)!important}.video-js .vjs-slider{background-color:#ffffff4d!important}.metrics-panel-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.4);transition:all var(--transition-fast);position:relative;overflow:hidden}.metric-item:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(119,68,144,.02) 0%,transparent 100%);pointer-events:none}.metric-item:hover{border-color:var(--oi-gothic);box-shadow:var(--shadow-sm)}.metric-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);color:var(--color-text-primary);will-change:contents;contain:layout style}.metric-excellent{color:var(--color-success)}.metric-good{color:var(--oi-cerulean)}.metric-poor{color:var(--color-warning)}.metric-winner:after{content:" ✓";color:var(--color-success);font-weight:var(--font-weight-bold)}.metric-chart-container{height:120px;width:100%;position:relative}.map-container .leaflet-container{background:#1a1a1a;width:100%;height:100%}.map-tooltip{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important;color:#1a202c!important;font-size:11px;font-weight:600;font-family:var(--font-family-base);padding:4px 8px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)!important;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] .map-tooltip{background:#1e293bf2!important;border:1px solid rgba(255,255,255,.2)!important;color:#f8fafc!important}.marker-user{z-index:1000!important}.marker-cdn{z-index:900!important}.marker-isp{opacity:.8;z-index:800!important}.map-tooltip:before{border-right-color:#fffffff2!important}[data-theme=dark] .map-tooltip:before{border-right-color:#1e293bf2!important}.marker-transit{opacity:.7;z-index:700!important}.marker-cdn.pulsing{z-index:950!important}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}.animated-path{animation:dash 5s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}.path-warning{animation:dash 5s linear infinite,pulse-opacity 2s ease-in-out infinite}@keyframes pulse-opacity{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.single-view-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);width:100%;margin-top:var(--spacing-lg)}.control-section{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}@media(max-width:1024px){.single-view-grid{grid-template-columns:1fr}}.path-navigator{position:absolute;bottom:12px;left:12px;z-index:1000;background:#0f172af2;border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:14px 16px;min-width:260px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-family)}.path-navigator .pn-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0;line-height:1}.path-navigator .pn-close:hover{color:var(--text-primary)}.path-navigator .pn-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.path-navigator .pn-icon{width:24px;height:24px;flex-shrink:0;filter:brightness(0) saturate(100%) invert(32%) sepia(36%) saturate(1221%) hue-rotate(264deg) brightness(92%) contrast(89%)}.path-navigator .pn-org-name{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.path-navigator .pn-details{margin-bottom:12px}.path-navigator .pn-location{font-size:13px;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.path-navigator .pn-inline-icon{width:14px;height:14px;vertical-align:middle;filter:brightness(0) saturate(100%) invert(56%) sepia(12%) saturate(550%) hue-rotate(165deg) brightness(95%) contrast(87%)}.path-navigator .pn-rtt{font-size:13px;color:var(--text-secondary);margin-bottom:2px;display:flex;align-items:center;gap:6px}.path-navigator .pn-ip{font-size:12px;font-family:monospace;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.path-navigator .pn-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.path-navigator .pn-prev,.path-navigator .pn-next{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:transparent;border:1px solid rgba(119,68,144,.3);transition:all var(--transition-fast);cursor:pointer}.path-navigator .pn-prev:hover:not(:disabled),.path-navigator .pn-next:hover:not(:disabled){background-color:var(--oi-affair);border-color:var(--oi-affair);color:var(--color-text-inverse)}.path-navigator .pn-prev:disabled,.path-navigator .pn-next:disabled{opacity:.3;cursor:not-allowed}.path-navigator .pn-counter{font-size:11px;color:var(--text-secondary)}[data-theme=light] .path-navigator{background:#fffffff2;border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 12px #0000001a}[data-theme=light] .path-navigator .pn-org-name{color:#1e293b}[data-theme=light] .path-navigator .pn-location{color:#475569}[data-theme=light] .path-navigator .pn-rtt{color:#374151}[data-theme=light] .path-navigator .pn-ip{color:#64748b}[data-theme=light] .path-navigator .pn-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(36%) saturate(1221%) hue-rotate(264deg) brightness(92%) contrast(89%)}[data-theme=light] .path-navigator .pn-inline-icon{filter:brightness(0) saturate(100%) invert(56%) sepia(12%) saturate(550%) hue-rotate(165deg) brightness(95%) contrast(87%)}[data-theme=light] .path-navigator .pn-prev,[data-theme=light] .path-navigator .pn-next{background-color:transparent;border:1px solid rgba(119,68,144,.3);color:var(--color-text-secondary)}[data-theme=light] .path-navigator .pn-prev:hover:not(:disabled),[data-theme=light] .path-navigator .pn-next:hover:not(:disabled){background-color:var(--oi-affair);border-color:var(--oi-affair);color:var(--color-text-inverse)}[data-theme=light] .path-navigator .pn-prev:hover:not(:disabled),[data-theme=light] .path-navigator .pn-next:hover:not(:disabled){background-color:var(--oi-affair);color:var(--color-text-inverse)}[data-theme=light] .path-navigator .pn-close{color:#64748b}[data-theme=light] .path-navigator .pn-close:hover{color:#1e293b}.gap-badge-marker{display:flex;align-items:center;justify-content:center}.gap-badge{background:#774490;border:none;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 2px 4px #0000004d}.marker-focused{animation:focus-pulse 1.5s ease-in-out infinite}@keyframes focus-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(99,102,241,.5))}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(99,102,241,.8))}}.chat-panel{display:flex;flex-direction:column;height:auto;min-height:200px;overflow:hidden;padding:1rem!important;border-radius:var(--radius-lg);gap:.5rem}.chat-panel .header-controls{display:flex;align-items:center;gap:.5rem}.chat-reset-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-reset-btn:hover{background:var(--color-surface);color:var(--oi-affair);border-color:var(--oi-affair)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-error);box-shadow:0 0 5px var(--color-error)}.status-dot.online{background-color:var(--color-success);box-shadow:0 0 5px var(--color-success)}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:0 .5rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth;background:transparent}.message{display:flex;gap:0;max-width:95%;animation:fadeIn .3s ease-out}.message.user{align-self:flex-end;flex-direction:row-reverse}.message .avatar{display:none}.message .bubble{background:#ffffff80;padding:.8rem 1rem;border-radius:12px;font-size:16px;font-family:var(--font-family-base);line-height:1.5;color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .message .bubble{background:#1e293b80}.message.user .bubble{background:#7744901a;border-color:#77449033;color:var(--color-text-primary);border-radius:18px 18px 4px;padding:.6rem 1rem;font-size:16px;box-shadow:0 1px 2px #0000000d}.message.assistant{align-self:flex-start;max-width:100%;width:100%;display:flex;gap:0;padding:.25rem 0}.message.assistant .bubble{background:none;border:none;padding:0;border-radius:0;box-shadow:none;width:100%;font-family:Onest,Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var(--color-text-secondary)}#chat-welcome-msg .bubble{font-weight:400}.quick-actions{flex-shrink:0;padding:.25rem 0 0;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;background:transparent;border-top:none}.action-pill{background:#ffffff80;border:1px solid var(--color-border);border-radius:20px;padding:.3rem .7rem;font-size:13px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s}[data-theme=dark] .action-pill{background:#1e293b80}.action-pill:hover{background:color-mix(in srgb,var(--oi-affair) 10%,var(--color-surface));border-color:var(--oi-affair);color:var(--oi-affair);transform:translateY(-1px)}.chat-input-area{flex-shrink:0;padding:0;background:transparent;border-top:none;display:flex;gap:.8rem}.chat-input-area input{flex:1;background:#ffffff80;border:1px solid var(--color-border);border-radius:24px;padding:.8rem 1.2rem;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:15px;outline:none;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}[data-theme=dark] .chat-input-area input{background:#1e293b80}.chat-input-area input::placeholder{color:var(--color-text-tertiary)}.chat-input-area input:focus{border-color:#774490;box-shadow:0 0 0 2px #77449033}.chat-input-area button{width:44px;height:44px;border-radius:50%;border:none;background:var(--oi-affair);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;box-shadow:var(--shadow-md)}.chat-input-area button:hover{transform:scale(1.05)}.chat-input-area button:disabled{opacity:.7;cursor:not-allowed;transform:none}.chat-input-area input:disabled{opacity:.6;cursor:not-allowed}.typing-indicator .bubble{display:flex;align-items:center;padding:.8rem 1.2rem}.typing-indicator .bubble img{filter:drop-shadow(0 0 5px rgba(243,178,66,.3))}.message.assistant .bubble h1,.message.assistant .bubble h2,.message.assistant .bubble h3,.message.assistant .bubble h4{margin:1.2em 0 .4em;color:var(--color-text-primary);line-height:1.3;font-weight:450;letter-spacing:-.01em}.message.assistant .bubble h1{font-size:1.25rem}.message.assistant .bubble h2{font-size:1.15rem}.message.assistant .bubble h3{font-size:1.05rem}.message.assistant .bubble h4{font-size:.95rem}.message.assistant .bubble p{margin:.6em 0}.message.assistant .bubble strong{color:var(--color-text-primary);font-weight:450}.message.assistant .bubble ul,.message.assistant .bubble ol{margin:.6em 0;padding-left:1.5rem}.message.assistant .bubble li{margin-bottom:.4em;padding-left:.2rem}.message.assistant .bubble li::marker{color:var(--oi-affair)}.message.assistant .bubble hr{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0;opacity:.5}.message.assistant .bubble code:not(pre code){background:#77449014;padding:.2em .4em;border-radius:4px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.9em;color:var(--oi-affair);font-weight:450}.message.assistant .bubble pre{background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin:1rem 0;overflow-x:auto;box-shadow:0 4px 12px #0000001a}.message.assistant .bubble pre code{background:none;padding:0;color:#cdd6f4;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;line-height:1.5}.message.assistant .bubble table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0;font-size:.85rem;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.message.assistant .bubble th,.message.assistant .bubble td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:.6rem .8rem;text-align:left}.message.assistant .bubble th:last-child,.message.assistant .bubble td:last-child{border-right:none}.message.assistant .bubble tr:last-child td{border-bottom:none}.message.assistant .bubble th{background:#00000008;color:var(--color-text-primary);font-weight:500}.message.assistant .bubble blockquote{border-left:3px solid var(--oi-affair);margin:.8rem 0;padding:.2rem 0 .2rem 1rem;color:#718096;font-style:italic;background:#77449008}.message.assistant .bubble a{color:var(--oi-affair);text-decoration:none;border-bottom:1px dashed rgba(119,68,144,.4);transition:all .2s}.message.assistant .bubble a:hover{border-bottom-style:solid;background:#7744900d}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.three-col-layout{display:grid;background:transparent;grid-template-columns:33% 33% 1fr;grid-template-rows:auto;column-gap:var(--spacing-sm);row-gap:0;height:calc(100vh - 100px);margin-bottom:0;align-items:stretch}.dashboard-col{display:flex;flex-direction:column;background:transparent;gap:var(--spacing-md);min-width:0}.left-col{overflow-y:auto;height:100%;padding:var(--spacing-lg)}#metrics-single-content{flex:1;display:flex;flex-direction:column}.center-col{overflow-y:auto;display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg)}#strategy-panel{display:flex;flex-direction:column;flex:1;min-height:350px;margin-bottom:var(--spacing-md)}.chat-col{height:100%;padding:var(--spacing-lg);display:flex;flex-direction:column;overflow-y:auto;gap:var(--spacing-md)}.player-container{aspect-ratio:16/9;background:#000;border-radius:12px;margin-bottom:0;flex-shrink:0;width:100%}.analytics-row.full-width{display:none}@media(max-width:1400px){.three-col-layout{grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;height:auto}.chat-col{grid-column:1 / -1;height:500px;order:3}}@media(max-width:900px){.three-col-layout,.analytics-row.full-width{display:flex;flex-direction:column;height:auto}.chat-col{height:500px}}.glass-panel{height:auto;min-height:200px}.chat-panel.glass-panel{height:auto;display:flex;flex-direction:column}