.dashboard-root{background-color:var(--md-sys-color-surface-container);flex-direction:column;min-height:100vh;display:flex}.m3-top-app-bar{background-color:var(--md-sys-color-surface);height:64px;color:var(--md-sys-color-on-surface);box-shadow:var(--md-elevation-1);z-index:10;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.icon-button{width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.icon-button:hover{background-color:#1c1b1f14}.app-bar-title{flex:1;margin-left:12px;font-size:1.375rem}.m3-navigation-drawer{background-color:var(--md-sys-color-surface);z-index:30;width:320px;height:100vh;box-shadow:var(--md-elevation-2);border-radius:0 16px 16px 0;transition:left .3s cubic-bezier(.2,0,0,1);position:fixed;top:0;left:-320px}.m3-navigation-drawer.open{left:0}.drawer-header{border-bottom:1px solid var(--md-sys-color-surface-variant);align-items:center;height:64px;padding:0 28px;display:flex}.drawer-header h2{color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:500}.drawer-content{flex-direction:column;gap:4px;padding:12px;display:flex}.drawer-item{height:56px;color:var(--md-sys-color-on-surface-variant);border-radius:28px;align-items:center;gap:12px;padding:0 16px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.drawer-item:hover{background-color:#1c1b1f14}.drawer-item.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-drawer-scrim{z-index:20;opacity:0;pointer-events:none;background-color:#00000052;transition:opacity .3s;position:fixed;inset:0}.m3-drawer-scrim.open{opacity:1;pointer-events:auto}.dashboard-main{flex-direction:column;flex:1;padding:24px;display:flex}
:root{--radar-bg-app:#f4f7fc;--radar-bg-card:#fff;--radar-text-primary:#102a5c;--radar-text-secondary:#7e8da6;--radar-border-color:#e6ebf3;--radar-search-bg:#fff;--radar-accent-blue:#1e4b8a;--radar-accent-blue-light:#eef4fc;--radar-color-green:#239c56;--radar-color-green-bg:#e8f5ed;--radar-color-orange:#f2994a;--radar-color-orange-bg:#fdf5ec;--radar-color-red:#eb5757;--radar-color-red-bg:#fdf2f2;--radar-phone-bezel:#121b2d;--radar-shadow-premium:0 12px 30px #102a5c0f, 0 2px 8px #102a5c05}.dark-mode-active{--radar-bg-app:#0b132b;--radar-bg-card:#1c2541;--radar-text-primary:#fff;--radar-text-secondary:#8da2c4;--radar-border-color:#2a3454;--radar-search-bg:#1c2541;--radar-accent-blue:#4895ef;--radar-accent-blue-light:#4895ef26;--radar-color-green:#4ade80;--radar-color-green-bg:#4ade801a;--radar-color-orange:#fb923c;--radar-color-orange-bg:#fb923c1a;--radar-color-red:#f87171;--radar-color-red-bg:#f871711a}.radar-mockup-container{background-color:var(--radar-bg-app);width:100%;color:var(--radar-text-primary);border-radius:20px;flex-direction:column;transition:background-color .3s;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000008}.mockup-header-controls{border-bottom:1px solid var(--radar-border-color);background-color:var(--radar-bg-card);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.left-meta h2{color:var(--radar-text-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.left-meta p{color:var(--radar-text-secondary);margin:4px 0 0;font-size:.85rem}.right-controls{gap:12px;display:flex}.control-btn{border:1px solid var(--radar-border-color);background-color:var(--radar-bg-card);color:var(--radar-text-primary);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.control-btn:hover{background-color:var(--radar-accent-blue-light);border-color:var(--radar-accent-blue);color:var(--radar-accent-blue)}.control-btn.active{background-color:var(--radar-accent-blue);border-color:var(--radar-accent-blue);color:#fff}.control-btn .material-symbols-outlined{font-size:18px}.mockup-workspace{width:100%;min-height:840px;display:flex}.mockup-sidebar-editor{background-color:var(--radar-bg-card);border-right:1px solid var(--radar-border-color);flex-direction:column;width:320px;padding:2rem;display:flex}.editor-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:700}.editor-help{color:var(--radar-text-secondary);margin-bottom:1.5rem;font-size:.8rem;line-height:1.4}.client-selector-pills{margin-bottom:1.5rem}.client-selector-pills label{text-transform:uppercase;color:var(--radar-text-secondary);letter-spacing:.5px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.pills-row{flex-wrap:wrap;gap:6px;display:flex}.pill-btn{border:1px solid var(--radar-border-color);background-color:var(--radar-bg-app);color:var(--radar-text-primary);cursor:pointer;border-radius:100px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.pill-btn:hover{border-color:var(--radar-accent-blue)}.pill-btn.active{background-color:var(--radar-text-primary);border-color:var(--radar-text-primary);color:var(--radar-bg-card)}.editor-sliders{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.slider-group{flex-direction:column;display:flex}.slider-labels{justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.value-badge{color:var(--radar-accent-blue)}.slider-group input[type=range]{width:100%;accent-color:var(--radar-accent-blue);cursor:pointer}.input-group{gap:4px;margin-top:4px;display:flex}.small-btn{border:1px solid var(--radar-border-color);background-color:var(--radar-bg-card);color:var(--radar-text-primary);cursor:pointer;border-radius:6px;flex:1;padding:6px;font-size:.75rem;font-weight:600}.small-btn.active{background-color:var(--radar-accent-blue-light);border-color:var(--radar-accent-blue);color:var(--radar-accent-blue)}.quick-actions-box{border-top:1px dashed var(--radar-border-color);padding-top:1.5rem}.quick-actions-box h4{text-transform:uppercase;color:var(--radar-text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:700}.action-link{text-align:left;width:100%;color:var(--radar-accent-blue);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.8rem;font-weight:600;transition:transform .15s;display:block}.action-link:hover{text-decoration:underline;transform:translate(4px)}.mockup-view-area{flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.iphone-bezel{background-color:var(--radar-phone-bezel);border-radius:46px;flex-direction:column;width:390px;height:800px;padding:12px;display:flex;position:relative;box-shadow:0 30px 60px #00000026,0 0 0 1px #0000001a}.iphone-speaker{z-index:100;background-color:#2a313d;border-radius:10px;width:60px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.iphone-dynamic-island{z-index:99;background-color:#000;border-radius:100px;width:110px;height:28px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.iphone-screen{background-color:var(--radar-bg-app);border:1px solid #ffffff0d;border-radius:36px;flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.phone-status-bar{z-index:90;height:44px;color:var(--radar-text-primary);justify-content:space-between;align-items:flex-end;padding:0 28px 8px;font-size:13px;font-weight:600;display:flex}.status-icons{align-items:center;gap:4px;display:flex}.status-icon{font-size:15px!important}.app-canvas{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-radar-header{justify-content:space-between;align-items:center;padding:12px 24px 8px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-title{letter-spacing:.5px;color:#102a5c;font-size:1.1rem;font-weight:800}.dark-mode-active .logo-title{color:#fff}.radar-pulsing-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.radar-circle{border-radius:50%;position:absolute}.radar-circle.dot{z-index:5;background-color:#102a5c;width:6px;height:6px}.dark-mode-active .radar-circle.dot{background-color:#fff}.radar-circle.ring1{border:1.5px solid #102a5c;width:14px;height:14px;animation:2s ease-out infinite pulse-ring}.radar-circle.ring2{opacity:.5;border:1.5px solid #102a5c;width:24px;height:24px}.dark-mode-active .radar-circle.ring1,.dark-mode-active .radar-circle.ring2{border-color:#fff}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.ale-badge{color:#fff;letter-spacing:.5px;background-color:#102a5c;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:800}.dark-mode-active .ale-badge{background-color:var(--radar-accent-blue)}.app-scrollable-content{flex-direction:column;flex:1;gap:14px;padding:8px 18px 24px;display:flex;overflow-y:auto}.app-scrollable-content::-webkit-scrollbar{display:none}.app-search-container{z-index:80;width:100%;margin-bottom:2px;position:relative}.search-input-wrapper{background-color:var(--radar-search-bg);border:1px solid var(--radar-border-color);border-radius:14px;align-items:center;gap:8px;padding:10px 14px;transition:border-color .2s;display:flex;box-shadow:0 4px 10px #00000003}.search-input-wrapper:focus-within{border-color:var(--radar-accent-blue)}.search-icon{color:var(--radar-text-secondary);font-size:16px!important}.search-input-wrapper input{color:var(--radar-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8rem;font-weight:400}.search-input-wrapper input::placeholder{color:#b0bac9}.search-dropdown{background-color:var(--radar-bg-card);border:1px solid var(--radar-border-color);z-index:100;border-radius:12px;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #102a5c1a}.dropdown-item{border-bottom:1px solid var(--radar-border-color);cursor:pointer;padding:10px 16px;transition:background-color .15s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--radar-accent-blue-light)}.item-name{font-size:.85rem;font-weight:700}.item-meta{color:var(--radar-text-secondary);margin-top:2px;font-size:.7rem}.radar-card{background-color:var(--radar-bg-card);border:1px solid var(--radar-border-color);box-shadow:var(--radar-shadow-premium);border-radius:20px;padding:18px}.card-top-row{justify-content:space-between;display:flex}.client-name{color:#102a5c;letter-spacing:-.5px;margin-bottom:6px;font-size:1.8rem;font-weight:800;line-height:1}.dark-mode-active .client-name{color:#fff}.client-badges{align-items:center;gap:4px;display:flex}.badge-pill{background-color:var(--radar-accent-blue-light);color:var(--radar-accent-blue);border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:700}.badge-add-btn{background-color:var(--radar-bg-app);border:1px dashed var(--radar-border-color);color:var(--radar-text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;display:inline-flex}.client-meta-specs{text-align:right;gap:16px;display:flex}.meta-spec{flex-direction:column;display:flex}.spec-label{letter-spacing:.5px;color:#a2adb9;font-size:.55rem;font-weight:700}.spec-value{color:#102a5c;font-size:1.1rem;font-weight:800;line-height:1.2}.dark-mode-active .spec-value{color:#fff}.card-divider{background-color:var(--radar-border-color);height:1px;margin:14px 0}.card-bottom-metrics{justify-content:space-between;display:flex}.metric-box{flex-direction:column;flex:1;display:flex}.metric-label{letter-spacing:.5px;color:#a2adb9;margin-bottom:2px;font-size:.55rem;font-weight:700}.metric-value{color:#102a5c;font-size:1.3rem;font-weight:800}.dark-mode-active .metric-value{color:#fff}.consumption-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title{letter-spacing:.5px;color:#a2adb9;font-size:.65rem;font-weight:800}.status-pill{border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800}.status-pill.bien{background-color:var(--radar-color-green-bg);color:var(--radar-color-green)}.status-pill.alerta{background-color:var(--radar-color-orange-bg);color:var(--radar-color-orange)}.status-pill.excelente{background-color:var(--radar-color-green-bg);color:var(--radar-color-green)}.progress-bar-container{background-color:var(--radar-border-color);border-radius:100px;height:8px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{border-radius:100px;width:0%;height:100%;transition:width 1s cubic-bezier(.1,.8,.25,1)}.progress-bar-fill.bien{background-color:var(--radar-color-green)}.progress-bar-fill.alerta{background-color:var(--radar-color-orange)}.progress-bar-fill.excelente{background-color:var(--radar-color-green)}.progress-labels{color:#a2adb9;justify-content:space-between;font-size:.6rem;font-weight:700;display:flex}.progress-current-info{color:var(--radar-text-secondary);font-size:.6rem}.twin-cards-row{gap:12px;display:flex}.sub-info-card{flex-direction:column;flex:1.4;justify-content:space-between;display:flex}.nps-score-card{flex-direction:column;flex:.8;justify-content:center;align-items:center;display:flex}.info-block{flex-direction:column;display:flex}.sub-label{letter-spacing:.5px;color:#a2adb9;margin-bottom:3px;font-size:.55rem;font-weight:800}.sub-label.center-align{text-align:center;margin-bottom:8px}.sub-value{color:#102a5c;font-size:.85rem;font-weight:800;line-height:1.2}.route-indicator{color:var(--radar-accent-blue);margin-top:2px;font-size:.75rem;font-weight:700}.sub-divider{margin:8px 0}.nps-bezel{border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:6px;display:flex}.nps-bezel.promoter{border-color:var(--radar-color-green)}.nps-bezel.passive{border-color:var(--radar-color-orange)}.nps-bezel.detractor{border-color:var(--radar-color-red)}.nps-number{color:#102a5c;font-size:1.8rem;font-weight:800}.dark-mode-active .nps-number{color:#fff}.nps-status-label{letter-spacing:.5px;font-size:.55rem;font-weight:800}.nps-status-label.promoter{color:var(--radar-color-green)}.nps-status-label.passive{color:var(--radar-color-orange)}.nps-status-label.detractor{color:var(--radar-color-red)}.fluid-frame{width:100%}.fluid-app-canvas{flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;animation:.4s fadeIn;display:flex}.app-radar-header.fluid-hdr{background-color:var(--radar-bg-card);border:1px solid var(--radar-border-color);box-shadow:var(--radar-shadow-premium);border-radius:16px;padding:16px 24px}.fluid-search-bar{background-color:var(--radar-bg-app);border:1px solid var(--radar-border-color);border-radius:100px;align-items:center;gap:10px;width:350px;padding:8px 18px;display:flex}.fluid-search-bar input{color:var(--radar-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.fluid-search-bar .material-symbols-outlined{color:var(--radar-text-secondary);font-size:18px}.fluid-grid-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.fluid-main-card{grid-column:span 1}.fluid-cons-card{flex-direction:column;grid-column:span 1;justify-content:center;display:flex}.fluid-info-card,.fluid-nps-card{grid-column:span 1}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.mockup-workspace{flex-direction:column}.mockup-sidebar-editor{border-right:none;border-bottom:1px solid var(--radar-border-color);width:100%}.mockup-view-area{padding:1rem}}@media (max-width:500px){.mockup-header-controls{flex-direction:column;align-items:flex-start;gap:12px;padding:1rem}.mockup-view-area{background-color:var(--radar-bg-app);padding:0}.iphone-bezel{width:100%;height:100vh;box-shadow:none;background-color:#0000;border-radius:0;padding:0}.iphone-screen{border-radius:0}.iphone-speaker,.iphone-dynamic-island{display:none}.phone-status-bar{padding-top:12px}}
.loading-screen{min-height:100vh;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.dashboard-content{width:100%;max-width:1200px;margin:0 auto}.welcome-title{color:var(--md-sys-color-on-surface);margin-bottom:24px}.dashboard-cards-m3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.dashboard-cards-m3 .m3-card h3{color:var(--md-sys-color-primary);margin-bottom:12px;font-size:1.25rem;font-weight:500}.dashboard-cards-m3 .m3-card p{color:var(--md-sys-color-on-surface-variant)}