@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1af2;border-bottom:1px solid #ffffff0f;display:flex;gap:20px;height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}[data-theme=light] .navbar{background:#fffffff2;border-bottom-color:#00000014}.navbar-left,.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.nav-actions,.nav-status{align-items:center;display:flex;gap:8px}.logo{cursor:pointer;flex-shrink:0;font-size:18px;font-weight:800;letter-spacing:-.02em;transition:opacity .2s;white-space:nowrap}.logo:hover{opacity:.8}.logo span{color:#00d4ff}[data-theme=light] .logo{color:#0f172a}[data-theme=light] .logo span{color:#0284c7}.nav-links{display:flex;flex:1 1;gap:2px;overflow-x:auto;padding:0 8px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-btn{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px;position:relative;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:#ffffff0f;color:#e5e7eb}.nav-btn.active{background:#00d4ff14;color:#00d4ff}.nav-btn.active:after{background:#00d4ff;border-radius:2px;bottom:-1px;content:"";height:2px;left:12px;position:absolute;right:12px}[data-theme=light] .nav-btn{color:#6b7280}[data-theme=light] .nav-btn:hover{background:#0000000d;color:#374151}[data-theme=light] .nav-btn.active{background:#0284c714;color:#0284c7}.demo-badge{border-radius:6px;font-weight:700}.demo-badge,.ws-badge{font-size:11px;padding:4px 10px}.ws-badge{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;color:#9ca3af;font-weight:600;transition:all .2s}.ws-badge.connected{animation:pulse 2s infinite;background:#10b9811a;border-color:#10b98133;color:#10b981}[data-theme=light] .ws-badge{background:#0000000a;border-color:#0000001a;color:#6b7280}[data-theme=light] .ws-badge.connected{background:#10b9811a;border-color:#10b9814d;color:#059669}[data-theme=light] .demo-badge{background:#a78bfa1a;border-color:#a78bfa33;color:#7c3aed}.nav-icon-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:1;padding:6px 8px;transition:all .2s}.nav-icon-btn:hover{background:#00d4ff14;border-color:#00d4ff}[data-theme=light] .nav-icon-btn{background:#f3f4f6;border-color:#e5e7eb;color:#374151}[data-theme=light] .nav-icon-btn:hover{background:#e5e7eb;border-color:#d1d5db}.user-menu{padding:8px 0;position:relative}.user-badge{align-items:center;cursor:pointer;display:flex;font-size:16px;justify-content:center;transition:opacity .2s}.user-badge:hover{opacity:.8}.user-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:8px;margin-top:0;min-width:200px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s}.user-menu:hover .user-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.user-info{border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:10px}.user-email{color:#e5e7eb;font-size:12px;font-weight:600;word-break:break-all}.user-role{color:#9ca3af;font-size:11px;margin-top:2px;text-transform:capitalize}.btn-signout{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#f87171;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s;width:100%}.btn-signout:hover{background:#ef444433;color:#fca5a5}[data-theme=light] .user-dropdown{background:#fffffff2;border-color:#0000001a}[data-theme=light] .user-email{color:#1f2937}[data-theme=light] .user-role{color:#6b7280}[data-theme=light] .btn-signout{background:#dc26261a;border-color:#dc262633;color:#dc2626}[data-theme=light] .btn-signout:hover{background:#dc262633;color:#991b1b}.navbar-active-twin{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-shrink:0;gap:12px;padding:0}.navbar-active-twin .twin-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center}.navbar-active-twin .twin-info{display:flex;flex-direction:column;gap:3px;min-width:0}.navbar-active-twin .twin-name{color:#e5e7eb;font-size:13px;font-weight:700;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-active-twin .twin-badge{font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}[data-theme=light] .navbar-active-twin .twin-name{color:#1f2937}@media (max-width:1200px){.navbar{padding:0 16px}.navbar-active-twin .twin-name{max-width:120px}}@media (max-width:768px){.navbar{gap:12px;height:56px;padding:0 12px}.nav-links{gap:0;padding:0 4px}.nav-btn{font-size:12px;padding:4px 8px}.navbar-active-twin{padding:6px 10px}.navbar-active-twin .twin-name{font-size:11px;max-width:100px}}.twin-switcher-btn{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.twin-switcher-btn:hover{background:#10b98133;border-color:#10b98180;color:#6ee7b7}[data-theme=light] .twin-switcher-btn{background:#10b9811a;border-color:#10b9814d;color:#059669}[data-theme=light] .twin-switcher-btn:hover{background:#10b98133;border-color:#10b98180;color:#047857}.demo-banner{align-items:center;background:linear-gradient(90deg,#7c3aed,#4f46e5);color:#fff;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;justify-content:center;padding:8px 20px}.demo-banner-cta{background:#fff3;border:1px solid #ffffff80;border-radius:20px;color:#fff;cursor:pointer;font-size:.82rem;padding:4px 14px;transition:background .2s;white-space:nowrap}.demo-banner-cta:hover{background:#ffffff59}.login-page{align-items:center;background:radial-gradient(ellipse 70% 60% at 30% 50%,#0066ff1a 0,#0000 60%),radial-gradient(ellipse 50% 40% at 80% 30%,#7c3aed14 0,#0000 60%),#070b14;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1623e6;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 80px #00000080;max-width:440px;padding:44px 40px;width:100%}.login-card:hover{border-color:#ffffff1f;transform:none}.login-logo{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:28px}.login-logo span{color:#00d4ff}.login-card h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.login-card>p{color:#7a8899;font-size:15px;margin-bottom:28px}.form-group{margin-bottom:18px;text-align:left}.form-group label{color:var(--text-secondary);margin-bottom:7px}.form-group input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;color:var(--text);font-size:15px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{background:#00d4ff0a;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.form-group input::placeholder{color:#3d4f63}.forgot-link-row{margin-bottom:20px;margin-top:-10px;text-align:right}.login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:10px 16px}.login-hint{background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:10px;color:#7a8899;font-size:12px;margin:16px 0;padding:10px 16px}.login-hint code{color:#00d4ff}.login-demo{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin:16px 0;padding:16px}.login-demo p{color:#7a8899;font-size:14px;margin-bottom:12px}.login-demo .btn-secondary{width:100%}.login-footer{color:#7a8899;font-size:14px;margin-top:16px}.login-footer a{color:#00d4ff;font-weight:600}.login-footer a:hover{text-decoration:underline}.forgot-flow{display:flex;flex-direction:column;gap:16px}.forgot-icon{font-size:3rem}.forgot-flow h2,.forgot-flow>p,.forgot-icon{text-align:center}.forgot-flow>p{color:#7a8899;font-size:14px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:4px 0}.otp-box{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;color:var(--text);font-size:24px;font-weight:700;height:56px;outline:none;text-align:center;transition:all .15s;width:48px}.otp-box:focus{background:#00d4ff0f;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.otp-box.filled{border-color:#7c3aed;color:#a78bfa}.otp-resend{font-size:13px;text-align:center}.otp-resend,.resend-cd{color:#7a8899}.resend-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:13px;text-decoration:underline}.dev-otp-banner{background:#7c3aed14;border:1px dashed #7c3aed66;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;text-align:center}.btn-link,.dev-otp-banner{color:#7a8899;font-size:13px}.btn-link{background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s}.btn-link:hover{color:#00d4ff}.admin-dashboard{margin:0 auto;max-width:1400px;padding:24px}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-header h1{font-size:1.6rem;margin:0}.admin-stats{display:flex;gap:16px}.admin-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;font-size:13px;padding:8px 16px}.admin-stat strong{margin-right:4px}.admin-stat.free{border-color:#60a5fa4d;color:#60a5fa}.admin-stat.pro{border-color:#a78bfa4d;color:#a78bfa}.admin-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.admin-error button{background:none;border:none;color:#f87171;cursor:pointer;font-size:16px}.admin-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.admin-search{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:8px;color:#e2e8f0;color:var(--text,#e2e8f0);flex:1 1;font-size:14px;max-width:400px;outline:none;padding:10px 16px;transition:border-color .2s}.admin-search:focus{border-color:#7c3aed}.admin-search::placeholder{color:#475569}.admin-loading{color:#7a8899;font-size:16px;padding:60px;text-align:center}.admin-table-wrap{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;white-space:nowrap;width:100%}.admin-table thead{background:#7c3aed14}.admin-table th{border-bottom:1px solid #ffffff14;color:#a78bfa;font-size:11px;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #ffffff0a;color:#e2e8f0;color:var(--text,#e2e8f0);padding:12px 16px}.admin-table tbody tr:hover{background:#7c3aed0a}.email-cell{color:#94a3b8;font-family:monospace;font-size:12px}.plan-badge-free{background:#60a5fa26;color:#60a5fa}.plan-badge-free,.plan-badge-subscriber{border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px}.plan-badge-subscriber{background:#a78bfa26;color:#a78bfa}.status-active{color:#34d399;font-size:12px;font-weight:600}.action-cell{min-width:160px}.btn-upgrade-sm{background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:6px 14px;transition:all .2s}.btn-upgrade-sm:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.btn-upgrade-sm:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-downgrade-sm{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#f87171;cursor:pointer;font-size:11px;font-weight:700;padding:6px 14px;transition:all .2s}.btn-downgrade-sm:hover{background:#ef444433}.btn-downgrade-sm:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .admin-dashboard{background:#f8fafc}[data-theme=light] .admin-table-wrap{background:#fff;border-color:#e2e8f0}[data-theme=light] .admin-table thead{background:#7c3aed0a}[data-theme=light] .admin-table th{border-bottom-color:#e2e8f0;color:#7c3aed}[data-theme=light] .admin-table td{border-bottom-color:#f1f5f9;color:#0f172a}[data-theme=light] .admin-table tbody tr:hover{background:#7c3aed05}[data-theme=light] .admin-search{background:#fff;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .admin-stat{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .email-cell{color:#64748b}.twin-success-container{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#3b82f61a);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.success-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827cc;border:1px solid #7c3aed4d;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:40px;width:100%}.success-card.error{border-color:#ef44444d;text-align:center}.success-header{border-bottom:1px solid #7c3aed33;margin-bottom:40px;padding-bottom:30px;text-align:center}.success-icon{animation:bounce .6s ease-out;margin-bottom:20px}@keyframes bounce{0%,to{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 12px}.subtitle{color:#fff9;font-size:16px;margin:0}.twin-details{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.detail-section{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;padding:20px}.detail-section h3{align-items:center;color:#7c3aede6;display:flex;font-size:16px;gap:8px;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{background:#ffffff08;border-radius:8px;padding:12px}.detail-item label{color:#ffffff80;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-value{align-items:center;display:flex;gap:8px;justify-content:space-between}.detail-value span{color:#ffffffe6;flex:1 1;font-size:14px;word-break:break-all}.detail-value code{background:#0000004d;border-radius:4px;color:#7c3aedcc;flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:4px 8px;word-break:break-all}.factory-type{background:linear-gradient(135deg,#7c3aed33,#3b82f633);border-radius:6px;font-size:13px;font-weight:600;padding:6px 12px}.btn-copy{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.btn-copy:hover{background:#7c3aed33}.resources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.resource-card{background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:8px;padding:20px;text-align:center}.resource-count{color:#7c3aede6;font-size:32px;font-weight:700;margin-bottom:8px}.resource-label{color:#fff9;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.code-block{background:#0000004d;border-radius:8px;max-height:300px;overflow:auto;padding:16px;position:relative}.code-block pre{color:#7c3aedcc;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin:0}.btn-copy-large{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:6px;color:#7c3aede6;cursor:pointer;font-size:12px;margin-top:12px;padding:8px 16px;transition:all .2s}.btn-copy-large:hover{background:#7c3aed4d;border-color:#7c3aed80}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-primary,.btn-secondary{border-radius:8px;flex:1 1;font-size:14px;font-weight:600;min-width:160px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.btn-primary:hover{box-shadow:0 8px 16px #7c3aed4d}.btn-primary.btn-large{flex:2 1;font-size:16px;min-width:200px;padding:14px 32px}.btn-secondary{background:#7c3aed1a;border:1px solid #7c3aed4d;color:#7c3aede6}.btn-secondary:hover{background:#7c3aed33;border-color:#7c3aed80}.info-footer{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:8px;padding:16px;text-align:center}.info-footer p{color:#ffffffb3;font-size:13px;line-height:1.6;margin:0}.countdown-section{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#ffffffb3;font-size:14px;margin-top:16px;padding:16px;text-align:center}.countdown-timer{animation:pulse 1s ease-in-out infinite;color:#3b82f6e6;font-size:18px;font-weight:600}@media (max-width:640px){.success-card{padding:24px}.success-header h1{font-size:24px}.detail-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{flex:none;width:100%}.btn-primary.btn-large{flex:none}}.connect-twin-page{background:linear-gradient(135deg,#070b14e6,#0f1623cc);min-height:100vh;padding:40px 20px}.connect-container{margin:0 auto;max-width:900px}.connect-header{margin-bottom:48px;position:relative}.back-btn{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 12px;transition:all .25s}.back-btn:hover{color:#ddd6fe;transform:translateX(-4px)}.connect-header h1{color:#fff;font-size:42px;font-weight:800;margin-bottom:12px}.connect-header p{color:#7a8899;font-size:16px}.auth-prompt{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:48px;padding:48px;text-align:center}.prompt-icon{display:inline-block;font-size:64px;margin-bottom:24px}.auth-prompt h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:12px}.auth-prompt p{color:#7a8899;font-size:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px}.auth-form{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:48px;padding:32px}.auth-form h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.form-fields{gap:20px}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:#e8eef8;font-size:14px;font-weight:600}.input{background:#ffffff0d;border:1px solid #ffffff1f;color:#fff;font-size:14px;padding:12px 16px;transition:all .25s}.input:focus,.input:hover{background:#ffffff14;border-color:#00d4ff40;outline:none}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #00d4ff73;filter:brightness(1.1)}.btn-full{width:100%}.error-msg{border-radius:8px;font-size:14px;margin:12px 0}.workspaces-section{margin-bottom:48px}.workspaces-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.workspaces-list{display:flex;flex-direction:column;gap:16px}.workspace-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:24px;transition:all .25s}.workspace-card:hover{background:#ffffff0f;border-color:#00d4ff4d;box-shadow:0 8px 24px #00d4ff1a}.workspace-card.selected{background:#7c3aed1f;border-color:#7c3aed80;box-shadow:0 8px 24px #7c3aed26}.workspace-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.workspace-name h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px}.workspace-id{color:#7a8899;font-family:Courier New,monospace;font-size:12px;letter-spacing:.02em}.workspace-status{display:flex;gap:8px}.badge-green{background:#22c55e33;border:1px solid #22c55e4d;border-radius:100px;color:#86efac;padding:4px 12px}.workspace-details{grid-gap:12px;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;display:grid;gap:12px;margin-bottom:16px;padding:16px}.workspace-details>div{color:#c4b5fd;display:flex;font-size:13px;gap:8px}.workspace-details strong{color:#ddd6fe;font-weight:600}.workspace-details code{background:#0000004d;border-radius:4px;color:#86efac;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.success-message{background:#22c55e1a;border:2px solid #22c55e66;border-radius:16px;margin-bottom:48px;padding:48px;text-align:center}.success-icon{animation:scaleIn .4s ease;display:inline-block;font-size:64px;margin-bottom:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-message h2{color:#86efac;font-size:28px;font-weight:800;margin-bottom:24px}.twin-info{grid-gap:12px;background:#0003;border:1px solid #22c55e33;border-radius:8px;color:#c4b5fd;display:grid;font-size:14px;gap:12px;margin-bottom:24px;padding:20px}.twin-info>div strong{color:#86efac}.empty-state{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:48px;padding:48px}.empty-icon{display:inline-block;font-size:60px;margin-bottom:24px}.empty-state h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:12px}.empty-state p{color:#7a8899;font-size:15px}.connect-features{background:linear-gradient(135deg,#7c3aed14,#00d4ff14);border:1px solid #7c3aed33;border-radius:16px;margin-bottom:48px;padding:48px}.connect-features h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:32px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:24px;text-align:center}.feature:hover{background:#ffffff0a;border-color:#00d4ff33}.feature .icon{display:inline-block;font-size:36px;margin-bottom:12px}.feature h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.feature p{color:#7a8899;font-size:13px;line-height:1.6}@media (max-width:768px){.connect-container{max-width:100%}.connect-header h1{font-size:32px}.auth-form,.auth-prompt{padding:28px}.workspace-header{flex-direction:column}.features-grid{grid-template-columns:1fr}}.dashboard{margin:0 auto;max-width:1480px;padding:28px 36px}.page-header{gap:12px;margin-bottom:28px}.mode-pill{border-radius:20px;font-size:12px;font-weight:700;padding:5px 14px}.mode-pill.demo{background:#a78bfa26;border:1px solid #a78bfa4d;color:#a78bfa}.mode-pill.live{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.kpi-card{padding:20px 12px}.kpi-card:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.kpi-card:hover:before{opacity:1}.kpi-icon{font-size:24px;margin-bottom:10px}.kpi-value{font-size:30px;margin-bottom:4px}.kpi-label{color:var(--text-muted,#6b7280);font-weight:500}.fleet-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:260px 1fr 220px;margin-bottom:28px}.fleet-ring-card{text-align:center}.fleet-ring-card h3{font-size:14px;font-weight:700;margin-bottom:8px}.fleet-ring-wrap{display:flex;justify-content:center;position:relative}.fleet-ring-center{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.frc-val{color:#e5e7eb;font-size:28px;font-weight:800}.frc-lbl{color:#6b7280;font-size:10px;text-transform:uppercase}.fleet-legend{display:flex;gap:14px;justify-content:center;margin-top:4px}.fl-item{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:4px}.fl-dot{border-radius:50%;height:8px;width:8px}.anomaly-card h3{font-size:14px;font-weight:700;margin-bottom:12px}.no-anomaly{color:#34d399;font-size:13px;margin-top:8px}.anomaly-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.anomaly-row{background:#fbbf240f;border-left:2px solid #fbbf24;border-radius:6px;color:#fbbf24;font-size:12px;padding:6px 10px}.quick-actions-card h3{font-size:14px;font-weight:700;margin-bottom:12px}.qa-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.qa-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;color:#e5e7eb;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;padding:12px 8px;transition:all .2s}body[data-theme=light] .qa-btn{background:#00000008;border-color:#00000014;color:#1f2937}.qa-btn:hover{background:#7c3aed1f;border-color:#7c3aed4d;transform:translateY(-2px)}.qa-btn span:first-child{font-size:22px}.mc-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot-running{background:#34d399;box-shadow:0 0 6px #34d399}.dot-fault{animation:pulse-dot 1s infinite;background:#f87171;box-shadow:0 0 6px #f87171}.dot-idle{background:#6b7280}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.mc-type{background:#ffffff0d;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 8px}.mc-status-badge{border-radius:12px;font-size:11px;font-weight:700;padding:3px 10px}.sb-running{background:#34d3991a;color:#34d399}.sb-fault{background:#f871711a;color:#f87171}.sb-idle{background:#6b72801a;color:#6b7280}.section-title{color:#e5e7eb;font-size:16px;font-weight:700;margin-bottom:16px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-card h3{font-size:14px;font-weight:700;margin-bottom:14px}.dashboard-mid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.machine-row{align-items:center;background:#ffffff05;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.machine-row:hover{background:#7c3aed14}.machine-row.ms-running{border-left-color:#34d399}.machine-row.ms-fault{border-left-color:#f87171}.machine-row.ms-idle{border-left-color:#6b7280}.mr-left{align-items:center;display:flex;gap:8px}.mr-left strong{color:#e5e7eb;font-size:13px}.mr-right{align-items:center;display:flex;gap:10px}.mr-sensors{background:#ffffff0d;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 8px}.sensor-overview-row{border-bottom:1px solid #ffffff0a;padding:8px 0}.sensor-overview-row:last-child{border-bottom:none}.sor-name{color:#a78bfa;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.sor-chips{display:flex;flex-wrap:wrap;gap:6px}.sor-chip{background:#ffffff08;border:1px solid;border-radius:4px;font-family:monospace;font-size:11px;padding:2px 8px}.ws-info-card h3{font-size:14px;font-weight:700;margin-bottom:14px}.ws-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ws-info-grid>div{display:flex;flex-direction:column;gap:4px}.wi-label{color:#6b7280;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.wi-val{color:#e5e7eb;font-size:14px;font-weight:600}.wi-val.mono{color:#a78bfa;font-family:monospace;font-size:12px;word-break:break-all}.wi-val.cap{text-transform:capitalize}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.fleet-row{grid-template-columns:1fr 1fr}.quick-actions-card{grid-column:1/-1}}@media (max-width:768px){.dashboard{padding:16px 20px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.dashboard-mid,.fleet-row{grid-template-columns:1fr}}.entities-page{margin:0 auto;max-width:1440px;padding:32px 40px}.ent-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.ent-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.ent-empty h2{color:#e5e7eb;font-size:22px;margin-bottom:8px}.ent-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.ent-header,.ent-header-left{align-items:center;display:flex}.ent-header-left{gap:14px}.ent-header-left h1{color:#f3f4f6;font-size:26px;font-weight:700}body[data-theme=light] .ent-header-left h1{color:#111827}.ent-demo-badge,.ent-twin-badge{border-radius:20px;font-size:12px;font-weight:600;padding:5px 14px}.ent-twin-badge{background:#7c3aed26;border:1px solid #7c3aed59;color:#c4b5fd}.ent-demo-badge{background:#a78bfa26;border:1px solid #a78bfa4d;color:#c4b5fd}.ent-count{color:#64748b;font-size:13px;font-weight:500}.ent-view-toggle{background:#0f172a;border:1px solid #1e293b;border-radius:8px;display:flex;overflow:hidden}.ent-view-toggle button{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:7px 16px;transition:all .2s}.ent-view-toggle button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ent-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:22px}.ent-kpi{align-items:center;background:#0d1117;border:1px solid #1e293b;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:14px 8px;transition:border-color .2s}.ent-kpi:hover{border-color:#334155}.ek-icon{font-size:18px}.ek-value{font-size:20px;font-weight:700}.ek-label{color:#64748b;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.ent-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.ent-search{background:#0d1117;border:1px solid #1e293b;border-radius:8px;color:#e2e8f0;flex:1 1;font-size:13px;min-width:200px;padding:10px 16px;transition:border-color .2s}.ent-search:focus{border-color:#6366f1;outline:none}.ent-search::placeholder{color:#475569}.ent-filters{display:flex;gap:6px}.ent-filter{background:#0000;border:1px solid #1e293b;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:7px 14px;transition:all .2s}.ent-filter.active{background:#6366f126;border-color:#6366f1;color:#a5b4fc}.ent-filter:hover:not(.active){border-color:#334155;color:#94a3b8}.ent-expand-btns{display:flex;gap:6px}.ent-expand-btns button{background:#1e293b;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:500;padding:7px 12px;transition:all .2s}.ent-expand-btns button:hover{background:#334155;color:#e2e8f0}.ent-machines{display:flex;flex-direction:column;gap:14px}.ent-machine-card{background:#0d1117;border:1px solid #1e293b;border-left:3px solid #34d399;border-left:3px solid var(--m-color,#34d399);border-radius:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.ent-machine-card:hover{border-color:#334155}.ent-machine-card.open{box-shadow:0 0 20px #6366f10f}.emc-header{align-items:center;cursor:pointer;display:flex;gap:14px;padding:18px 20px;transition:background .15s}.emc-header:hover{background:#6366f108}.emc-left{flex:1 1;gap:12px;min-width:0}.emc-icon,.emc-left{align-items:center;display:flex}.emc-icon{background:#6366f114;border-radius:10px;flex-shrink:0;font-size:28px;height:44px;justify-content:center;width:44px}.emc-title{display:flex;flex-direction:column;min-width:0}.emc-name{color:#f1f5f9;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .emc-name{color:#1f2937}.emc-type{color:#64748b;font-size:12px}.emc-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.emc-badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.badge-crit{background:#f8717126;border:1px solid #f871714d;color:#f87171}.badge-warn{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.emc-sensor-count{color:#64748b;font-size:12px}.emc-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.st-warning{color:#fbbf24}.st-fault{color:#f87171}.st-ok{color:#34d399}.emc-chevron{color:#475569;flex-shrink:0;font-size:16px;transition:transform .2s}.emc-chevron.open{transform:rotate(90deg)}.emc-sensors{animation:fadeIn .2s ease-out;border-top:1px solid #1a2332;padding:0 20px 16px}.ems-header-row{grid-gap:12px;border-bottom:1px solid #1a2332;display:grid;gap:12px;grid-template-columns:1.5fr .8fr 1fr 2fr .8fr;padding:12px 0 8px}.ems-h{color:#475569;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ems-row{grid-gap:12px;align-items:center;border-bottom:1px solid #111827;display:grid;gap:12px;grid-template-columns:1.5fr .8fr 1fr 2fr .8fr;padding:10px 0;transition:background .15s}.ems-row:last-child{border-bottom:none}.ems-row:hover{background:#6366f108}.ems-row.st-critical{background:#f871710a}.ems-row.st-warning{background:#fbbf2408}.ems-name{color:#e2e8f0;font-size:13px;font-weight:500}body[data-theme=light] .ems-name{color:#1f2937}.ems-type{color:#64748b;font-size:12px;text-transform:capitalize}.ems-value{color:#f1f5f9;font-size:14px}.ems-value strong{font-weight:700}.ems-unit{color:#64748b;font-size:11px;margin-left:3px}.ems-bar-wrap{display:flex;flex-direction:column;gap:3px}.ems-bar-track{background:#1a2332;border-radius:4px;height:8px;overflow:visible;position:relative}.ems-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.bar-ok{background:linear-gradient(90deg,#22c55e,#34d399)}.bar-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-critical{background:linear-gradient(90deg,#ef4444,#f87171)}.ems-bar-crit-line,.ems-bar-warn-line{height:12px;position:absolute;top:-2px;width:1px}.ems-bar-warn-line{background:#fbbf2466}.ems-bar-crit-line{background:#f8717166}.ems-bar-labels{color:#475569;display:flex;font-size:9px;justify-content:space-between}.ems-status-dot{font-size:11px;font-weight:600}.dot-ok{color:#34d399}.dot-warning{color:#fbbf24}.dot-critical{color:#f87171}.ent-group{margin-bottom:24px}.ent-group-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;gap:10px;margin-bottom:12px;padding-bottom:8px}.ent-group-icon{font-size:22px}.ent-group-name{color:#e2e8f0;font-size:15px;font-weight:600}body[data-theme=light] .ent-group-name{color:#1f2937}.ent-group-count{background:#6366f126;border-radius:10px;color:#a5b4fc;font-size:11px;font-weight:600;padding:2px 8px}.ent-demo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ent-demo-card{align-items:center;background:#0d1117;border:1px solid #1e293b;border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:border-color .2s}.ent-demo-card:hover{border-color:#334155}.ent-demo-card.status-error{border-left:3px solid #f87171}.edc-icon{flex-shrink:0;font-size:22px}.edc-info{flex:1 1;min-width:0}.edc-name{color:#e2e8f0;display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .edc-name{color:#1f2937}.edc-id{color:#475569;display:block;font-family:SF Mono,Fira Code,monospace;font-size:10px}.edc-status{flex-shrink:0;font-size:11px;font-weight:600}.st-active{color:#34d399}.st-error{color:#f87171}.ent-table-wrap{background:#0d1117;border:1px solid #1e293b;border-radius:12px;overflow-x:auto}.ent-table{border-collapse:collapse;font-size:13px;width:100%}.ent-table th{background:#0a0f1a;border-bottom:1px solid #1e293b;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0}.ent-table td{border-bottom:1px solid #111827;color:#cbd5e1;padding:10px 16px}.ent-table tr:last-child td{border-bottom:none}.ent-table tr:hover td{background:#6366f108}.ent-table tr.tbl-critical td{background:#f871710a}.ent-table tr.tbl-warning td{background:#fbbf2408}.tbl-machine{color:#a5b4fc;font-weight:600}.tbl-type{color:#64748b;text-transform:capitalize}.tbl-value{white-space:nowrap}.tbl-dim{color:#475569;font-size:12px}.tbl-bar{background:#1a2332;border-radius:3px;height:6px;overflow:hidden;width:80px}.tbl-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.tbl-status-badge{font-size:11px;font-weight:600;text-transform:capitalize}@media (max-width:1100px){.ent-kpis{grid-template-columns:repeat(4,1fr)}.ems-header-row,.ems-row{grid-template-columns:1.2fr .7fr .8fr 1.5fr .7fr}}@media (max-width:768px){.entities-page{padding:20px 16px}.ent-header{align-items:flex-start;flex-direction:column}.ent-kpis{grid-template-columns:repeat(3,1fr)}.ent-controls{flex-direction:column}.ent-search{min-width:100%}.ems-header-row,.ems-row{grid-template-columns:1fr 1fr 1fr}.ems-bar-wrap,.ems-h-bar{display:none}.ent-demo-grid{grid-template-columns:1fr}}.ml-page{margin:0 auto;max-width:1480px;padding:28px 36px}.page-header h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.header-right{align-items:center;display:flex;gap:10px;margin-left:auto}.update-badge{background:#ffffff0a;border-radius:20px;color:#6b7280;font-size:12px;padding:5px 12px}.btn-refresh{background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.btn-refresh:hover{background:#7c3aed40}.alert-banner{align-items:center;animation:banner-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#f9731614,#f871710f);border:1px solid #f973164d;border-left:4px solid #f97316;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}@keyframes banner-pulse{0%,to{border-left-color:#f97316}50%{border-left-color:#f87171}}.ab-left{align-items:center;display:flex;gap:12px}.ab-icon{font-size:22px}.ab-left strong{color:#f97316;display:block;font-size:14px}.ab-sub{color:#9ca3af;font-size:12px}.ab-chips{display:flex;flex-wrap:wrap;gap:8px}.ab-chip{background:#0000;border:1px solid;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s}.ab-chip:hover{transform:scale(1.05)}.kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.kpi-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:all .2s}.kpi-card:after{background:linear-gradient(90deg,#0000,#a78bfa,#0000);background:linear-gradient(90deg,#0000,var(--accent,#a78bfa),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.kpi-card:hover:after{opacity:1}.kpi-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.kpi-icon{display:block;font-size:22px;margin-bottom:6px}.kpi-value{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}.kpi-label{color:#6b7280;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.kpi-pie{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:8px}.ml-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px}.ml-col-left{gap:20px}.ml-col-left,.ml-col-right{display:flex;flex-direction:column}.card{background:#ffffff08;border:1px solid #ffffff0f;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.card-header h3{font-size:15px;font-weight:700}.card-subtitle{color:#6b7280;font-size:12px;margin:-4px 0 14px}.legend{color:#9ca3af;display:flex;font-size:11px;gap:14px}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{background:#ffffff0f;bottom:12px;content:"";left:7px;position:absolute;top:12px;width:2px}.timeline-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:12px 14px;position:relative;transition:all .2s}.timeline-item:hover{background:#ffffff0a}.tl-selected{background:#7c3aed1a!important;border:1px solid #7c3aed33}.tl-dot{border-radius:50%;flex-shrink:0;height:14px;width:14px;z-index:1}.tl-content{flex:1 1;min-width:0}.tl-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.tl-name{color:#e5e7eb;font-size:13px;font-weight:600}.tl-badge{border:1px solid;border-radius:12px;font-size:10px;font-weight:700;padding:2px 8px}.tl-meta{color:#6b7280;display:flex;font-size:11px;gap:6px}.tl-prob{flex-shrink:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.ml-detail-card{position:sticky;top:80px}.detail-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.detail-top h3{font-size:18px;font-weight:800}.detail-type{color:#6b7280;font-size:12px}.detail-badge{border:1px solid;border-radius:20px;font-size:12px;font-weight:700;padding:5px 14px;white-space:nowrap}.risk-gauge{height:160px;margin:-8px 0;position:relative;width:100%}.gauge-center{display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.gauge-value{font-size:32px;font-weight:800;letter-spacing:-.03em}.gauge-label{color:#6b7280;font-size:11px;margin-top:-2px}.rul-row{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:0;justify-content:center;margin-bottom:16px;padding:14px}.rul-item{flex:1 1;text-align:center}.rul-val{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}.rul-label{color:#6b7280;font-size:11px}.rul-divider{background:#ffffff1a;height:36px;margin:0 12px;width:1px}.contrib-section{margin-bottom:16px}.contrib-section h4{color:#e5e7eb;font-size:13px;font-weight:700;margin-bottom:12px}.contrib-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.contrib-info{display:flex;flex-direction:column;width:110px}.contrib-info span:first-child{color:#e5e7eb;font-size:12px;font-weight:500}.contrib-info span:last-child{font-family:monospace;font-size:11px}.contrib-bar-bg{background:#ffffff0f;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.contrib-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.contrib-pct{font-size:12px;font-weight:700;text-align:right;width:36px}.action-box{align-items:flex-start;background:#ffffff05;border:1px solid;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.action-icon{flex-shrink:0;font-size:20px;margin-top:2px}.action-box strong{color:#6b7280;display:block;font-size:11px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.action-box p{color:#e5e7eb;font-size:13px;font-weight:600;margin:0}.trend-section{margin-bottom:16px}.health-checks h4,.trend-section h4{color:#e5e7eb;font-size:13px;font-weight:700;margin-bottom:10px}.hc-row{align-items:center;border-bottom:1px solid #ffffff0a;color:#d1d5db;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}body[data-theme=light] .hc-row{border-bottom-color:#00000014;color:#374151}.hc-row:last-child{border-bottom:none}.hc-ok{color:#34d399}.hc-fault,.hc-ok{font-size:12px;font-weight:600}.hc-fault{color:#f87171}.ml-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.ml-empty .empty-icon{font-size:64px;margin-bottom:16px}.ml-empty h2{color:#e5e7eb;font-size:22px;margin-bottom:8px}.ml-empty p{font-size:14px;max-width:400px}@media (max-width:1100px){.ml-grid{grid-template-columns:1fr}.ml-detail-card{position:static}.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ml-page{padding:16px 20px}.kpi-row{grid-template-columns:repeat(2,1fr)}.alert-banner{flex-direction:column}}.whatif-panel{animation:whatif-in .3s ease;background:linear-gradient(135deg,#10b9810a,#7c3aed0a)!important;border:1px solid #10b9814d!important;margin-bottom:24px}@keyframes whatif-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.whatif-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.whatif-header h3{color:#34d399;font-size:16px;font-weight:800;margin:0}.whatif-machine{color:#6b7280;font-size:12px;margin-left:8px}.whatif-actions{display:flex;gap:8px}.whatif-reset{background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:12px;padding:4px 12px}.whatif-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.whatif-close:hover{color:#f87171}.whatif-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.whatif-sliders{display:flex;flex-direction:column;gap:18px}.ws-label{align-items:center;color:#d1d5db;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px}.ws-val{font-family:monospace;font-size:14px;font-weight:800}.ws-track{position:relative}.ws-range{appearance:none;background:linear-gradient(90deg,#a78bfa 0,#a78bfa 50%,#ffffff14 0,#ffffff14);background:linear-gradient(to right,var(--fill-color,#a78bfa) 0,var(--fill-color,#a78bfa) var(--fill-pct,50%),#ffffff14 var(--fill-pct,50%),#ffffff14 100%);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.ws-range::-webkit-slider-thumb{appearance:none;background:#a78bfa;background:var(--fill-color,#a78bfa);border:2px solid #111827;border-radius:50%;box-shadow:0 0 8px #a78bfa;box-shadow:0 0 8px var(--fill-color,#a78bfa);cursor:grab;height:18px;width:18px}.ws-range::-moz-range-thumb{background:#a78bfa;background:var(--fill-color,#a78bfa);border:2px solid #111827;border-radius:50%;box-shadow:0 0 8px #a78bfa;box-shadow:0 0 8px var(--fill-color,#a78bfa);cursor:grab;height:18px;width:18px}.ws-range-labels{color:#4b5563;display:flex;font-size:10px;justify-content:space-between;margin-top:2px}.whatif-result{align-items:center;display:flex;flex-direction:column;gap:12px}.wr-gauge{max-width:200px;width:100%}.wr-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.wr-stat{background:#ffffff08;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px}.wr-stat-label{color:#6b7280;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.wr-stat-val{font-size:20px;font-weight:800;letter-spacing:-.02em}.wr-stat-action{color:#d1d5db;font-size:11px;line-height:1.4}.wr-delta{font-size:11px;font-weight:700}.wr-delta.bad{color:#f87171}.wr-delta.good{color:#34d399}.whatif-open-btn{background:linear-gradient(135deg,#10b9811a,#7c3aed1a);border:1px solid #10b9814d;border-radius:10px;color:#34d399;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:12px;padding:10px;transition:all .2s;width:100%}.whatif-open-btn:hover{background:#10b98133;transform:translateY(-1px)}@media (max-width:768px){.whatif-body{grid-template-columns:1fr}}.alerts-page{margin:0 auto;max-width:1400px;padding:32px 40px}.alert-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.summary-btn{background:#111827;border:2px solid #1f2937;border-radius:8px;color:#e0e6f0;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.summary-btn.active,.summary-btn:hover{border-color:#00d4ff;color:#00d4ff}.summary-btn.sev-critical.active{border-color:#f87171;color:#f87171}.summary-btn.sev-warning.active{border-color:#fbbf24;color:#fbbf24}.summary-btn.sev-info.active{border-color:#60a5fa;color:#60a5fa}.alert-feed{overflow:hidden;padding:0}.alert-row{align-items:center;border-bottom:1px solid #1f2937;display:flex;gap:16px;padding:16px 24px;transition:background .2s}.alert-row:last-child{border-bottom:none}.alert-row.sev-critical{border-left:4px solid #f87171}.alert-row.sev-warning{border-left:4px solid #fbbf24}.alert-row.sev-info{border-left:4px solid #60a5fa}.alert-row.acked{opacity:.45}.alert-row:hover{background:#1a2235}.alert-icon{flex-shrink:0;font-size:22px}.alert-body{flex:1 1}.alert-title{font-size:14px;margin-bottom:4px}.alert-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px}.ack-btn{background:#0000;border:1px solid #34d399;border-radius:6px;color:#34d399;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 12px;transition:all .2s}.ack-btn:hover{background:#34d399;color:#0a0e1a}.acked-label{color:#34d399;flex-shrink:0;font-size:12px}.model-upload-page{align-items:center;background:linear-gradient(135deg,#0a0e1a,#0f1729 50%,#0a0e1a);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.model-upload-page:before{background:radial-gradient(ellipse 70% 60% at 70% 50%,#6366f126 0,#0000 60%),radial-gradient(ellipse 50% 40% at 20% 30%,#8b5cf61f 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.model-upload-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0a0f1ef2;border:1px solid #6366f133;border-radius:24px;box-shadow:0 32px 120px #0009,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;gap:32px;max-width:900px;padding:48px;position:relative;width:100%;z-index:1}.onboarding-logo{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.onboarding-logo span{color:#6366f1;font-weight:700}.onboarding-steps{background:#6366f10d;border:1px solid #6366f11a;border-radius:16px;gap:8px;justify-content:space-between;margin-bottom:24px;padding:20px}.ob-step,.onboarding-steps{align-items:center;display:flex}.ob-step{flex:1 1;flex-direction:column;gap:6px;position:relative}.ob-step-dot{align-items:center;background:#6366f11a;border:2px solid #6366f14d;border-radius:50%;color:#64748b;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .3s;width:36px}.ob-step.active .ob-step-dot{background:#6366f1;border-color:#6366f1;box-shadow:0 0 20px #6366f166;color:#fff}.ob-step.done .ob-step-dot{background:#10b981;border-color:#10b981;color:#fff}.ob-step span{color:#64748b;font-size:11px;font-weight:600;text-align:center;transition:color .3s}.ob-step.active span{color:#6366f1}.ob-step.done span{color:#10b981}.ob-step-line{background:#6366f133;height:2px;left:50%;position:absolute;right:-50%;top:18px;transition:background .3s}.ob-step-line.done{background:#10b981}.onboarding-step{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;gap:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-step h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:800;margin:0}.ob-subtitle{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.drop-zone{background:#6366f108;border:2px dashed #6366f166;border-radius:16px;cursor:pointer;overflow:hidden;padding:64px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.drop-zone:before{background:radial-gradient(circle at center,#6366f11a 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.drop-zone.drag-over,.drop-zone:hover{background:#6366f114;border-color:#6366f1;box-shadow:0 0 40px #6366f126}.drop-zone.drag-over:before{opacity:1}.drop-zone.has-file{background:#10b9810d;border-color:#10b981}.drop-zone.has-file:hover{box-shadow:0 0 40px #10b98126}.dz-icon{display:inline-block;font-size:56px;margin-bottom:16px;transition:transform .3s}.drop-zone:hover .dz-icon{transform:scale(1.1)}.dz-icon.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dz-title{color:#e2e8f0;font-size:18px;font-weight:700;margin-bottom:8px}.dz-hint{color:#7a8899;font-size:13px;margin:0}.upload-tips{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f133;border-radius:14px;padding:20px 24px}.upload-tips h4{align-items:center;color:#a5b4fc;display:flex;font-size:13px;font-weight:700;gap:6px;margin:0 0 12px}.upload-tips ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.upload-tips li{color:#7a8899;font-size:12px;line-height:1.5;padding-left:20px;position:relative}.upload-tips li:before{color:#6366f1;content:"✓";font-weight:700;left:0;position:absolute}.upload-tips code{background:#6366f133;border-radius:4px;color:#a5b4fc;font-family:Courier New,monospace;font-size:11px;padding:2px 8px}.tree-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ts-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#94a3b8;font-size:12px;font-weight:600;padding:6px 14px;transition:all .3s}.ts-item:hover{background:#ffffff0f;border-color:#ffffff1f}.ts-item.selected{background:#10b9811a;border-color:#10b98166;color:#10b981}.scene-tree{background:#0000004d;border:1px solid #ffffff14;border-radius:14px;max-height:450px;overflow-y:auto;padding:12px;scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.scene-tree::-webkit-scrollbar{width:6px}.scene-tree::-webkit-scrollbar-track{background:#0000}.scene-tree::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.scene-tree::-webkit-scrollbar-thumb:hover{background:#6366f180}.tree-node{align-items:center;border-left:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;transition:all .15s}.tree-node:hover{background:#ffffff0a}.tree-node.selected{background:#6366f126;border-left-color:#6366f1}.tree-node.has-mesh{color:#e2e8f0}.tree-node:not(.has-mesh){color:#475569;cursor:default;opacity:.6}.tn-expand{color:#475569;flex-shrink:0;font-size:10px;width:12px}.tn-icon{flex-shrink:0;font-size:14px}.tn-name{flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-type{background:#ffffff0f;border-radius:4px;color:#475569;flex-shrink:0;font-size:9px;padding:2px 8px}.tn-meta{display:flex;flex-shrink:0;gap:6px}.tn-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 8px}.tn-badge.mesh{background:#6366f126;color:#a5b4fc}.tn-badge.child{background:#ffffff0f;color:#64748b}.tree-node input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:16px;width:16px}.config-step{max-height:70vh;overflow-y:auto}.machines-config{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.machine-config-card{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;padding:16px;transition:all .3s}.machine-config-card:hover{background:#6366f114;border-color:#6366f140}.machine-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.machine-config-header h4{color:#e2e8f0;font-size:14px;font-weight:700;margin:0}.btn-remove{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;cursor:pointer;font-size:12px;font-weight:700;height:24px;transition:all .3s;width:24px}.btn-remove:hover{background:#ef444433;border-color:#ef444466}.mch-node-badge{background:#6366f126;color:#a5b4fc;font-family:monospace;padding:4px 10px}.mch-node-badge,.mch-type-badge{border-radius:4px;font-size:11px;font-weight:600}.mch-type-badge{background:#10b98126;color:#34d399;margin-left:8px;padding:3px 8px}.mapping-pos{color:#475569;font-size:11px;margin-top:8px}.form-group{margin-bottom:12px}.form-group label{color:#cbd5e1;display:block;font-size:12px;margin-bottom:6px}.input{background:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;font-size:13px;padding:8px 12px;transition:all .3s;width:100%}.input:hover{border-color:#ffffff26}.input:focus{background:#6366f10d;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.sensors-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.checkbox-inline{align-items:center;background:#0003;border:1px solid #ffffff14;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 10px;transition:all .3s}.checkbox-inline:hover{background:#6366f114;border-color:#6366f133}.checkbox-inline input[type=checkbox]{accent-color:#6366f1;cursor:pointer}.checkbox-inline input[type=checkbox]:checked+span{color:#a5b4fc;font-weight:600}.summary-box{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.summary-item{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.summary-label{color:#94a3b8;font-size:12px;font-weight:600}.summary-value{color:#e2e8f0;font-size:13px;font-weight:600;text-align:right}.machines-summary{display:flex;flex-direction:column;gap:8px;width:100%}.machine-summary-item{align-items:center;background:#0003;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.machine-name{color:#e2e8f0}.machine-type{background:#6366f11a;border-radius:3px;color:#7a8899;font-size:11px;padding:2px 6px}.machine-sensors{color:#94a3b8;font-size:11px}.onboarding-actions{display:flex;gap:12px;margin-top:12px}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 24px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #6366f166;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#ffffff14;border:1px solid #ffffff1f;color:#cbd5e1}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.error-msg{animation:slideDown .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:13px;font-weight:500;padding:12px 16px}[data-theme=light] .model-upload-page{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#f1f5f9)}[data-theme=light] .model-upload-card{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #00000014}[data-theme=light] .onboarding-step h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text}[data-theme=light] .ob-subtitle{color:#64748b}[data-theme=light] .drop-zone{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .drop-zone.drag-over,[data-theme=light] .drop-zone:hover{background:#6366f10a;border-color:#6366f1}[data-theme=light] .dz-title{color:#0f172a}[data-theme=light] .scene-tree{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .tree-node.has-mesh{color:#0f172a}[data-theme=light] .tree-node:hover{background:#00000008}[data-theme=light] .tree-node.selected{background:#6366f114}[data-theme=light] .upload-tips{background:#6366f10a;border-color:#6366f11f}[data-theme=light] .ts-item{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}[data-theme=light] .input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .input:focus{background:#6366f10a;border-color:#6366f1}.custom-3d-viewer-page{background:#0a0a14;color:#e5e7eb;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.page-header{background:linear-gradient(135deg,#3b82f60a,#7c3aed0a);border-bottom:1px solid #ffffff14;padding:16px 24px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:20px}.badge-green{align-items:center;background:#10b98126;border:1px solid #10b9814d;display:inline-flex;font-size:11px;gap:6px}.btn-mini{background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:11px;font-weight:600;padding:6px 14px;transition:all .2s}.btn-mini:hover{background:#7c3aed4d;border-color:#a78bfa;color:#fff}.viewer-container{flex:1 1;overflow:hidden;position:relative}.entity-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a14eb;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:calc(100% - 32px);overflow-y:auto;padding:14px;position:absolute;right:16px;top:16px;width:240px;z-index:10}.entity-overlay h3{color:#a78bfa;font-size:13px;font-weight:700;margin:0 0 10px}.entity-list{display:flex;flex-direction:column;gap:6px}.entity-item{align-items:center;background:#3b82f60f;border:1px solid #3b82f61f;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .2s}.entity-item:hover{background:#3b82f61f;border-color:#3b82f64d;transform:translateX(2px)}.entity-item.selected{background:#7c3aed40;border-color:#a78bfa}.entity-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:8px;width:8px}.entity-name{color:#e5e7eb;flex:1 1;font-size:11px;font-weight:600}.badge{border-radius:3px;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.badge-active{background:#10b98140;color:#10b981}.badge-warning{background:#f59e0b40;color:#f59e0b}.badge-error{background:#ef444440;color:#ef4444}.detail-panel{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a14f0;border:1px solid #ffffff14;border-radius:12px;bottom:16px;box-shadow:0 8px 32px #00000080;left:16px;max-height:480px;overflow:hidden;position:absolute;width:300px;z-index:11}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panel-header{background:linear-gradient(135deg,#3b82f61a,#7c3aed1a);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 14px}.panel-header h3{color:#e5e7eb;font-size:14px;font-weight:700;margin:0}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:2px;transition:color .2s}.close-btn:hover{color:#ef4444}.panel-body{max-height:430px;overflow-y:auto;padding:14px}.detail-group{margin-bottom:12px}.detail-group:last-child{margin-bottom:0}.detail-group label{color:#9ca3af;display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#e5e7eb;font-size:13px;font-weight:500}.entity-overlay::-webkit-scrollbar,.panel-body::-webkit-scrollbar{width:4px}.entity-overlay::-webkit-scrollbar-track,.panel-body::-webkit-scrollbar-track{background:#0000}.entity-overlay::-webkit-scrollbar-thumb,.panel-body::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}@media (max-width:768px){.entity-overlay{right:8px;top:8px;width:200px}.detail-panel{bottom:8px;left:8px;width:240px}.page-header{flex-wrap:wrap;padding:12px 16px}.page-header h1{font-size:16px}}.hotspot-popup{animation:hpFadeIn .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a16f2;border:1px solid #7c3aed59;border-radius:14px;box-shadow:0 12px 40px #000000b3,0 0 20px #7c3aed26;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;width:260px}@keyframes hpFadeIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hp-header{background:linear-gradient(135deg,#3b82f614,#7c3aed14);border-bottom:1px solid #ffffff0f;padding:10px 12px 8px}.hp-title-row{align-items:center;display:flex;justify-content:space-between}.hp-name{color:#fff;font-size:13px;font-weight:700}.hp-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0 2px;transition:color .2s}.hp-close:hover{color:#ef4444}.hp-meta{align-items:center;display:flex;gap:8px;margin-top:4px}.hp-type{color:#9ca3af;font-size:10px;text-transform:capitalize}.hp-status{border:1px solid;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px}.hp-risk-section{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:10px 12px}.hp-risk-gauge{flex-shrink:0;height:64px;position:relative;width:64px}.hp-risk-value{font-family:monospace;font-size:15px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hp-risk-info{flex:1 1;min-width:0}.hp-risk-label{color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hp-risk-level{font-size:14px;font-weight:800;margin:1px 0}.hp-rul{color:#9ca3af;font-size:10px}.hp-rul strong{color:#e5e7eb}.hp-alert-count{align-items:center;color:#fbbf24;display:flex;flex-direction:column;flex-shrink:0;font-size:10px;font-weight:600;gap:2px}.hp-sensors{max-height:200px;overflow-y:auto;padding:8px 12px 10px}.hp-section-title{color:#a78bfa;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.hp-sensor-row{margin-bottom:6px}.hp-sensor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.hp-sensor-name{color:#d1d5db;font-size:10px;font-weight:500}.hp-sensor-val{font-family:monospace;font-size:10px;font-weight:700}.hp-sensor-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:visible;position:relative}.hp-sensor-fill{border-radius:2px;height:100%;transition:width .5s ease}.hp-sensor-warn-line{background:#fbbf2480;left:80%}.hp-sensor-crit-line,.hp-sensor-warn-line{height:6px;position:absolute;top:-1px;width:1px}.hp-sensor-crit-line{background:#f8717180;left:95%}.hp-sensor-range{color:#6b7280;font-size:8px;margin-top:1px}.hp-sensors::-webkit-scrollbar{width:3px}.hp-sensors::-webkit-scrollbar-track{background:#0000}.hp-sensors::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.hotspot-legend{border-bottom:1px solid #ffffff0f;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.hl-item{align-items:center;color:#9ca3af;display:flex;font-size:9px;font-weight:600;gap:4px}.hl-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.btn-mini-active{background:#7c3aed59!important;border-color:#a78bfa!important;color:#fff!important}.grafana-page{margin:0 auto;max-width:1400px;padding:32px 40px}.page-header{flex-wrap:wrap}.embed-notice{align-items:flex-start;background:#1a1500;border-left:4px solid #fbbf24;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.notice-icon{flex-shrink:0;font-size:22px}.notice-body{color:#d1d5db;flex:1 1;font-size:13px;line-height:1.6}.notice-body strong{color:#fbbf24}.notice-body code{background:#0d1b2e;border-radius:4px;color:#00d4ff;font-size:12px;padding:2px 6px}.panels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.panel-card{cursor:pointer;transition:all .2s}.panel-card.active{border-color:#00d4ff;grid-column:span 3}.panel-header{align-items:center;display:flex;gap:10px}.panel-type-icon{font-size:20px}.panel-title{flex:1 1;font-size:14px;font-weight:600}.panel-type-badge{font-size:11px;font-weight:700;text-transform:uppercase}.panel-actions{margin-top:12px}.panel-link{border:1px solid #00d4ff33;border-radius:6px;color:#00d4ff;display:inline-block;font-size:13px;padding:6px 14px;transition:all .2s}.panel-link:hover{background:#00d4ff22}.panel-iframe-wrap{border-radius:8px;height:400px;margin-top:16px;overflow:hidden}.panel-iframe{background:#0a0e1a;border:none;height:100%;width:100%}.grafana-links h3{font-size:16px}.links-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.quick-link{color:#00d4ff;font-size:13px;padding:10px 18px;text-decoration:none;white-space:nowrap}.quick-link:hover{border-color:#00d4ff}.enable-embed-box{background:#0d1b2e;border-radius:8px;padding:20px}.enable-embed-box h4{color:#fbbf24;font-size:14px;margin-bottom:8px}.enable-embed-box p{color:#9ca3af;font-size:13px;margin-bottom:10px}.enable-embed-box pre{background:#060a12;border-radius:6px;color:#34d399;font-size:12px;line-height:1.8;overflow-x:auto;padding:16px}.reports-page{margin:0 auto;max-width:1400px;padding:32px 40px}.reports-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.reports-empty-icon{font-size:56px;margin-bottom:16px;opacity:.6}.reports-empty h2{color:#e5e7eb;font-size:22px;margin-bottom:8px}.reports-empty p{font-size:14px}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.reports-header-left{align-items:center;display:flex;gap:14px}.reports-header-left h1{color:#f3f4f6;font-size:26px;font-weight:700}.reports-twin-badge{background:#7c3aed26;border:1px solid #7c3aed59;border-radius:20px;color:#c4b5fd;font-size:12px;font-weight:600;padding:5px 14px}.reports-format-toggle{background:#0f172a;border:1px solid #1e293b;border-radius:8px;display:flex;overflow:hidden}.fmt-btn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.fmt-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.fmt-btn:hover:not(.active){color:#e2e8f0}.reports-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:28px}.reports-kpi{align-items:center;background:#0d1117;border:1px solid #1e293b;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:16px 8px;transition:border-color .2s}.reports-kpi:hover{border-color:#334155}.rk-icon{font-size:20px}.rk-value{font-size:22px;font-weight:700}.rk-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.report-card{background:#0d1117;border:1px solid #1e293b;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:border-color .25s,box-shadow .25s}.report-card:hover{border-color:#6366f1;border-color:var(--accent,#6366f1);box-shadow:0 0 20px #6366f114}.rc-accent{background:#6366f1;background:var(--accent,#6366f1);height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.rc-top{align-items:flex-start;display:flex;gap:14px;margin-bottom:18px}.rc-icon{align-items:center;background:#6366f11a;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.rc-info h3{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:4px}.rc-info p{color:#64748b;font-size:12.5px;line-height:1.4}.rc-stats{background:#0a0f1a;border:1px solid #1a2332;border-radius:8px;display:flex;gap:20px;margin-bottom:18px;padding:12px 16px}.rc-stat{align-items:center;display:flex;flex:1 1;flex-direction:column}.rc-stat-val{color:#a78bfa;color:var(--accent,#a78bfa);font-size:18px;font-weight:700}.rc-stat-lbl{color:#64748b;font-size:10px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.fmt-badge{background:#6366f133;border-radius:4px;color:#a5b4fc!important;font-size:12px!important;padding:2px 8px}.rc-actions{display:flex;gap:10px}.rc-download-btn,.rc-preview-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.rc-preview-btn{background:#1e293b;color:#94a3b8}.rc-preview-btn:hover{background:#334155;color:#e2e8f0}.rc-download-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.rc-download-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.rc-download-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.rc-preview{animation:slideDown .2s ease-out;border-top:1px solid #1e293b;margin-top:16px;padding-top:14px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.rc-preview-scroll{border:1px solid #1a2332;border-radius:8px;overflow-x:auto}.rc-preview table{border-collapse:collapse;font-size:11.5px;white-space:nowrap;width:100%}.rc-preview th{background:#0a0f1a;border-bottom:1px solid #1e293b;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0}.rc-preview td{border-bottom:1px solid #111827;color:#cbd5e1;padding:7px 12px}.rc-preview tr:last-child td{border-bottom:none}.rc-preview tr:hover td{background:#6366f10a}.cell-red{color:#f87171;font-weight:600}.cell-yellow{color:#fbbf24;font-weight:600}.cell-green{color:#34d399;font-weight:600}.rc-preview-more{color:#475569;font-size:11px;padding:10px 0 0;text-align:center}.reports-history{background:#0d1117;border:1px solid #1e293b;border-radius:12px;padding:24px}.reports-history h3{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:16px}.rh-list{display:flex;flex-direction:column;gap:10px}.rh-item{align-items:center;background:#0a0f1a;border:1px solid #1a2332;border-radius:8px;display:flex;gap:14px;padding:12px 16px;transition:border-color .2s}.rh-item:hover{border-color:#334155}.rh-icon{align-items:center;background:#6366f11a;border-radius:8px;color:#a5b4fc;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.rh-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rh-name{color:#00d4ff;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rh-meta{color:#475569;font-size:11px}.rh-redownload{background:#1e293b;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.rh-redownload:hover{background:#334155;color:#e2e8f0}@media (max-width:1100px){.reports-kpis{grid-template-columns:repeat(3,1fr)}.reports-grid{grid-template-columns:1fr}}@media (max-width:768px){.reports-page{padding:20px 16px}.reports-kpis{grid-template-columns:repeat(2,1fr)}.reports-header{align-items:flex-start}.rc-actions,.reports-header{flex-direction:column}.rh-item{flex-wrap:wrap}}.settings-page{margin:0 auto;max-width:1400px;padding:32px 40px}.page-header{gap:16px}.page-header h1{font-size:28px;font-weight:700}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.settings-card h3{font-size:16px;margin-bottom:20px}.config-table{border-collapse:collapse;width:100%}.config-table tr{border-bottom:1px solid #1f2937}.config-table tr:last-child{border-bottom:none}.config-key{color:#9ca3af;vertical-align:middle;width:40%}.config-key,.config-val{font-size:13px;padding:10px 0}.config-val{align-items:center;display:flex;gap:8px}.config-val code{background:#0d1b2e;border-radius:4px;color:#00d4ff;font-size:12px;padding:3px 8px;word-break:break-all}.copy-btn{border:none;font-size:14px;opacity:.6;transition:opacity .2s}.copy-btn:hover{opacity:1}.health-list{display:flex;flex-direction:column;gap:12px}.health-item{align-items:center;background:#0d1b2e;border-radius:8px;display:flex;gap:12px;padding:12px}.health-dot{flex-shrink:0;font-size:18px}.health-info{flex:1 1}.health-name{font-size:14px;font-weight:600;margin-bottom:2px}.health-url{color:#4b5563;font-size:11px;word-break:break-all}.health-status{flex-shrink:0}.links-grid{display:flex;flex-direction:column;gap:10px}.link-card{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-decoration:none}.link-card:hover{border-color:#00d4ff}.link-icon{font-size:20px}.env-list{flex-direction:column}.env-item,.env-list{display:flex;gap:12px}.env-item{align-items:center;background:#0d1b2e;border-radius:8px;padding:10px}.env-icon{font-size:20px}.env-label{color:#9ca3af;font-size:13px;width:120px}.env-value{color:#00d4ff;font-size:13px;font-weight:600}.limit-chip{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.chip-warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.chip-blocked{background:#f8717126;border:1px solid #f871714d;color:#f87171}.limit-banner{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.banner-warning{background:#fbbf2414;border:1px solid #fbbf244d}.banner-blocked{background:#f8717114;border:1px solid #f871714d}.lb-left{align-items:flex-start;display:flex;flex:1 1;gap:12px}.lb-icon{flex-shrink:0;font-size:20px}.lb-title{color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px}.lb-reason{color:var(--text-muted);font-size:12px}.lb-upgrade-btn{background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .2s;white-space:nowrap}.lb-upgrade-btn:hover{opacity:.85}.usage-bar-row{margin-bottom:16px}.ubr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ubr-label{color:var(--text-muted);font-size:13px}.ubr-value{font-size:13px;font-weight:600}.ubr-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.ubr-fill{border-radius:4px;height:100%;transition:width .5s ease}.ubr-hint{font-size:11px;margin-top:4px}.upgrade-modal{animation:modalIn .2s ease;max-width:420px;padding:32px;text-align:center;width:90%}.um-icon{font-size:40px;margin-bottom:12px}.upgrade-modal h3{font-size:20px;margin-bottom:8px}.upgrade-modal p{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:20px}.um-next-plan{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:16px;text-align:left}.um-plan-name{font-size:16px;font-weight:700;margin-bottom:10px}.um-features{display:flex;flex-direction:column;gap:6px;list-style:none}.um-features li{color:var(--text-muted);font-size:13px}.um-actions{gap:10px}.modal-overlay,.um-actions{display:flex;justify-content:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed;z-index:1000}.modal-card{animation:modalIn .2s ease;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;max-width:560px;padding:28px;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:var(--text);font-size:18px}.modal-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.modal-close:hover{background:var(--border);color:var(--text)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group .optional{font-size:11px;font-weight:400;text-transform:none}.form-group input,.form-group select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group.has-error input,.form-group.has-error select{border-color:#f87171}.field-error{font-size:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.sensors-panel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.sensors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sensors-header h4{color:var(--text-muted);font-size:14px}.btn-add-sensor{background:none;border:1px dashed var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.btn-add-sensor:hover{background:#00d4ff1a}.sensors-empty{color:var(--text-dim);font-size:13px;padding:8px 0}.sensor-list{display:flex;flex-direction:column;gap:8px}.sensor-row{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:border-color .2s}.sensor-row:hover{border-color:var(--accent)}.sensor-row.sensor-alert{background:#f871710d;border-color:#f87171}.sensor-icon{font-size:18px}.sensor-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.sensor-name{color:var(--text);font-size:14px;font-weight:600}.sensor-meta{color:var(--text-muted);font-size:11px;text-transform:capitalize}.sensor-thresholds{align-items:flex-end;color:var(--text-muted);display:flex;flex-direction:column;font-size:12px;gap:2px}.val-alert,.val-ok{font-weight:600}.val-alert{color:#f87171}.sensor-delete{background:none;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:14px;padding:4px 6px;transition:color .2s,background .2s}.sensor-delete:hover{background:#f871711a;color:#f87171}.sensor-add-form{background:var(--bg);border:1px dashed var(--accent);border-radius:10px;margin-top:12px;padding:16px}.sensor-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.sensor-form-group{display:flex;flex-direction:column;gap:4px}.sensor-form-group label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.sensor-form-group input,.sensor-form-group select{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none;padding:8px 10px}.sensor-form-group input:focus,.sensor-form-group select:focus{border-color:var(--accent)}.sensor-form-group.has-error input,.sensor-form-group.has-error select{border-color:#f87171}.field-error{color:#f87171;font-size:11px}.sensor-form-actions{display:flex;gap:10px;justify-content:flex-end}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:slideIn .25s ease;border-radius:10px;box-shadow:0 4px 20px #0006;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:380px;min-width:260px;padding:12px 18px}.toast-success{background:#064e3b;border:1px solid #065f46;color:#34d399}.toast-error{background:#450a0a;border:1px solid #7f1d1d;color:#f87171}.toast-info{background:#1e3a5f;border:1px solid #1d4ed8;color:#60a5fa}.machines-page{margin:0 auto;max-width:1200px;padding:24px}.page-header{align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:24px;margin-bottom:4px}.page-subtitle{color:var(--text-muted);font-size:13px}.header-actions{align-items:center;display:flex;gap:12px}.demo-badge{background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:20px;color:#a78bfa;font-size:12px;font-weight:600;padding:6px 14px}.machines-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-input{background:var(--bg);border-radius:8px;color:var(--text);font-size:14px;min-width:260px;outline:none;padding:10px 14px}.search-input:focus{border-color:var(--accent)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:var(--bg);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 14px;text-transform:capitalize;transition:all .2s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#0a0e1a;font-weight:600}.machines-empty{margin-bottom:20px;padding:60px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.machines-empty h3{font-size:20px;margin-bottom:8px}.machines-empty p{color:var(--text-muted);margin-bottom:24px}.machines-list{display:flex;flex-direction:column;gap:12px}.machine-card{cursor:default;overflow:hidden;padding:0}.machine-card:hover{border-color:var(--accent);transform:none}.machine-card-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:18px 20px;transition:background .2s}.machine-card-header:hover{background:var(--card-hover)}.machine-icon{flex-shrink:0;font-size:28px}.machine-info{flex:1 1;min-width:0}.machine-name{color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.machine-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.machine-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.sensor-count{color:var(--text-muted);font-size:12px}.machine-actions{display:flex;gap:6px}.action-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:5px 8px;transition:all .2s}.action-btn:hover{background:#00d4ff1a;border-color:var(--accent)}.action-btn.danger:hover{background:#f871711a;border-color:#f87171}.expand-chevron{color:var(--text-dim);font-size:11px}.confirm-dialog{max-width:400px;width:90%}.confirm-dialog h3{margin-bottom:12px}.confirm-dialog p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.btn-danger{background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;color:#f87171;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#991b1b}.device-connect-page{margin:0 auto;max-width:900px;padding:24px}.steps-bar{gap:0;margin-bottom:24px;overflow:hidden;padding:16px 24px}.step-item,.steps-bar{align-items:center;display:flex}.step-item{border-radius:8px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;gap:10px;padding:8px 12px;transition:background .2s}.step-item:hover{background:var(--card-hover)}.step-item.active{color:var(--accent)}.step-item.done{color:#34d399}.step-num{align-items:center;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.step-item.active .step-num{background:var(--accent);border-color:var(--accent);color:#0a0e1a}.step-item.done .step-num{background:#34d399;border-color:#34d399;color:#0a0e1a}.step-content{padding:32px}.step-content h2{font-size:20px;margin-bottom:8px}.step-desc{color:var(--text-muted);font-size:14px;margin-bottom:24px}.step-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.machine-select-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:8px}.machine-select-card{border:2px solid var(--border);border-radius:10px;cursor:pointer;padding:16px;transition:all .2s}.machine-select-card:hover{border-color:var(--accent)}.machine-select-card.selected{background:#00d4ff14;border-color:var(--accent)}.msc-name{font-weight:600;margin-bottom:4px}.msc-meta{color:var(--text-muted);font-size:12px;margin-bottom:6px}.msc-sensors{color:var(--accent);font-size:12px}.no-machines{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:14px;margin-bottom:16px;padding:20px}.cred-grid{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.cred-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:12px 0}.cred-row:last-child{border-bottom:none}.cred-label{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600;text-transform:uppercase;width:140px}.cred-value{color:var(--text);flex:1 1;font-size:13px;word-break:break-all}.cred-value.mono{color:var(--accent);font-family:Courier New,monospace}.cred-actions{display:flex;gap:6px}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:background .2s}.icon-btn:hover{background:var(--border)}.info-box{background:#60a5fa14;border:1px solid #60a5fa40;border-radius:8px;font-size:13px;padding:16px}.info-box strong{color:#60a5fa;display:block;margin-bottom:6px}.info-box p{color:var(--text-muted);line-height:1.6}.payload-header{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.copy-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.payload-block{background:#0a0e1a;border:1px solid var(--border);border-radius:8px;color:#a5f3fc;font-family:Courier New,monospace;font-size:12px;line-height:1.6;margin-bottom:24px;overflow-x:auto;padding:16px;white-space:pre}.sdk-section h3{font-size:15px;margin-bottom:10px}.live-dashboard{margin:0 auto;max-width:1400px;padding:24px}.live-indicator{align-items:center;display:flex;gap:8px}.pulse-ring{animation:pulse 1.5s infinite;background:#34d399;border-radius:50%;box-shadow:0 0 0 0 #34d39999;height:10px;width:10px}@keyframes pulse{0%{box-shadow:0 0 0 0 #34d39999}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 0 0 #34d39900}}.live-label{color:#34d399;font-size:11px;font-weight:700;letter-spacing:1.5px}.fleet-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.fleet-kpi{align-items:center;display:flex;flex-direction:column;gap:4px;padding:16px 12px;text-align:center}.fkpi-icon{font-size:20px}.fkpi-value{font-size:22px;font-weight:700}.fkpi-label{color:var(--text-muted);font-size:11px}.live-body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 300px}.machines-telemetry{display:flex;flex-direction:column;gap:16px}.machine-telem-card{overflow:hidden;padding:0;transition:border-color .3s}.machine-telem-card.status-active{border-color:#34d3994d}.machine-telem-card.status-idle{border-color:#fbbf244d}.machine-telem-card.status-offline{border-color:#f871714d;opacity:.7}.mtc-header{background:var(--card-hover);border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 18px}.mtc-header,.mtc-title{align-items:center;display:flex}.mtc-title{font-size:15px;gap:10px}.mtc-type{color:var(--text-muted);font-size:12px;font-weight:400}.mtc-meta{align-items:center;display:flex;font-size:12px;gap:10px}.mtc-location{color:var(--text-muted)}.mtc-alert-badge{background:#f9731626;border:1px solid #f973164d;border-radius:10px;color:#f97316;font-size:11px;font-weight:600;padding:2px 8px}.heartbeat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot-active{animation:pulse 2s infinite;background:#34d399}.dot-idle{background:#fbbf24}.dot-offline{background:#f87171}.sensor-telem-grid{padding:8px 0}.sensor-telem-row{grid-gap:12px;align-items:center;border-left:3px solid #0000;cursor:pointer;display:grid;gap:12px;grid-template-columns:200px 1fr 160px;padding:10px 18px;transition:background .15s}.sensor-telem-row:hover{background:var(--card-hover)}.sensor-telem-row.status-warning{border-left-color:#fbbf24}.sensor-telem-row.status-critical{background:#f871710a;border-left-color:#f87171}.str-left{align-items:center;display:flex;gap:10px}.str-icon{flex-shrink:0;font-size:18px}.str-info{display:flex;flex-direction:column;gap:2px}.str-name{color:var(--text);font-size:13px;font-weight:600}.str-type{color:var(--text-muted);font-size:11px;text-transform:capitalize}.str-sparkline{height:36px}.str-right{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.str-value{font-family:Courier New,monospace;font-size:16px;font-weight:700}.val-ok{color:#34d399}.val-warning{color:#fbbf24}.val-critical{color:#f87171}.str-range{color:var(--text-dim);font-size:10px}.str-badge{font-size:10px;padding:2px 6px}.no-sensors-msg{color:var(--text-dim);font-size:13px;padding:16px 18px}.expanded-chart{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:0 18px 16px;padding:16px}.expanded-chart-header{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:12px}.close-chart{background:none;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:14px;padding:2px 6px}.close-chart:hover{background:var(--border);color:var(--text)}.alert-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;position:sticky;top:80px}.alert-sidebar-header{background:var(--card-hover);border-bottom:1px solid var(--border);padding:14px 16px}.alert-sidebar-header h3{font-size:14px;margin-bottom:10px}.alert-sidebar-actions{align-items:center;display:flex;gap:8px}.alert-filter-select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);flex:1 1;font-size:12px;outline:none;padding:4px 8px}.alert-feed-list{flex:1 1;overflow-y:auto;padding:8px}.no-alerts{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:32px 16px;text-align:center}.no-alerts span{font-size:28px}.alert-feed-item{border-left:3px solid #0000;border-radius:8px;font-size:12px;margin-bottom:8px;padding:10px 12px}.alert-feed-item.sev-critical{background:#f8717114;border-left-color:#f87171}.alert-feed-item.sev-warning{background:#fbbf2414;border-left-color:#fbbf24}.afi-top{display:flex;justify-content:space-between;margin-bottom:4px}.afi-sev{font-size:11px;font-weight:700}.afi-time{color:var(--text-dim);font-size:10px}.afi-machine{color:var(--text);font-weight:600;margin-bottom:2px}.afi-detail{margin-bottom:6px}.afi-ack,.afi-detail{color:var(--text-muted)}.afi-ack{background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:11px;padding:3px 8px;transition:all .2s}.afi-ack:hover{border-color:#34d399;color:#34d399}@media (max-width:1100px){.live-body{grid-template-columns:1fr}.alert-sidebar{max-height:400px;position:static}.fleet-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.sensor-telem-row{grid-template-columns:1fr 80px}.str-sparkline{display:none}.fleet-kpis{grid-template-columns:repeat(2,1fr)}}.afi-ack,.afi-ticket{border:1px solid;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px;transition:opacity .15s}.afi-ack{background:#0000;border-color:#4b5563;color:#9ca3af}.afi-ticket{background:#0000;border-color:#60a5fa44;color:#60a5fa;margin-left:4px}.afi-ack:hover,.afi-ticket:hover{opacity:.7}.billing-page{margin:0 auto;max-width:1100px;padding:24px}.billing-top{grid-gap:20px;display:grid;gap:20px;grid-template-columns:360px 1fr;margin-bottom:20px}.current-plan-card{padding:24px}.cp-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.cp-label{color:var(--text-muted);font-size:11px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.cp-name{font-size:28px;font-weight:700;margin-bottom:4px}.cp-price{color:var(--text-muted);font-size:16px}.cp-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.cp-features{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px}.cp-feature{color:var(--text-muted);font-size:13px}.cp-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.cp-renewal{color:var(--text-muted);font-size:13px}.cp-upgrade-btn{font-size:13px;padding:8px 16px}.usage-card{padding:24px}.usage-bars,.usage-card h3{margin-bottom:20px}.usage-meta{display:flex;flex-direction:column;gap:12px}.um-item{align-items:center;color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between}.um-channels{display:flex;flex-wrap:wrap;gap:6px}.channel-chip{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.chip-active{background:#34d39926;border:1px solid #34d3994d;color:#34d399}.chip-inactive{background:var(--bg);border:1px solid var(--border);color:var(--text-dim)}.plan-comparison{padding:24px}.plan-comparison,.plan-comparison h3{margin-bottom:20px}.plan-grid-compare{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.plan-compare-card{border:2px solid var(--border);border-radius:12px;padding:20px;position:relative;transition:border-color .2s}.plan-compare-card:hover{border-color:var(--accent)}.plan-compare-card.plan-current{border-width:2px}.plan-current-badge{border-radius:0 0 8px 8px;color:#0a0e1a;font-size:11px;font-weight:700;padding:3px 10px;position:absolute;right:16px;top:-1px}.pcc-name{font-size:20px;font-weight:700;margin-bottom:4px}.pcc-price{color:var(--text-muted);font-size:14px;margin-bottom:16px}.pcc-limits{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.limit-row{display:flex;font-size:12px;justify-content:space-between}.lr-label{color:var(--text-muted)}.lr-value{color:var(--text);font-weight:600}.pcc-action{margin-top:auto}.pcc-btn{font-size:13px;padding:10px;width:100%}.btn-current{background:var(--border);border:none;border-radius:8px;cursor:not-allowed}.btn-current,.btn-downgrade{color:var(--text-muted);font-size:13px;padding:10px;width:100%}.btn-downgrade{background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.btn-downgrade:hover{border-color:#f87171;color:#f87171}.invoices-card{margin-bottom:20px;padding:24px}.invoices-card h3{margin-bottom:16px}.invoice-table{border-collapse:collapse;font-size:13px;width:100%}.invoice-table th{color:var(--text-muted);font-size:11px;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.invoice-table td,.invoice-table th{border-bottom:1px solid var(--border)}.invoice-table td{color:var(--text);padding:12px}.invoice-table tr:last-child td{border-bottom:none}.invoice-table tr:hover td{background:var(--card-hover)}.invoice-note{color:var(--text-muted);font-size:12px;margin-top:16px}.confirm-plan-modal{animation:modalIn .2s ease;max-width:480px;padding:28px;width:90%}.confirm-plan-modal h3{font-size:20px;margin-bottom:10px}.confirm-plan-modal p{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:20px}.plan-change-summary{align-items:center;background:var(--bg);border-radius:10px;display:flex;gap:20px;justify-content:center;margin-bottom:16px;padding:20px}.pcs-from,.pcs-to{text-align:center}.pcs-label{color:var(--text-muted);font-size:11px;margin-bottom:4px;text-transform:uppercase}.pcs-name{font-size:18px;font-weight:700;margin-bottom:2px}.pcs-price{color:var(--text-muted);font-size:13px}.pcs-arrow{color:var(--text-dim);font-size:24px}.downgrade-warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:13px;margin-bottom:16px;padding:12px 16px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media (max-width:900px){.billing-top,.plan-grid-compare{grid-template-columns:1fr}}.drawer-overlay{background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.ticket-drawer{animation:slideIn .22s ease;background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100vh;max-width:95vw;overflow:hidden;width:480px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 24px 16px;position:relative}.drawer-title-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.drawer-ticket-id{color:var(--text-muted);font-family:monospace;font-size:12px}.drawer-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 8px;padding-right:32px}.drawer-meta-row{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.drawer-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;position:absolute;right:16px;top:16px;transition:color .15s}.drawer-close:hover{color:var(--text-primary)}.drawer-body{flex:1 1;overflow-y:auto;padding:0 24px 24px}.drawer-section{border-bottom:1px solid var(--border);padding:16px 0}.drawer-section:last-child{border-bottom:none}.drawer-section h4{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.drawer-desc{color:var(--text-secondary)}.drawer-desc,.drawer-resolution{font-size:13px;line-height:1.6;margin:0}.drawer-resolution{background:#34d39914;border-left:3px solid #34d399;border-radius:6px;color:#34d399;padding:10px 12px}.drawer-select{background:var(--bg-secondary);background:var(--bg-input,var(--bg-secondary));border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:8px 12px;width:100%}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.drawer-action-btn{background:#0000;border:1px solid;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .15s}.drawer-action-btn:hover{opacity:.75}.drawer-resolve-form{background:#34d3990a;border-radius:8px;padding:12px}.drawer-textarea{background:var(--bg-secondary);background:var(--bg-input,var(--bg-secondary));border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;resize:vertical;width:100%}.drawer-resolve-actions{display:flex;gap:8px;margin-top:10px}.required{color:#f87171}.drawer-note-row{display:flex;gap:8px}.drawer-input{background:var(--bg-secondary);background:var(--bg-input,var(--bg-secondary));border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;padding:8px 12px}.ticket-timeline{display:flex;flex-direction:column;gap:0}.timeline-event{display:flex;gap:12px;padding-bottom:16px;position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-event:before{background:var(--border);bottom:0;content:"";left:7px;position:absolute;top:20px;width:2px}.timeline-event:last-child:before{display:none}.te-dot{background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:16px;margin-top:2px;width:16px}.te-body{flex:1 1}.te-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.te-actor{color:var(--text-primary);font-size:12px;font-weight:600}.te-time{color:var(--text-muted);font-size:11px}.te-action{color:var(--text-secondary);font-size:12px}.te-note{color:var(--text-muted);font-size:12px;font-style:italic;margin-top:4px}.tickets-page{margin:0 auto;max-width:1400px;padding:24px}.ticket-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.ticket-kpi{align-items:center;display:flex;flex-direction:column;padding:16px 12px;text-align:center}.tkpi-icon{font-size:22px;margin-bottom:4px}.tkpi-value{font-size:28px;font-weight:700;line-height:1}.tkpi-label{color:var(--text-muted);font-size:11px;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.create-ticket-form{margin-bottom:20px;padding:20px}.create-ticket-form h3{font-size:15px;margin:0 0 16px}.ctf-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 160px 1fr;margin-bottom:12px}.ctf-actions{display:flex;gap:8px}.ticket-filters{margin-bottom:16px;padding:16px 20px}.status-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.status-tab{align-items:center;background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s}.status-tab:hover{border-color:var(--accent);color:var(--text-primary)}.status-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-count{background:#fff3;border-radius:10px;font-size:10px;padding:1px 6px}.status-tab:not(.active) .tab-count{background:var(--bg-secondary);color:var(--text-muted)}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-input{flex:1 1;min-width:200px}.filter-select,.search-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:8px 12px}.ticket-table-wrap{overflow:hidden;padding:0}.ticket-table{border-collapse:collapse;width:100%}.ticket-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase}.ticket-row{cursor:pointer;transition:background .12s}.ticket-row:hover{background:var(--bg-secondary)}.ticket-table td{border-bottom:1px solid var(--border);font-size:13px;padding:12px 16px;vertical-align:middle}.ticket-table tr:last-child td{border-bottom:none}.ticket-title-cell{display:flex;flex-direction:column;gap:2px}.ticket-id{color:var(--text-muted);font-family:monospace;font-size:10px}.ticket-title-text{color:var(--text-primary);font-weight:500;max-width:280px}.machine-chip{background:var(--bg-secondary);color:var(--text-secondary)}.assignee-chip,.machine-chip{border-radius:4px;font-size:12px;padding:3px 8px}.assignee-chip{background:#60a5fa1a;color:var(--text-primary)}.created-cell,.unassigned{color:var(--text-muted);font-size:12px}.empty-tickets{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 24px}.empty-tickets span{font-size:40px}.form-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:13px;padding:8px 12px;width:100%}@media (max-width:900px){.ticket-kpis{grid-template-columns:repeat(3,1fr)}.ctf-grid{grid-template-columns:1fr 1fr}.ticket-table td:nth-child(7),.ticket-table th:nth-child(7){display:none}}.my-twins-container{margin:0 auto;max-width:1200px;padding:24px}.page-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.page-header h1{color:#e5e7eb;font-size:32px;margin:0}.page-header p{color:#9ca3af;font-size:14px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state h2{color:#e5e7eb;font-size:24px;margin-bottom:8px}.empty-state p{color:#9ca3af;font-size:14px;margin-bottom:24px}.twins-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.twin-card{background:linear-gradient(135deg,#111827cc,#1f2937cc);border:1px solid #3b82f633;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;position:relative;transition:all .3s ease}.twin-card:hover{background:linear-gradient(135deg,#111827f2,#1f2937f2);border-color:#3b82f666;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.twin-card.active{background:linear-gradient(135deg,#111827,#1f2937);border-color:#10b98180;box-shadow:0 0 20px #10b98133}.twin-card.deleting{opacity:.5;pointer-events:none}.active-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:16px}.twin-header{align-items:flex-start;border-bottom:1px solid #4b556380;display:flex;gap:12px;padding-bottom:12px}.twin-icon{flex-shrink:0;font-size:32px}.twin-title-section{flex:1 1;min-width:0}.twin-title-section h3{color:#e5e7eb;font-size:18px;font-weight:600;margin:0 0 4px;word-break:break-word}.twin-company{color:#9ca3af;font-size:12px;margin:0}.twin-type{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.twin-type.status-demo{background:#7c3aed33;color:#d8b4fe}.twin-type.status-active{background:#10b98133;color:#a7f3d0}.twin-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail{display:flex;flex-direction:column}.detail .label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail .value{color:#e5e7eb;font-size:14px;font-weight:500}.twin-id{background:#11182780;border-radius:6px;font-size:11px;padding:8px 12px}.twin-id code{color:#a78bfa;font-family:Monaco,Courier New,monospace;word-break:break-all}.twin-actions{display:flex;flex-direction:column;gap:8px}.btn-danger,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-secondary{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.btn-secondary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.btn-danger{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.twins-info{background:#11182799;border:1px solid #3b82f633;border-radius:8px;padding:20px}.twins-info h3{color:#e5e7eb;font-size:14px;margin:0 0 12px}.twins-info ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.twins-info li{color:#9ca3af;font-size:13px;padding-left:20px;position:relative}.twins-info li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.twins-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:24px}}:root,[data-theme=dark]{--bg:#070b14;--nav-bg:#0a0e1ad9;--card-bg:#0f1623;--card-hover:#161e2e;--border:#1e2a3a;--text:#e8eef8;--text-secondary:#c4cdd8;--text-muted:#7a8899;--text-dim:#3d4f63;--accent:#00d4ff;--accent2:#7c3aed;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glow:#00d4ff26;--glow2:#7c3aed26}[data-theme=light]{--bg:#f0f4f8;--nav-bg:#ffffffe6;--card-bg:#fff;--card-hover:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#06f;--accent2:#7c3aed;--success:#059669;--warning:#d97706;--danger:#dc2626;--glow:#0066ff1a;--glow2:#7c3aed1a}[data-theme=light] .page-header h1,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#e8eef8;color:var(--text)}[data-theme=light] .alert-card,[data-theme=light] .card,[data-theme=light] .ent-demo-card,[data-theme=light] .ent-kpi,[data-theme=light] .ent-machine-card,[data-theme=light] .feature-card,[data-theme=light] .kpi-card,[data-theme=light] .machine-card,[data-theme=light] .reports-kpi,[data-theme=light] .rh-item,[data-theme=light] .rpt-card,[data-theme=light] .twin-card{background:#0f1623;background:var(--card-bg);border-color:#1e2a3a;border-color:var(--border);color:#e8eef8;color:var(--text)}[data-theme=light] .ent-expand-btns button,[data-theme=light] .ent-filter,[data-theme=light] .fmt-btn,[data-theme=light] .summary-btn{background:#0f1623;background:var(--card-bg);border-color:#1e2a3a;border-color:var(--border);color:#c4cdd8;color:var(--text-secondary)}[data-theme=light] .ent-search,[data-theme=light] .search-input{background:#0f1623;background:var(--card-bg);border-color:#1e2a3a;border-color:var(--border);color:#e8eef8;color:var(--text)}[data-theme=light] .ent-search::placeholder,[data-theme=light] .search-input::placeholder{color:#3d4f63;color:var(--text-dim)}[data-theme=light] .action-box p,[data-theme=light] .contrib-info span:first-child,[data-theme=light] .contrib-section h4,[data-theme=light] .detail-value,[data-theme=light] .ent-machine-name,[data-theme=light] .ent-sensor-name,[data-theme=light] .hc-item,[data-theme=light] .health-checks h4,[data-theme=light] .panel-header h3,[data-theme=light] .rc-title,[data-theme=light] .rh-name,[data-theme=light] .rpt-title,[data-theme=light] .tl-name,[data-theme=light] .trend-section h4,[data-theme=light] .twin-title-section h3{color:#e8eef8!important;color:var(--text)!important}[data-theme=light] .ab-sub,[data-theme=light] .action-box strong,[data-theme=light] .alert-meta,[data-theme=light] .card-subtitle,[data-theme=light] .config-key,[data-theme=light] .detail-group label,[data-theme=light] .detail-type,[data-theme=light] .ek-label,[data-theme=light] .ent-machine-type,[data-theme=light] .ent-sensor-range,[data-theme=light] .ent-toggle-label,[data-theme=light] .env-label,[data-theme=light] .gauge-label,[data-theme=light] .health-url,[data-theme=light] .kpi-label,[data-theme=light] .legend,[data-theme=light] .rh-meta,[data-theme=light] .rh-size,[data-theme=light] .rk-label,[data-theme=light] .rpt-desc,[data-theme=light] .rul-label,[data-theme=light] .tl-meta,[data-theme=light] .twin-company,[data-theme=light] .twin-id code,[data-theme=light] .update-badge{color:#7a8899!important;color:var(--text-muted)!important}[data-theme=light] .close-btn{color:#7a8899;color:var(--text-muted)}[data-theme=light] .close-btn:hover{color:#ef4444;color:var(--danger)}[data-theme=light] .detail-panel,[data-theme=light] .entity-overlay{background:#fffffff2;border-color:#1e2a3a;border-color:var(--border)}[data-theme=light] .entity-item{border-color:#1e2a3a;border-color:var(--border)}[data-theme=light] .entity-item.selected,[data-theme=light] .entity-item:hover{background:#7c3aed0d;border-color:#7c3aed;border-color:var(--accent2)}[data-theme=light] .entity-name,[data-theme=light] .twins-info{color:#e8eef8;color:var(--text)}[data-theme=light] .twins-info{background:#0f1623;background:var(--card-bg);border-color:#1e2a3a;border-color:var(--border)}[data-theme=light] .twins-info h3{color:#e8eef8;color:var(--text)}[data-theme=light] .twins-info li{color:#c4cdd8;color:var(--text-secondary)}[data-theme=light] .empty-state,[data-theme=light] .ent-empty,[data-theme=light] .ml-empty,[data-theme=light] .reports-empty{color:#7a8899;color:var(--text-muted)}[data-theme=light] .empty-state h2,[data-theme=light] .ent-empty h2,[data-theme=light] .ml-empty h2,[data-theme=light] .reports-empty h2{color:#e8eef8;color:var(--text)}[data-theme=light] .config-val code,[data-theme=light] .env-value{color:#00d4ff!important;color:var(--accent)!important}[data-theme=light] table th{background:#161e2e;background:var(--card-hover);border-color:#1e2a3a;border-color:var(--border);color:#c4cdd8;color:var(--text-secondary)}[data-theme=light] table td{border-color:#1e2a3a;border-color:var(--border);color:#e8eef8;color:var(--text)}[data-theme=light] .my-twins-container,[data-theme=light] .page-header p{color:#7a8899;color:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#070b14;background:var(--bg);color:#e8eef8;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:10px;box-shadow:0 4px 15px #0066ff40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;padding:12px 28px;transition:all .25s}.btn-primary:hover{box-shadow:0 8px 30px #00d4ff73;filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:1.5px solid #00d4ff;border:1.5px solid var(--accent);border-radius:10px;color:#00d4ff;color:var(--accent);cursor:pointer;font-size:15px;font-weight:600;padding:11px 24px;transition:all .25s}.btn-secondary:hover{background:#00d4ff;background:var(--accent);box-shadow:0 4px 20px #00d4ff4d;color:#070b14}.card{background:#0f1623;background:var(--card-bg);border:1px solid #1e2a3a;border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .25s,transform .25s,box-shadow .25s}.card:hover{border-color:#00d4ff;border-color:var(--accent);box-shadow:0 8px 30px #00d4ff26;box-shadow:0 8px 30px var(--glow);transform:translateY(-3px)}.badge-green{background:#10b9811f;border:1px solid #10b98133;border-radius:20px;color:#10b981}.badge-green,.badge-yellow{font-size:12px;font-weight:600;padding:4px 10px}.badge-yellow{background:#f59e0b1f;border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b}.badge-red{background:#ef44441f;border:1px solid #ef444433;border-radius:20px;color:#ef4444;font-size:12px;font-weight:600;padding:4px 10px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#1e2a3a;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3d4f63;background:var(--text-dim)}
/*# sourceMappingURL=main.6b5cbe8d.css.map*/