@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--primary: #16a34a;--primary-hover: #15803d;--primary-light: rgba(22, 163, 74, .08);--accent: #0f766e;--accent-light: rgba(15, 118, 110, .08);--success: #16a34a;--success-light: rgba(22, 163, 74, .08);--warning: #d97706;--warning-light: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .03);--transition-smooth: all .2s ease-in-out;--font-sans: "Plus Jakarta Sans", sans-serif;--velzon-bg: var(--bg-primary);--velzon-sidebar-bg: var(--bg-secondary);--velzon-sidebar-color: var(--text-secondary);--velzon-card-bg: var(--bg-card);--velzon-text: var(--text-primary);--velzon-text-muted: var(--text-muted);--velzon-border: var(--border-color);--velzon-primary: var(--primary);--velzon-success: var(--success);--velzon-danger: var(--danger);--velzon-warning: var(--warning);font-family:var(--font-sans)}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;font-family:var(--font-sans);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.velzon-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(circle at top right,rgba(22,163,74,.04),transparent 400px),radial-gradient(circle at bottom left,rgba(15,118,110,.03),transparent 400px)}.velzon-sidebar{width:260px;background-color:var(--bg-secondary);color:var(--text-secondary);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-color);box-shadow:4px 0 24px #00000005}.sidebar-brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--border-color)}.brand-logo-text{font-family:var(--font-sans);font-weight:800;font-size:1.25rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;margin:0;display:flex;align-items:baseline}.brand-logo-tld{font-family:var(--font-sans);font-weight:400;font-size:.85rem;color:var(--accent)}.menu-header{font-size:.7rem;font-weight:700;color:var(--text-muted);padding:24px 24px 8px;letter-spacing:.8px;text-transform:uppercase}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 16px}.menu-item{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:var(--transition-smooth)}.menu-item:hover,.menu-item.active{color:var(--primary);background-color:var(--primary-light)}.menu-item.active{font-weight:600;border:1px solid rgba(22,163,74,.15)}.submenu{display:flex;flex-direction:column;padding-left:44px;gap:6px;margin-top:2px}.submenu-item{font-size:.8125rem;color:var(--text-secondary);cursor:pointer;padding:4px 0;transition:var(--transition-smooth)}.submenu-item:hover,.submenu-item.active{color:var(--primary)}.velzon-main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:calc(100% - 260px)}.velzon-header{height:70px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-sizing:border-box;box-shadow:0 2px 12px #00000003}.header-search{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;width:220px}.header-search input{border:none;background:transparent;outline:none;font-size:.85rem;padding-left:8px;color:var(--text-primary);width:100%}.header-search .search-icon{color:var(--text-muted)}.header-profile{display:flex;align-items:center;gap:16px}.db-indicator{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.db-indicator.connected{background-color:var(--primary-light);color:var(--primary)}.db-indicator.disconnected{background-color:var(--danger-light);color:var(--danger)}.profile-details{display:flex;flex-direction:column;text-align:right}.profile-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.profile-role{font-size:.75rem;color:var(--text-muted)}.btn-logout-header{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:var(--transition-smooth)}.btn-logout-header:hover{background-color:var(--danger-light);color:var(--danger);border-color:#dc262633}.velzon-body{flex:1;padding:24px;box-sizing:border-box;overflow-y:auto}.page-title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-box h4{font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;color:var(--text-primary)}.breadcrumb{font-size:.8rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:space-between}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-hover);background-color:var(--bg-card-hover)}.kpi-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.kpi-icon{font-size:1.1rem;opacity:.8}.kpi-val-row{display:flex;justify-content:space-between;align-items:baseline}.kpi-val-row h3{margin:0;font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.kpi-pct{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px}.kpi-pct.pos{background-color:var(--primary-light);color:var(--primary)}.kpi-pct.neg{background-color:var(--danger-light);color:var(--danger)}.charts-row{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:24px}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow)}.chart-card h5{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.mock-chart{display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);border-radius:10px;padding:12px;border:1px solid var(--border-color)}.chart-labels{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:.75rem;color:var(--text-secondary)}.chart-labels span{display:flex;align-items:center;gap:6px}.chart-labels i{display:inline-block;width:8px;height:8px;border-radius:50%}.content-workspace{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:24px;align-items:start}.roster-card,.tasks-card,.quick-add-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);box-sizing:border-box}.roster-card h5,.tasks-card h5,.quick-add-card h5{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:12px}.roster-table{width:100%;border-collapse:collapse;text-align:left}.roster-table th{padding:12px;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.roster-table td{padding:12px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.badge-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pill.status-lead{background-color:var(--warning-light);color:var(--warning)}.badge-pill.status-active{background-color:var(--primary-light);color:var(--primary);border:1px solid rgba(22,163,74,.15)}.badge-pill.status-deal-won{background-color:var(--accent-light);color:var(--accent);border:1px solid rgba(15,118,110,.15)}.badge-pill.status-inactive{background-color:#94a3b81a;color:var(--text-muted)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.85rem}.tasks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.tasks-list li{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.tasks-list li.completed .task-text{text-decoration:line-through;color:var(--text-muted)}.tasks-list input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);margin-top:2px}.task-details{display:flex;flex-direction:column;gap:4px}.task-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.task-date{font-size:.75rem;color:var(--text-muted)}.form-group-compact{margin-bottom:16px}.form-group-compact label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.form-group-compact input,.form-group-compact select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;box-sizing:border-box;outline:none;transition:var(--transition-smooth)}.form-group-compact input:focus,.form-group-compact select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.btn-add-client{width:100%;padding:10px;background-color:var(--primary);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:8px}.btn-add-client:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #16a34a33}.split-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-primary)}.left-pane{flex:1.2;position:relative;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px;box-sizing:border-box;color:#fff}.left-pane:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.08),transparent 50%);pointer-events:none}.badge{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em;z-index:10}.left-pane h1{font-size:2.8rem;font-weight:800;margin:0 0 16px;color:#fff;letter-spacing:-.025em;line-height:1.2;z-index:10}.left-pane h1 em{font-style:normal;color:#fff;opacity:.9}.left-pane .description{font-size:1.05rem;color:#ffffffd9;line-height:1.6;margin-bottom:30px;font-weight:400;max-width:500px;z-index:10}.features{display:flex;flex-direction:column;gap:12px;z-index:10}.feature-item{display:flex;align-items:center;gap:12px}.feature-dot{width:8px;height:8px;border-radius:50%}.feature-text{font-size:.9rem;color:#ffffffd9}.right-pane{flex:.8;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box;border-left:1px solid var(--border-color)}.form-card{width:100%;max-width:380px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:32px;border-radius:16px;box-shadow:var(--glass-shadow)}.form-card h2{font-size:1.6rem;font-weight:800;margin:0 0 6px;color:var(--text-primary);letter-spacing:-.02em}.subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box;outline:none;background-color:var(--bg-secondary);transition:var(--transition-smooth)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.btn{width:100%;padding:12px;background-color:var(--primary);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:8px}.btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #16a34a33}.alert{padding:10px 12px;border-radius:8px;font-size:.85rem;margin-bottom:16px;border:1px solid transparent}.alert-danger{background-color:var(--danger-light);border-color:#dc262626;color:var(--danger)}@media (max-width: 1024px){.velzon-sidebar{width:70px}.velzon-sidebar h2,.velzon-sidebar .menu-header,.velzon-sidebar .submenu,.brand-logo-tld{display:none}.charts-row,.content-workspace{grid-template-columns:1fr}.split-container{flex-direction:column}.left-pane{display:none}.right-pane{width:100vw;height:100vh;padding:24px;border-left:none}}.alert-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #f59e0b1a;animation:slideIn .3s ease}.alert-banner-content{display:flex;align-items:center;gap:16px;color:#78350f}.alert-banner-icon{font-size:1.5rem}.alert-banner-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.alert-banner-desc{font-size:.85rem;opacity:.9}.alert-banner-desc ul{margin:4px 0 0;padding-left:20px}.btn-dismiss-alert{background:#78350f1a;border:1px solid rgba(120,53,15,.2);color:#78350f;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-dismiss-alert:hover{background:#78350f33}.tuning-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:24px;gap:8px}.tuning-nav-item{padding:12px 20px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:var(--transition-smooth)}.tuning-nav-item:hover,.tuning-nav-item.active{color:var(--primary)}.tuning-nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.tuning-console-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:24px;align-items:start}.tuning-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);margin-bottom:24px}.tuning-card h5{margin:0 0 16px;font-size:1rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:12px}.tuning-table{width:100%;border-collapse:collapse}.tuning-table th{padding:12px 16px;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color);font-weight:700}.tuning-table td{padding:14px 16px;font-size:.85rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.tuning-table tr:hover{background-color:#00000003}.param-name{font-weight:600;font-family:monospace;color:var(--text-primary)}.param-desc{font-size:.75rem;color:var(--text-muted);margin-top:4px;line-height:1.4}.status-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.status-badge.healthy{background-color:var(--primary-light);color:var(--primary);border:1px solid rgba(22,163,74,.2)}.status-badge.review{background-color:var(--warning-light);color:var(--warning);border:1px solid rgba(217,119,6,.2)}.status-badge.action_needed{background-color:var(--danger-light);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.tier-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.tier-badge.tier1{background-color:#f1f5f9;color:#475569}.tier-badge.tier2{background-color:#ecfdf5;color:#065f46}.tier-badge.tier3{background-color:#fff1f2;color:#9f1239}.tuning-panel{padding:20px;background-color:var(--bg-primary);border-radius:12px;border:1px dashed var(--border-color)}.tuning-panel h6{margin:0 0 16px;font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.slider-container{margin:24px 0}.slider-label-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.slider-control{width:100%;accent-color:var(--primary);cursor:pointer}.impact-preview{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:20px}.impact-preview-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase}.impact-table{width:100%;font-size:.8rem}.impact-table td{padding:6px 0;color:var(--text-secondary)}.impact-table td:last-child{text-align:right;font-weight:600;color:var(--text-primary)}.restart-warning{background-color:var(--danger-light);border:1px solid rgba(220,38,38,.15);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:.75rem;font-weight:600;margin-top:12px;display:flex;align-items:center;gap:8px}.rec-list{display:flex;flex-direction:column;gap:16px}.rec-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;background-color:var(--bg-card);transition:var(--transition-smooth)}.rec-card:hover{transform:translateY(-1px);border-color:var(--border-hover)}.rec-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.rec-card-title{font-weight:700;font-size:.9rem;color:var(--primary);font-family:monospace}.rec-card-confidence{font-size:.75rem;font-weight:700;background-color:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:9999px}.rec-card-trigger{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:12px;padding-left:8px;border-left:2px solid var(--border-color)}.rec-card-outcome{font-size:.8rem;color:var(--text-primary);margin-bottom:14px}.btn-rec-apply{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-rec-apply:hover{background-color:var(--primary-hover)}.proposal-list{display:flex;flex-direction:column;gap:16px}.proposal-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;background-color:var(--bg-card)}.proposal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.proposal-param{font-family:monospace;font-weight:700;font-size:.9rem}.proposal-status-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.proposal-status-badge.pending{background-color:var(--warning-light);color:var(--warning)}.proposal-status-badge.approved{background-color:var(--primary-light);color:var(--primary)}.proposal-status-badge.rejected{background-color:var(--danger-light);color:var(--danger)}.proposal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:.8rem;color:var(--text-secondary);margin-bottom:14px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:12px 0}.proposal-action-row{display:flex;gap:8px;justify-content:flex-end}.btn-approve{background-color:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-approve:hover{background-color:var(--primary-hover)}.btn-reject{background-color:transparent;color:var(--danger);border:1px solid rgba(22,163,74,.2);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-reject:hover{background-color:var(--danger-light)}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{border:1px solid var(--border-color);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);font-size:.8rem}.history-info{display:flex;flex-direction:column;gap:4px}.history-title{font-weight:600;color:var(--text-primary)}.history-title span{font-family:monospace}.history-meta{color:var(--text-muted);font-size:.75rem}.btn-rollback{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-rollback:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.utilization-bar-container{width:100%;height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden;margin-top:4px}.utilization-bar{height:100%;border-radius:3px;transition:width .3s ease}.utilization-bar.green{background-color:var(--primary)}.utilization-bar.orange{background-color:var(--warning)}.utilization-bar.red{background-color:var(--danger)}.proposal-form-title{font-weight:700;color:var(--text-primary);margin-bottom:8px;font-size:.85rem}.proposal-text-area{width:100%;height:60px;border:1px solid var(--border-color);border-radius:8px;padding:8px;font-size:.8rem;outline:none;background-color:var(--bg-secondary);color:var(--text-primary);resize:none;box-sizing:border-box}.proposal-text-area:focus{border-color:var(--primary)}.btn-submit-proposal{width:100%;padding:8px;background-color:var(--warning);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:10px;transition:var(--transition-smooth)}.btn-submit-proposal:hover{background-color:#b45309}.gauge-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.gauge-panel-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;align-items:center;transition:var(--transition-smooth);cursor:pointer}.gauge-panel-card:hover{transform:translateY(-2px);border-color:var(--border-hover);background-color:var(--bg-card-hover)}.gauge-svg{width:100%;max-width:160px}.gauge-footer{text-align:center;margin-top:-8px;width:100%}.gauge-value{font-family:monospace;font-size:1.15rem;font-weight:700;margin-bottom:2px}.gauge-unit{font-size:.75rem;color:var(--text-muted);font-weight:400}.gauge-name{font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:lowercase;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauge-caption{font-size:.7rem;font-weight:600;margin-top:4px}.gauge-group-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid var(--primary);padding-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;display:inline-block}.tuning-settings-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;box-shadow:var(--glass-shadow)}.db-telemetry-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.db-telemetry-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:4px;transition:var(--transition-smooth)}.db-telemetry-card:hover{transform:translateY(-1px);border-color:var(--border-hover)}.db-telemetry-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.db-telemetry-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:monospace}.db-pills-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}.db-pill-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--glass-shadow)}.db-pill-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);font-family:monospace}.db-pill-status{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:9999px}.db-pill-status.on{background-color:var(--success-light);color:var(--success);border:1px solid rgba(22,163,74,.15)}.db-pill-status.off{background-color:var(--warning-light);color:var(--warning);border:1px solid rgba(217,119,6,.15)}