:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#e0e0e0;background-color:#0f1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0f1117;--surface: #1a1d2e;--surface2: #252840;--border: #2e3250;--primary: #6c63ff;--primary-hover: #7c74ff;--success: #4caf50;--error: #ef5350;--warning: #ff9800;--info: #42a5f5;--text: #e0e0e0;--text-muted: #888;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#root{max-width:860px;margin:0 auto;padding:24px 16px}h1,h2,h3{margin:0 0 12px}h2{font-size:1.4em}h3{font-size:1.1em;color:#bbb}p{margin:0 0 8px}.nav{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px;flex-wrap:wrap}.nav-btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;transition:all .2s}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-title{font-size:1.4em;font-weight:700;color:var(--text)}.app-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.card-title{font-size:1em;font-weight:600;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}input[type=text],input[type=password],input[type=number],input[type=email],select,textarea{width:100%;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;outline:none;font-family:inherit}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:80px}button{padding:8px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.85}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-warning{background:var(--warning);color:#000;font-weight:700}.btn-warning:hover:not(:disabled){opacity:.85}.btn-google{background:#4285f4;color:#fff;width:100%;padding:10px;margin-top:8px}.btn-google:hover:not(:disabled){opacity:.85}.btn-sm{padding:4px 10px;font-size:12px}.msg{padding:8px 12px;border-radius:var(--radius);font-size:13px;margin-top:8px}.msg-error{background:#ef535026;border:1px solid rgba(239,83,80,.3);color:#ef9a9a}.msg-success{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#a5d6a7}.msg-info{background:#42a5f526;border:1px solid rgba(66,165,245,.3);color:#90caf9}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}.quota-item{background:var(--surface2);border-radius:var(--radius);padding:12px;text-align:center}.quota-item .value{font-size:1.8em;font-weight:700;color:var(--primary)}.quota-item .label{font-size:12px;color:var(--text-muted);margin-top:4px}.device-list{display:flex;flex-direction:column;gap:8px}.device-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border)}.device-id{font-family:monospace;font-size:14px}.device-actions{display:flex;gap:6px;align-items:center}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-success{background:#4caf5033;color:#81c784}.badge-error{background:#ef535033;color:#ef9a9a}.badge-warning{background:#ff980033;color:#ffcc80}.badge-info{background:#42a5f533;color:#90caf9}.tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--surface2);padding:4px;border-radius:var(--radius);flex-wrap:wrap}.tab{flex:1;padding:6px 12px;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.tab.active{background:var(--primary);color:#fff}.tab:hover:not(.active){background:var(--surface);color:var(--text)}.row{display:flex;gap:12px;align-items:flex-end}.row .form-group{flex:1;margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:16px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.token-display{font-family:monospace;font-size:11px;word-break:break-all;background:var(--surface2);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);color:#90caf9;max-height:80px;overflow-y:auto}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.health-item{background:var(--surface2);border-radius:var(--radius);padding:12px}.health-item .h-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.health-item .h-value{font-size:14px;font-weight:600}.process-result{background:var(--surface2);border-radius:var(--radius);padding:12px;font-size:14px;white-space:pre-wrap;word-break:break-word;margin-top:8px;border-left:3px solid var(--primary)}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.hailo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.hailo-metric-card{background:linear-gradient(180deg,#6c63ff1f,#6c63ff0a),var(--surface2);border:1px solid rgba(108,99,255,.24);border-radius:12px;padding:14px 16px}.hailo-metric-label{font-size:12px;color:#b2b7d7;margin-bottom:8px}.hailo-metric-value{font-size:26px;font-weight:700;color:#fff}.hailo-section-shell{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:16px}.hailo-form-row{flex-wrap:wrap;align-items:flex-end}.hailo-submit-btn{min-width:112px;min-height:40px}.hailo-preview-card{margin-top:14px;padding:14px 16px;border-radius:12px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1)}.hailo-preview-card.is-active{background:#42a5f51f;border:1px solid rgba(66,165,245,.28)}.hailo-preview-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9bb8ff;margin-bottom:8px}.hailo-preview-title{font-size:15px;font-weight:600;color:#fff}.hailo-preview-meta,.hailo-preview-empty{font-size:12px;color:#b6bdd8;margin-top:6px;line-height:1.6}.hailo-empty-panel{padding:18px 16px;border-radius:12px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1)}.hailo-empty-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}.hailo-empty-copy{font-size:12px;color:#a8aec8;line-height:1.6}.hailo-table-wrap{overflow-x:auto}.hailo-table{display:flex;flex-direction:column;gap:8px;min-width:100%}.hailo-table-head,.hailo-table-row{display:grid;grid-template-columns:1.05fr .72fr .72fr .9fr 1fr 1fr;gap:10px;align-items:center}.hailo-table-head{padding:0 12px 6px;font-size:11px;color:#9aa3c7;text-transform:uppercase;letter-spacing:.06em}.hailo-table-row{padding:12px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text)}.hailo-table-code{font-family:monospace;font-size:14px;color:#fff}.hailo-table-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.hailo-mini-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#b7bed7}.hailo-mini-summary strong{color:#fff}@media(max-width:768px){.hailo-metrics{grid-template-columns:1fr 1fr}.hailo-table-head{display:none}.hailo-table-row{grid-template-columns:1fr;gap:6px}.hailo-table-actions{justify-content:flex-start}}