@layer reset{*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Assistant,Rubik,sans-serif;line-height:1.5}button,input,select{font:inherit}}@layer theme{:root{--bg-main:beige;--brand-primary:#639;--accent-secondary:#ff8c00;--text-primary:#000;--text-on-brand:#fff;--surface:#ffffffe0;--surface-strong:#fffffff2;--border:#6393;--danger:#b00020;--radius-md:14px;--radius-lg:20px;--shadow-md:0 8px 28px #66339926}body{color:var(--text-primary);background:radial-gradient(circle at 85% 10%, #ff8c0033, transparent 35%), radial-gradient(circle at 20% 90%, #6393, transparent 30%), var(--bg-main)}}@layer layout{.app-shell{grid-template-columns:280px 1fr;gap:1rem;min-height:100vh;padding:1rem;display:grid}.app-sidebar{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1rem;display:flex}.brand-block h1{color:var(--brand-primary);margin:.2rem 0 0;font-size:1.3rem}.brand-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#0009;margin:0;font-size:.75rem}.side-nav{flex-direction:column;gap:.45rem;display:flex}.side-nav-item{color:var(--text-primary);background:#ffffffb3;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem .9rem;text-decoration:none;transition:all .2s;display:flex}.side-nav-icon{width:1.6rem;height:1.6rem;color:var(--brand-primary);background:#6633991a;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.side-nav-label{font-weight:600}.side-nav-item:hover{border-color:var(--border)}.side-nav-item--active{background:var(--brand-primary);color:var(--text-on-brand)}.side-nav-item--active .side-nav-icon{color:var(--text-on-brand);background:#fff3}.app-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.topbar{background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:1rem 1.2rem}.topbar h2{color:var(--brand-primary);margin:0}.topbar p{color:#000000a6;margin:.3rem 0 0}.page-wrap{min-width:0;display:block}.page-stack{flex-direction:column;gap:1rem;display:flex}@media (width<=980px){.app-shell{grid-template-columns:1fr}.app-sidebar{order:2}.app-main{order:1}.side-nav{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=620px){.side-nav{grid-template-columns:1fr}}}@layer components{.card,.empty-state{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-md)}.card{padding:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.card-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.muted{color:#000000a6}.status{border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.status--connected{color:#0f874b;background:#0f874b1f}.status--disconnected{color:var(--danger);background:#b000201f}.status--connecting{color:#6e3a00;background:#ff8c0026}.card-actions,.inline-actions,.form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.card-actions{margin-top:.9rem}.section-header{gap:.2rem;margin-bottom:.4rem;display:grid}.section-title{color:var(--brand-primary);margin:0;font-size:1.05rem}.section-description{color:#000000a8;margin:0;font-size:.92rem}.btn{background:var(--brand-primary);color:var(--text-on-brand);cursor:pointer;border:none;border-radius:10px;padding:.55rem .8rem;font-weight:600}.btn:hover{opacity:.92}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{color:var(--brand-primary);background:#6633991f}.btn--secondary{background:var(--accent-secondary);color:#000}.btn--danger{color:var(--text-on-brand);background:#b00020e6}.form-grid{gap:.8rem;display:grid}.form-grid label{gap:.3rem;font-weight:600;display:grid}.form-grid input,.form-grid select{background:#fff;border:1px solid #0003;border-radius:10px;padding:.55rem}.error-text{min-height:1rem;color:var(--danger);font-size:.8rem;font-weight:500}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:right;border-bottom:1px solid #0000001a;padding:.65rem .35rem}.clean-list{margin:0;padding:0;list-style:none}.list-row{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.empty-state{padding:1.2rem}.empty-state h4{color:var(--brand-primary);margin:0}.empty-state p{margin-bottom:0}.dialog-overlay{background:#0006;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-panel{border-radius:var(--radius-lg);width:min(480px,100%);box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;padding:1rem}.dialog-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dialog-header h4{color:var(--brand-primary);margin:0}.dialog-content{gap:.65rem;display:grid}.helper-text{color:#000000ad;margin:0;font-size:.9rem}.helper-text--warning{color:#b45000;font-weight:600}.dialog-actions{justify-content:flex-start;gap:.6rem;margin-top:.4rem;display:flex}.qr-placeholder{min-height:160px;color:var(--brand-primary);background:#6633990f;border:2px dashed #66339959;border-radius:12px;place-items:center;display:grid}.qr-image{width:min(240px,100%);height:auto}.feedback{color:#000000c7;margin:0}.feedback--error{color:var(--danger);font-weight:600}.feedback--success{color:#0f874b;font-weight:600}.feedback-link{color:var(--danger);cursor:pointer;text-align:right;background:0 0;border:none;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.footer-card{gap:.8rem;display:grid}.footer-card-title-row{gap:.2rem;display:grid}.footer-card-title-row h3{color:var(--brand-primary);margin:0;font-size:1.05rem}.footer-card-title-row p{margin:0}.footer-toggle-row{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.2rem;padding:0;display:flex}.switch-label{color:var(--brand-primary);font-size:1rem;font-weight:700}.switch-button{color:#000000b8;cursor:pointer;letter-spacing:0;background:#fffffff2;border:1px solid #66339947;border-radius:999px;justify-content:center;align-items:center;min-width:116px;height:42px;padding:0 14px 0 48px;font-size:.9rem;font-weight:700;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff80}.switch-button:after{content:"";background:var(--brand-primary);border-radius:50%;width:30px;height:30px;transition:left .2s,background-color .2s;position:absolute;left:6px;box-shadow:0 2px 6px #00000040}.switch-button--on{background:var(--brand-primary);color:var(--text-on-brand);border-color:#639;padding:0 48px 0 14px}.switch-button--on:after{background:#fff;left:calc(100% - 36px)}.switch-button:disabled{opacity:.6;cursor:not-allowed}.footer-text-label{font-weight:700}.footer-text-area{resize:vertical;background:#fff;border:1px solid #0003;border-radius:10px;width:100%;padding:.65rem}.footer-text-area:disabled{color:#0009;background:#0000000d}.footer-counter{color:#000000a8;justify-self:end;margin:0;font-size:.85rem}.footer-preview{gap:.35rem;display:grid}.footer-preview-label{margin:0;font-weight:700}.footer-preview-box{white-space:pre-wrap;word-break:break-word;background:#6633990f;border:1px solid #6393;border-radius:12px;margin:0;padding:.65rem}}