@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--bg: #F7F9FB;--bg-dark: #080C14;--panel: #FFFFFF;--line: #E2E8F0;--text: #0F172A;--text-muted: #64748B;--accent: #F97316;--accent-light: #FF9D5C;--success: #22C55E;--success-bg: #DCFCE7;--danger: #EF4444;--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Google Sans;background:var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}.eyebrow{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.primary-button{border:0;border-radius:8px;padding:12px 24px;cursor:pointer;background:var(--accent);color:#fff;font-weight:700;transition:transform .1s,opacity .2s}.primary-button:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.ghost-button{border:1px solid var(--line);border-radius:8px;padding:10px 16px;cursor:pointer;background:transparent;color:var(--text);transition:background .2s}.ghost-button:hover:not(:disabled){background:#f8faf9}.icon-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button:hover{background:#f1f5f9}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;padding:12px}.auth-shell{background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-card{width:100%;max-width:1040px;display:grid;grid-template-columns:1.2fr .9fr;gap:16px}.hero-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column}.hero-panel h1{font-size:2.2rem;font-weight:700;margin:0}.orange-text{color:var(--accent);font-size:1.2rem;font-weight:700;margin:0}.hero-copy{color:var(--text-muted);font-size:.9rem;margin:12px 0}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-grid article{background:#f1f5f9;padding:14px;border-radius:10px;display:flex;flex-direction:column;gap:4px}.hero-grid article strong{font-size:.9rem}.hero-grid article p{margin:0;font-size:.8rem;line-height:1.3}.card-num{color:var(--accent);font-weight:700}.hero-graphic{margin-top:auto;opacity:.8}.hero-logo{display:flex;justify-content:flex-start;margin-bottom:10px}.hero-logo img{width:120px;height:auto}.login-panel{background:#fff;padding:32px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column}.login-icon{width:40px;height:40px;background:#fff7ed;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);margin:0 auto 16px}.panel-header{text-align:center;margin-bottom:20px}.panel-header h3{font-size:1.4rem;margin:0 0 4px}.panel-header p{margin:0;font-size:.85rem}.login-form{display:flex;flex-direction:column;gap:16px}.field-label{display:block;font-size:.7rem;font-weight:700;color:var(--accent);margin-bottom:6px;letter-spacing:.05em}.login-form input{background:#f1f5f9;border:none;border-radius:8px;padding:12px 14px;width:100%}.login-btn{box-shadow:0 10px 20px -5px #f973164d}.error-text{color:var(--danger);font-size:.85rem;background:#fef2f2;padding:8px;border-radius:4px}.dashboard-shell{display:flex;flex-direction:column;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--panel);padding:0 20px;border-bottom:1px solid var(--line);margin:-12px -12px 0;height:60px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.brand-logo h1{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.topbar-search{position:relative;min-width:180px}.topbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.topbar-search input{width:100%;padding:6px 12px 6px 34px;border-radius:999px;border:1px solid var(--line);background:#f1f5f9;font-size:.8rem;outline:none}.device-select-container{min-width:180px}.device-dropdown{width:100%;padding:6px 32px 6px 12px;border-radius:999px;border:1px solid var(--line);background:#f1f5f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:calc(100% - 12px) center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:600;font-size:.85rem;outline:none}.operator-pill{padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}.ws-pill{background:var(--success-bg);color:var(--success)}.ws-pill.ws-connecting,.ws-pill.ws-disconnected{background:#fef3c7;color:#d97706}.ws-pill.ws-error{background:#fee2e2;color:var(--danger)}.user-pill{background:#f1f5f9;display:flex;align-items:center;gap:12px}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-info strong{font-size:.85rem}.user-info small{font-size:.7rem;color:var(--text-muted)}.compact-btn{padding:8px 12px;font-size:.8rem;font-weight:600}.logout-icon-btn{color:var(--danger);border-color:#fee2e2;background:#fef2f2}.logout-icon-btn:hover{background:#fee2e2}.dashboard-content{max-width:1400px;margin:0 auto;width:100%}.empty-state{padding:80px 0;text-align:center;color:var(--text-muted)}.workspace{display:flex;flex-direction:column;gap:16px}.workspace-header{background:var(--panel);padding:12px 20px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line)}.workspace-header-info .eyebrow{margin-bottom:0}.device-name-bold{font-size:1.25rem;margin:0}.device-subtitle-code{color:var(--text-muted);font-size:.8rem;margin:0}.workspace-header-actions{display:flex;align-items:center;gap:24px}.connect-button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.status-online{background:var(--success)}.status-dot.status-pending{background:#f59e0b}.status-dot.status-offline{background:var(--danger)}.status-text{font-weight:600;font-size:.95rem}.text-online{color:var(--success)}.text-pending{color:#f59e0b}.text-offline{color:var(--danger)}.metrics-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--panel);padding:12px 20px;border-radius:var(--radius);border:1px solid var(--line)}.metric-card{display:flex;flex-direction:column;gap:2px}.metric-card span{font-size:.7rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.metric-card strong{font-size:1.2rem;font-weight:700}.workspace-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.download-panel-card{background:var(--panel);padding:16px 24px 24px;border-radius:16px;border:1px solid var(--line)}.download-panel-card h3{font-size:1.4rem;margin:2px 0 0}.form-2x2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.form-input-full{grid-column:span 1}.form-actions-full{grid-column:span 2}.dual-action-row{display:flex;gap:16px}.flex-1{flex:1}.flash-button-secondary{background:var(--accent-light);color:#fff;border:none;border-radius:var(--radius);padding:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.activity-panel-card{background:var(--bg-dark);padding:16px 24px 24px;border-radius:20px;color:#fff;display:flex;flex-direction:column;min-height:400px;max-height:500px}.activity-panel-card h2{font-size:1.6rem;margin:2px 0 0;color:#fff}.form-2x2-grid input{background:#f1f5f9;border:none;border-radius:8px;padding:12px 16px;width:100%}.field{display:flex;flex-direction:column;gap:2px}.field span{font-size:.75rem;font-weight:700;color:var(--text-muted)}.inline-progress-area{display:flex;flex-direction:column;gap:12px;margin-top:16px}.progress-row{display:flex;flex-direction:column;gap:8px}.progress-labels{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.progress-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .4s ease}.tone-gold{background:var(--accent)}.tone-red{background:var(--danger)}.event-log-compact{display:flex;flex-direction:column;gap:16px;margin-top:24px;overflow-y:auto;flex:1}.event-log-compact::-webkit-scrollbar{width:6px}.event-log-compact::-webkit-scrollbar-track{background:transparent}.event-log-compact::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.timeline-item{display:flex;align-items:center;gap:12px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-neutral{background:#64748b}.dot-success{background:var(--success)}.dot-error{background:var(--danger)}.dot-progress{background:var(--accent)}.dot-pending{background:#f59e0b}.timeline-time{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:#e2e8f0;opacity:.7}.timeline-title{font-size:.95rem;color:#e2e8f0}.toast-notification{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9999;animation:toast-slide .3s cubic-bezier(.16,1,.3,1)}.toast-content{display:flex;align-items:center;gap:12px;padding:14px 24px;border-radius:12px;color:#fff;box-shadow:0 20px 40px #0003;border:1px solid rgba(255,255,255,.1)}.toast-notification.tone-success .toast-content{background:var(--success);border-color:#fff3}.toast-notification.tone-error .toast-content{background:var(--danger)}.toast-content span{font-weight:700;font-size:.95rem}@keyframes toast-slide{0%{transform:translateY(-20px) translate(-50%) scale(.95);opacity:0}to{transform:translateY(0) translate(-50%) scale(1);opacity:1}}@media (max-width: 1024px){.auth-card,.workspace-footer-grid{grid-template-columns:1fr}.metrics-card-row{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column;height:auto;padding:20px;gap:20px}}