:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#1e293b;--border:#334155;--accent:#10b981;--danger:#ef4444;--glass-bg:#1e293bb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 100% 0,#3b82f626,#0000 40%),radial-gradient(circle at 0 100%,#10b9811a,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.container{grid-template-columns:1.1fr .9fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}@media (width<=900px){.container{grid-template-columns:1fr}}.header{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.header h1{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.status-badge{color:var(--accent);background-color:#10b9811a;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-badge.offline{color:var(--danger);background-color:#ef44441a}.status-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background-color:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;transition:all .2s;display:flex}.upload-zone.drag-active,.upload-zone:hover{border-color:var(--primary);background-color:#3b82f60d}.upload-icon{color:var(--primary);opacity:.8}.instructions-list{counter-reset:my-counter;list-style:none}.instructions-list li{margin-bottom:1.5rem;padding-left:2.5rem;position:relative}.instructions-list li:before{counter-increment:my-counter;content:counter(my-counter);background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.instructions-list h3{color:#e2e8f0;margin-bottom:.25rem}.instructions-list p{color:#94a3b8;font-size:.9rem}.file-list{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.file-item{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.file-icon{color:var(--accent)}.tooltip-trigger{cursor:help;align-items:center;gap:4px;display:inline-flex;position:relative}.risk-dot{border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.risk-dot.device{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.risk-dot.material{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 12px}to{opacity:.8;transform:scale(.95)}}.tooltip-box{visibility:hidden;color:#f8fafc;text-align:left;border:1px solid var(--border);z-index:100;opacity:0;pointer-events:none;white-space:normal;text-transform:none;background-color:#1e293b;border-radius:8px;width:250px;padding:.75rem;font-size:.75rem;line-height:1.4;transition:opacity .2s,visibility .2s;position:absolute;bottom:130%;left:0;box-shadow:0 10px 15px -3px #00000080}.tooltip-title{align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.8rem;font-weight:700;display:flex}.tooltip-title.device{color:#fca5a5}.tooltip-title.material{color:#fcd34d}.tooltip-desc{color:#94a3b8;margin:0;font-size:.7rem;display:block}.tooltip-box:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:15px}.tooltip-trigger:hover .tooltip-box{visibility:visible;opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.risk-dot.safe{background-color:var(--accent);box-shadow:0 0 8px var(--accent)}