@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap);.app-tagline,.app-title,body,button,h1,h2,h3,h4,h5,h6,input,label,select,textarea{font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#0b1626;--foreground:#f7faff;--card:#13203a;--card-foreground:#f5f8ff;--popover:#13203a;--popover-foreground:#f5f8ff;--primary:#00b4d8;--primary-foreground:#0b1626;--secondary:#1c2d4a;--secondary-foreground:#d9e4ff;--muted:#1c2d4a;--muted-foreground:#9eb6d9;--accent:#00b4d8;--accent-foreground:#0b1626;--destructive:#ff6b6b;--destructive-foreground:#0b1626;--border:#1f3355;--input:#1f3355;--ring:#00b4d8;--sidebar:#13203a;--sidebar-foreground:#f7faff;--sidebar-primary:#00b4d8;--sidebar-primary-foreground:#0b1626;--sidebar-accent:#ffe066;--sidebar-accent-foreground:#13203a;--sidebar-border:#1f3355;--sidebar-ring:#00b4d8;--border-radius:12px;--font-family:"Sora","Inter","Roboto","Segoe UI",Arial,sans-serif;--light-gray:#e9eef3;--white:#fff;--text:#f7faff;--form-background:var(--white);--form-foreground:#172133}body{color:#f7faff;color:var(--foreground);font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family);margin:0;padding:0}.app-shell,body{background:#0b1626;background:var(--background)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.skip-link{background:#00b4d8;background:var(--accent);border-radius:12px;border-radius:var(--border-radius);color:#0b1626;color:var(--accent-foreground);left:12px;padding:.4em 1em;position:absolute;text-decoration:none;top:-40px;transition:top .2s ease;z-index:100}.skip-link:focus{top:12px}.app-main{flex:1 1;padding:1.5em min(4vw,3em) 3em}body.dark{--background:#101624;--foreground:#f3f6fa;--card:#1a2233;--card-foreground:#f3f6fa;--popover:#232b3a;--popover-foreground:#f3f6fa;--primary:#00b4d8;--primary-foreground:#fff;--secondary:#172133;--secondary-foreground:#f7faff;--muted:#232b3a;--muted-foreground:#b0b8c1;--accent:#ffe066;--accent-foreground:#172133;--destructive:#ef4444;--destructive-foreground:#fff;--border:#232b3a;--input:#232b3a;--ring:#00b4d8;--sidebar:#172133;--sidebar-foreground:#f7faff;--sidebar-primary:#00b4d8;--sidebar-primary-foreground:#fff;--sidebar-accent:#ffe066;--sidebar-accent-foreground:#232b3a;--sidebar-border:#232b3a;--sidebar-ring:#00b4d8;--text:#f3f6fa;--form-background:var(--popover);--form-foreground:var(--popover-foreground)}nav{margin:0 0 1.5em;padding:.5em 1.2em}nav a{color:#fff;color:var(--white);font-weight:500;margin:0 .5em;text-decoration:none;transition:color .2s,font-weight .2s}nav a:hover{color:#00b4d8;color:var(--accent);font-weight:700;text-decoration:underline}.app-header{align-items:flex-start;background:#13203a;background:var(--sidebar);border-bottom:1px solid #ffffff14;box-shadow:0 0 0 #0000;box-shadow:var(--header-shadow,0 0 0 #0000);color:#f7faff;color:var(--sidebar-foreground);display:flex;gap:1.5em;justify-content:space-between;padding:.8em 1.5em;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .18s ease;z-index:50}.app-header img{background:#ffffff0d;border-radius:12px;height:64px;margin-right:1em;object-fit:contain;padding:.4em;width:64px}.brand{align-items:center;display:flex;gap:1em}.brand h1{color:#f7faff;color:var(--foreground);font-size:1.4em;margin:0}.brand p{color:#9eb6d9;color:var(--muted-foreground);font-size:.95em;margin:.2em 0 0}.header-actions{justify-content:flex-end}.app-nav,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.8em}.app-nav{background:#13203a;background:var(--sidebar);border-bottom:1px solid #0000000d;box-shadow:0 0 0 #0000;box-shadow:var(--header-shadow,0 0 0 #0000);padding:.6em 1.2em;position:-webkit-sticky;position:sticky;top:64px;transition:box-shadow .18s ease;z-index:49}.app-nav a{border-radius:999px;padding:.35em .8em;transition:background .2s ease,color .2s ease}.app-nav a.active{background:#ffffff1f;color:#00b4d8;color:var(--accent)}.app-title{font-size:1.5em;font-weight:700;letter-spacing:-1px}.app-tagline{color:#00b4d8;color:var(--accent);font-size:1em;font-weight:400;margin-left:.7em}.tag{background:#00b4d8;background:var(--accent);border-radius:9999px;color:#0b1626;color:var(--accent-foreground);font-size:.75rem;margin-right:.3em;padding:.15em .7em}.home-wrapper{margin:0 auto;max-width:1200px}.hero{grid-gap:2em;background:#13203a;background:var(--card);border:1px solid #1f3355;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px #00000059;display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:2.5em}.hero .eyebrow{color:#00b4d8;color:var(--accent);font-size:.8em;letter-spacing:.25em;margin:0;text-transform:uppercase}.hero h1{color:#f7faff;color:var(--foreground);font-size:clamp(2rem,4vw,2.8rem);margin:.2em 0}.hero-copy{color:#9eb6d9;color:var(--muted-foreground);max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8em;margin-top:1.5em}.hero-points{color:#9eb6d9;color:var(--muted-foreground);display:flex;flex-direction:column;gap:.8em;list-style:none;margin:0;padding:0}.hero-points li{background:#ffffff0d;border-left:4px solid #00b4d8;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:.8em 1em}.stock-bar-bg{background:#1c2d4a;background:var(--muted);border-radius:6px;height:8px}.stock-bar-fill{background:#00b4d8;background:var(--primary);border-radius:6px;height:8px;transition:width .4s}.banner{animation:banner-in .22s ease forwards;background:#00b4d8;background:var(--accent);border-radius:12px;box-shadow:0 2px 12px #00b4d855;color:#fff;font-weight:600;opacity:0;transform:translateY(8px)}.banner-dismiss{background:#fff;background:var(--white);border:none;border-radius:8px;color:#00b4d8;color:var(--accent);cursor:pointer;font-weight:700;margin-left:24px;padding:.4em 1em}.banner.closing{animation:banner-out .18s ease forwards}@keyframes banner-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.card{background:#13203a;background:var(--card);border:1px solid #1f3355;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #e0e6ed}.card form input,.card form select,.card form textarea{background:#13203a;background:var(--popover);border:1px solid #1f3355;border:1px solid var(--border);border-radius:12px;color:#f5f8ff;color:var(--card-foreground,var(--form-foreground));padding:10px 12px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}@media (max-width:900px){.col-3,.col-4,.col-6{grid-column:span 12}}.card h3{margin-top:0}@keyframes line-draw{to{stroke-dashoffset:0}}@keyframes bar-grow{0%{height:0}to{height:100%;height:var(--bar-target,100%)}}.button,button{background:#00b4d8;background:var(--accent);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 6px #dbe3ea33;color:#fff;color:var(--white);cursor:pointer;font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family);font-size:1em;font-weight:600;margin:.2em .5em .2em 0;padding:.6em 1.4em;transition:background .2s}.button:hover,button:hover{background:#009ac2}.button.ghost{background:#0000;border:1px solid #ffffff4d;color:#00b4d8;color:var(--accent)}.button.primary-cta{background:linear-gradient(120deg,#00b4d8,#00e0ff);box-shadow:0 15px 30px #00b4d859;color:#0b1626}.ghost-button{background:#0000;border:1px solid #fff6;color:#f7faff;color:var(--sidebar-foreground);padding:.35em .8em}.ghost-button:hover{background:#ffffff14}input,select,textarea{background:#fff;background:var(--form-background,var(--white));border:1px solid #dbe3ea;border-radius:12px;border-radius:var(--border-radius);color:#172133;color:var(--form-foreground,#172133);font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family);font-size:1em;margin:.2em .5em .2em 0;padding:.5em .8em}input:focus,select:focus,textarea:focus{border-color:#00b4d8;border-color:var(--accent);outline:2px solid #00b4d8;outline:2px solid var(--accent)}.color-tile{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #e0e6ed;font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family);margin:0 1em 1em 0;transition:box-shadow .2s,opacity .2s}.color-tile:hover{box-shadow:0 4px 16px #b3c6d6;opacity:.98}h1,h2,h3,h4{margin-top:.5em}h1,h2,h3,h4,label{color:#00b4d8;color:var(--primary);font-family:Sora,Inter,Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family)}label{font-weight:500}.user-chip{align-items:center;background:#ffffff14;border-radius:999px;color:#f7faff;color:var(--sidebar-foreground);display:inline-flex;gap:.8em;padding:.3em .8em}.user-chip .avatar{align-items:center;background:#00b4d8;background:var(--accent);border-radius:50%;color:#0b1626;color:var(--accent-foreground);display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.user-chip .user-meta{display:flex;flex-direction:column;line-height:1.2}.user-chip .muted{color:#ffffffb3;font-size:.85em}::-webkit-scrollbar{background:#e9eef3;background:var(--light-gray);width:10px}::-webkit-scrollbar-thumb{background:#dbe3ea;border-radius:8px}@media (max-width:700px){.app-header{align-items:center;flex-direction:row;padding:.5em .7em}.app-header img{height:100px;margin-right:.7em;width:100px}.color-tile{min-width:90px;padding:1em .5em .8em}}.settings-wrapper{margin:2em auto;max-width:1080px;padding:0 1em 3em}.settings-wrapper h1{color:#f7faff;color:var(--foreground);margin-bottom:.6em}.status-banner{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;font-weight:600;margin-bottom:1.2em;padding:.75em 1.1em}.status-success{background:#2ecc7126;border:1px solid #2ecc7159;color:#2ecc71}.status-error{background:#ff6b6b26;border:1px solid #ff6b6b59;color:#ff6b6b;color:var(--destructive)}.settings-grid{grid-gap:1.6em;display:grid;gap:1.6em;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.settings-card{display:flex;flex-direction:column;gap:1em;padding:1.6em}.settings-card h2{color:#f7faff;color:var(--foreground);margin-bottom:.2em}.settings-card .muted{color:#9eb6d9;color:var(--muted-foreground);margin:0}.profile-preview{align-items:center;display:flex;justify-content:center}.profile-preview img{object-fit:cover}.placeholder-avatar,.profile-preview img{border-radius:50%;box-shadow:0 2px 12px #00000040;height:128px;width:128px}.placeholder-avatar{align-items:center;background:#1c2d4a;background:var(--secondary);color:#f7faff;color:var(--sidebar-foreground);display:flex;font-size:3em;font-weight:700;justify-content:center}.profile-meta{grid-gap:.2em;display:grid;font-size:.95em;gap:.2em}.profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.8em}.upload-button{background:#00b4d8;background:var(--accent);border-radius:12px;border-radius:var(--border-radius);color:#0b1626;color:var(--accent-foreground);cursor:pointer;font-weight:600;padding:.6em 1.2em}.upload-button input{display:none}.link-button{background:#0000;border:none;color:#00b4d8;color:var(--accent);cursor:pointer;font-weight:600;padding:0}.link-button:hover{text-decoration:underline}.settings-form{display:flex;flex-direction:column;gap:.6em}.settings-form input{background:#fff;background:var(--white);color:#f7faff;color:var(--text);width:100%}.settings-form button{align-self:flex-start}.danger-zone{background:#ff6b6b1a;border:1px solid #ff6b6b59}.danger-zone h2{color:#ff6b6b;color:var(--destructive)}.danger-zone button{background:#ff6b6b;background:var(--destructive);color:#0b1626;color:var(--destructive-foreground)}.danger-zone button:hover{background:#d94b4b}.auth-card{background:#13203a;background:var(--card);border:1px solid #1f3355;border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #0000004d;margin:3em auto;max-width:480px;padding:2em 2.5em}.auth-card h2{margin-top:0}.auth-card form{gap:.9em}.auth-card form,.form-field{display:flex;flex-direction:column}.form-field{gap:.35em}.form-field label{color:#f7faff;color:var(--text)}.form-field small{color:#9eb6d9;color:var(--muted-foreground)}.status-text{font-weight:600;margin-top:.5em}.status-text.error{color:#ff6b6b;color:var(--destructive)}.status-text.success{color:#2ecc71}.password-field{position:relative}.password-field input{padding-right:110px}.password-field button{font-size:.85em;padding:.2em .6em;position:absolute;right:.6em;top:50%;transform:translateY(-50%)}.spool-rack{grid-gap:6px;background:#ffffff0a;border-radius:12px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));padding:12px}.spool-rack-square{border-radius:6px;height:22px;outline:none;overflow:hidden;position:relative}.spool-rack-square.low{box-shadow:0 0 0 2px #ef444499}.spool-rack-square:focus-visible{box-shadow:0 0 0 2px #00b4d8;box-shadow:0 0 0 2px var(--accent)}.spool-rack-fillbar{background:#00000040;bottom:0;left:0;position:absolute;top:0}.spool-tooltip{background:#020617e6;border-radius:6px;bottom:130%;color:#fff;font-size:.75em;left:50%;opacity:0;padding:.4em .7em;pointer-events:none;position:absolute;transform:translateX(-50%)}.spool-rack-square:focus .spool-tooltip,.spool-rack-square:hover .spool-tooltip{opacity:1}.spool-rack-legend{color:#9eb6d9;color:var(--muted-foreground);display:flex;flex-wrap:wrap;font-size:.9em;gap:1em;margin-top:.6em}.legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:.4em;width:10px}.spool-card{border:none;text-align:center;width:100%}.spool-card:focus-visible{outline:3px solid #00b4d8;outline:3px solid var(--ring);outline-offset:3px}.spool-form{padding:1.5em}.form-stepper{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em}.form-stepper span{align-items:center;color:#9eb6d9;color:var(--muted-foreground);display:inline-flex;font-size:.85em;gap:.4em}.form-stepper .step-dot{align-items:center;border:2px solid #9eb6d9;border:2px solid var(--muted-foreground);border-radius:50%;display:inline-flex;font-size:.75em;height:20px;justify-content:center;width:20px}.form-stepper .completed{color:#00b4d8;color:var(--accent)}.form-stepper .completed .step-dot{border-color:#00b4d8;border-color:var(--accent);color:#00b4d8;color:var(--accent)}.form-section{border:1px dashed #1f3355;border:1px dashed var(--border);border-radius:12px;margin-bottom:1em;padding:1em}.form-section h4{color:#f7faff;color:var(--foreground);margin:0 0 .6em}.form-grid.compact{gap:.8em}.form-grid.compact .col-12,.form-grid.compact .col-3,.form-grid.compact .col-4,.form-grid.compact .col-6{display:flex;flex-direction:column;gap:.2em}.form-grid.compact label{color:#9eb6d9;color:var(--muted-foreground);font-size:.85em}.chart-card{background:#13203a;background:var(--card);border:1px solid #1f3355;border:1px solid var(--border);border-radius:16px;margin-bottom:1.5em;padding:1.5em}.chart-card h3{margin-top:0}.chart-legend{color:#9eb6d9;color:var(--muted-foreground);display:flex;font-size:.85em;gap:1em;margin-top:.6em}.chart-legend span{align-items:center;display:inline-flex;gap:.3em}.chart-tooltip{background:#020617eb;border-radius:6px;color:#fff;font-size:.8em;padding:.35em .5em;pointer-events:none;position:absolute}.bar-list{display:flex;flex-direction:column;gap:.9em;margin-top:1em}.bar-row{grid-gap:.4em;align-items:center;display:grid;gap:.4em;grid-template-columns:1fr auto}.bar-row>div:first-child{display:flex;justify-content:space-between;width:100%}.bar-row small{color:#9eb6d9;color:var(--muted-foreground);font-size:.85em;margin-left:.6em}.bar-row span{font-weight:600}.bar-track{background:#ffffff14;border-radius:999px;grid-column:1/span 2;height:10px;overflow:hidden}.bar-fill{background:#00b4d8;border-radius:999px;height:100%;transition:width .3s ease}.hardware-manager{color:var(--text);margin:0 auto;max-width:1200px;padding:24px}.hardware-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.hardware-header h2{color:var(--foreground);font-size:2rem;margin:0}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:.4em;justify-content:center;padding:10px 18px;text-decoration:none;transition:background .2s ease,transform .2s ease}.btn-primary{background:var(--accent);color:var(--accent-foreground)}.btn-primary:hover{background:#009ac2}.btn-secondary{background:var(--muted);color:var(--muted-foreground)}.btn-secondary:hover{background:#ffffff1a}.btn-tertiary{background:var(--secondary);color:var(--secondary-foreground)}.btn-tertiary:hover{background:#ffffff1f}.btn-outline{background:#0000;border:1px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:#00b4d81a}.btn-danger{background:var(--destructive);color:var(--destructive-foreground)}.btn-danger:hover{background:#d94b4b}.btn-sm{font-size:12px;padding:5px 10px}.error-message,.success-message{align-items:center;border:1px solid #ffffff26;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:16px;padding:15px}.error-message{background-color:#ff6b6b26;color:var(--destructive)}.success-message{background-color:#2ecc7126;color:#2ecc71}.error-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:10px;padding:0}.register-form-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.register-form{background-color:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px #00000059;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.register-form h3{color:var(--foreground);margin-top:0}.form-group,.register-form h3{margin-bottom:20px}.form-group label{color:var(--text);display:block;font-weight:600;margin-bottom:5px}.form-group input{background:var(--form-background);border:1px solid var(--border);border-radius:var(--border-radius);box-sizing:border-box;color:var(--form-foreground);font-size:14px;padding:10px;width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00b4d840;outline:none}.form-group small{color:var(--muted-foreground);display:block;font-size:12px;margin-top:5px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.hardware-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 16px #0003;padding:12px 14px}.summary-label{color:var(--muted-foreground);display:block;font-size:.85em}.summary-card strong{color:var(--foreground);font-size:1.5em}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.no-devices{background-color:#ffffff0d;border:1px dashed var(--border);border-radius:10px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-devices p{color:var(--muted-foreground);margin:10px 0}.device-card{background-color:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px #00000026;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.device-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.device-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.device-header h3{color:var(--foreground);font-size:1.2rem;margin:0}.status-indicator{border:2px solid var(--card);border-radius:50%;box-shadow:0 0 0 1px var(--border);height:12px;width:12px}.device-info p{color:var(--muted-foreground);font-size:14px;margin:8px 0}.device-info strong{color:var(--foreground)}.wifi-section{background-color:var(--popover);border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:15px}.wifi-section h4{color:var(--foreground);margin-bottom:10px;margin-top:0}.wifi-warning{background-color:#ffe06626;border-left:4px solid var(--sidebar-accent);border-radius:4px;color:var(--sidebar-accent);font-size:13px;line-height:1.4;padding:10px}.wifi-status{color:var(--muted-foreground);font-size:13px;margin:8px 0}.wifi-clear-option label{align-items:center;color:var(--foreground);display:inline-flex;font-weight:500;gap:6px}.wifi-clear-option small{color:var(--muted-foreground);display:block;margin-top:4px}.wifi-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.wifi-actions .btn{min-width:160px}.device-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px}.connected-hardware,.hardware-info{background-color:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:30px;padding:24px}.connected-hardware h3{color:var(--foreground);margin:0 0 15px}.connected-empty{color:var(--muted-foreground);font-style:italic}.connected-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.connected-card{background-color:var(--popover);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 6px #0000002e;padding:20px}.connected-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.connected-card h4{color:var(--foreground);font-size:1.1rem;margin:0}.state-pill{background-color:var(--muted);border-radius:20px;color:var(--muted-foreground);font-size:12px;padding:4px 10px;text-transform:capitalize}.state-pill.online{background-color:#4caf50}.state-pill.offline{background-color:#f44336}.state-pill.ready,.state-pill.waiting{background-color:#ff9800}.connected-spool{background-color:#ffffff0d;border-radius:8px;margin:10px 0;padding:10px}.connected-spool p{color:var(--muted-foreground);font-size:13px;margin:6px 0}.connected-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.connected-actions .btn{flex:1 1 45%}
/*# sourceMappingURL=main.c9101896.css.map*/