@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#c5c4c4;padding:20px}.login-card{background:#fff;padding:40px;box-shadow:0 10px 40px #0003;border-radius:12px;width:100%;max-width:420px;border-top:4px solid var(--dash-accent)}.login-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.login-subtitle{font-size:14px;color:#718096;margin:0 0 30px;text-align:center}.error-message{background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-form{display:flex;flex-direction:column;gap:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--dash-accent);box-shadow:0 0 0 3px rgba(var(--dash-accent-rgb),.1)}.btn-primary{padding:12px 24px;color:#fff;background:var(--dash-accent);border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:10px}.btn-primary:hover{background:#4c68e6;opacity:.88}.toggle-text{text-align:center;margin-top:24px;font-size:14px;color:#718096}.toggle-link{color:var(--dash-accent);font-weight:600;cursor:pointer}.toggle-link:hover{text-decoration:underline}.sn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182773;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.sn-details-modal{background:var(--sn-surface);border-radius:var(--sn-r-xl);width:100%;max-width:760px;height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px -4px #0000001a,0 8px 16px -4px #0000000a;border:1px solid var(--sn-border);overflow:hidden;position:relative;animation:sn-modal-slide-up .3s cubic-bezier(.16,1,.3,1) both}@keyframes sn-modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sn-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--sn-border);background:var(--sn-surface2)}.sn-modal-header__title-wrap{display:flex;align-items:center;gap:14px}.sn-modal-header__icon{width:40px;height:40px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--sn-r-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent)}.sn-modal-header h2{font-size:16px;font-weight:600;color:var(--sn-text);letter-spacing:-.01em;margin-bottom:2px}.sn-device-id-subtitle{font-family:var(--sn-mono);font-size:11.5px;color:var(--sn-text3)}.sn-btn-close{background:var(--sn-surface);border:1px solid var(--sn-border);color:var(--sn-text2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer}.sn-btn-close:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.sn-modal-tabs{display:flex;gap:4px;padding:0 28px;background:var(--sn-surface2);border-bottom:1px solid var(--sn-border);overflow-x:auto;scrollbar-width:none}.sn-modal-tabs::-webkit-scrollbar{display:none}.sn-modal-tab{padding:14px 16px;font-size:13px;font-weight:500;color:var(--sn-text2);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:6px}.sn-modal-tab i{font-size:14px;color:var(--sn-text3)}.sn-modal-body{padding:28px;overflow-y:auto;flex:1;background:var(--sn-surface)}.sn-modal-section{margin-bottom:24px}.sn-modal-section:last-child{margin-bottom:0}.sn-section-title{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sn-text2);margin-bottom:14px;display:flex;align-items:center;gap:6px}.sn-section-title__indicator{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-shadow)}.sn-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sn-info-list{display:flex;flex-direction:column;background:var(--sn-surface2);border-radius:var(--sn-r-lg);border:1px solid var(--sn-border);overflow:hidden}.sn-info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--sn-border);font-size:13px}.sn-info-item:last-child{border-bottom:none}.sn-info-label{color:var(--sn-text2);font-weight:500}.sn-info-value{color:var(--sn-text);font-weight:600}.sn-badge-status{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid transparent}.sn-badge-dot{width:6px;height:6px;border-radius:50%}.sn-badge-status.active{background:var(--green-bg);color:var(--green-dark);border-color:var(--green-border)}.sn-badge-status.active .sn-badge-dot{background:var(--green)}.sn-badge-status.inactive{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.sn-badge-status.inactive .sn-badge-dot{background:var(--red)}.sn-switches-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.sn-relay-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:18px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.sn-relay-card.live{border-color:var(--accent-border);box-shadow:0 4px 12px var(--accent-bg)}.sn-relay-card-hdr h4{font-size:14px;font-weight:600;color:var(--sn-text);margin-bottom:4px}.sn-relay-tag{font-family:var(--sn-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.sn-relay-tag.on{background:var(--green-bg);color:var(--green-dark)}.sn-relay-tag.off{background:var(--sn-surface2);color:var(--sn-text3);border:1px solid var(--sn-border)}.sn-relay-meta{background:var(--sn-surface2);padding:10px 12px;border-radius:var(--sn-r-md);display:flex;flex-direction:column;gap:6px;border:1px solid var(--sn-border)}.sn-meta-row{display:flex;justify-content:space-between;font-size:12px}.sn-meta-row span{color:var(--sn-text2)}.sn-meta-row strong{color:var(--sn-text);font-weight:600}.sn-meta-row strong.txt-ok{color:var(--green-dark)}.sn-meta-row strong.txt-err{color:var(--red)}.sn-relay-toggle-btn{padding:8px;font-size:12.5px;font-weight:600;border-radius:var(--sn-r-md);text-align:center;transition:all .15s ease;width:100%}.sn-relay-toggle-btn{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.sn-relay-toggle-btn:hover{background:var(--accent);color:#fff}.sn-relay-toggle-btn.live{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.sn-relay-toggle-btn.live:hover{background:var(--red);color:#fff}.sn-info-callout{display:flex;gap:10px;background:var(--accent-xlight);border:1px solid var(--accent-border);padding:12px 16px;border-radius:var(--sn-r-md);margin-bottom:18px;align-items:flex-start}.sn-info-callout i{color:var(--accent);font-size:16px;margin-top:2px}.sn-info-callout p{font-size:12.5px;line-height:1.5;color:var(--sn-text2);margin:0}.sn-success-banner{background:var(--green-bg);color:var(--green-dark);padding:10px 14px;border-radius:var(--sn-r-md);font-size:13px;font-weight:600;margin-bottom:16px;border:1px solid var(--green-border);display:flex;align-items:center;gap:6px}.sn-log-feed-stack{display:flex;flex-direction:column;gap:8px}.sn-log-row-item{border:1px solid var(--sn-border);border-radius:var(--sn-r-md);background:var(--sn-surface);overflow:hidden}.sn-log-row-item-hdr{background:var(--sn-surface2);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sn-border)}.sn-log-time{font-size:12px;font-weight:600;color:var(--sn-text);display:flex;align-items:center;gap:4px}.sn-log-time i{color:var(--sn-text3)}.sn-log-hash{font-family:var(--sn-mono);font-size:11px;color:var(--sn-text3)}.sn-log-row-item-body{padding:12px 14px}.sn-log-pills-flex{display:flex;flex-wrap:wrap;gap:6px}.sn-log-pill{background:var(--sn-surface2);border:1px solid var(--sn-border);padding:3px 8px;border-radius:4px;font-size:12px;display:flex;gap:4px}.sn-log-pill-key{color:var(--sn-text2);text-transform:uppercase;font-size:9.5px;font-weight:600;margin-top:2px}.sn-log-pill-val{color:var(--sn-text);font-weight:600;font-family:var(--sn-mono)}.sn-terminal-panel{margin:0;font-family:var(--sn-mono);font-size:12px;color:#f1f5f9;background:#0f172a;padding:12px;border-radius:var(--sn-r-md);overflow-x:auto;white-space:pre-wrap;border:1px solid #1e293b}.sn-btn-load-more{align-self:center;margin-top:12px;padding:8px 20px;background:transparent;color:var(--accent);border:1px solid var(--accent-border);font-size:13px;font-weight:600;border-radius:var(--sn-r-md);transition:all .15s ease}.sn-btn-load-more:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent)}.sn-modal-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:var(--sn-text2);font-size:13px}.sn-mini-spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:sn-spin .5s linear infinite}@media (max-width: 600px){.sn-details-modal{height:92vh}.sn-modal-header{padding:16px 20px}.sn-modal-tabs{padding:0 20px}.sn-modal-body{padding:16px}.sn-metrics-grid,.sn-switches-layout-grid{grid-template-columns:1fr}}.dev-card{background:var(--sn-surface, #ffffff);border:1px solid var(--sn-border, #e4e8ef);border-radius:var(--sn-r-lg, 14px);display:flex;flex-direction:column;overflow:hidden;font-family:var(--sn-font, "DM Sans", sans-serif);font-size:14px;color:var(--sn-text, #111827);transition:border-color .15s,box-shadow .2s,transform .15s}.dev-card:hover{border-color:var(--accent-border, rgba(79, 142, 247, .25));box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.dev-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--sn-border, #e4e8ef);gap:8px;background:transparent}.dev-card__brand{display:flex;align-items:center;gap:9px;min-width:0}.dev-card__icon-wrap{width:32px;height:32px;border-radius:var(--sn-r-sm, 6px);background:var(--accent-bg, rgba(79, 142, 247, .1));display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent, #4f8ef7);flex-shrink:0}.dev-card__meta{min-width:0}.dev-card__id{font-size:13px;font-weight:600;color:var(--sn-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-card__type{font-size:11px;color:var(--sn-text3, #9ba3b4);display:block;margin-top:1px}.dev-card__header-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.dev-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px;white-space:nowrap}.dev-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status--online{background:#2dd4a01a;color:#0a9e72;border:1px solid rgba(45,212,160,.25)}.status--online .dev-badge__dot{background:#2dd4a0;animation:dev-pulse 2s infinite}.status--active{background:#f5a6231a;color:#b37a00;border:1px solid rgba(245,166,35,.25)}.status--active .dev-badge__dot{background:#f5a623}.status--offline{background:#f76b6b1a;color:#c44040;border:1px solid rgba(247,107,107,.25)}.status--offline .dev-badge__dot{background:#f76b6b}.status--waiting{background:#f7f9fc;color:#9ba3b4;border:1px solid #e4e8ef}.status--waiting .dev-badge__dot{background:#9ba3b4}@keyframes dev-pulse{0%,to{opacity:1}50%{opacity:.3}}.dev-card__btn-remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--sn-r-sm, 6px);border:1px solid var(--sn-border, #e4e8ef);background:transparent;color:var(--sn-text3, #9ba3b4);cursor:pointer;font-size:13px;transition:all .15s;flex-shrink:0}.dev-card__btn-remove:hover{background:#f76b6b1a;color:#f76b6b;border-color:#f76b6b40}.dev-card__location{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;color:var(--sn-text2, #5a6278);border-bottom:1px solid var(--sn-border, #e4e8ef);background:var(--sn-surface2, #f7f9fc)}.dev-card__location i{font-size:13px;color:var(--accent, #4f8ef7);flex-shrink:0}.dev-card__info-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;min-height:44px}.dev-telem-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--sn-surface2, #f7f9fc);border:1px solid var(--sn-border, #e4e8ef);border-radius:99px;font-size:12px;font-family:var(--sn-mono, "DM Mono", monospace);color:var(--sn-text, #111827)}.dev-telem-chip i{font-size:12px}.dev-card__no-telem{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sn-text3, #9ba3b4)}.dev-card__no-telem i{font-size:14px}.dev-card__sw-section{padding:10px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.dev-card__sw-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-card__sw-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--sn-text2, #5a6278)}.dev-card__sw-label i{font-size:14px}.dev-card__sw-count{display:inline-flex;align-items:center;gap:2px;background:var(--sn-surface2, #f7f9fc);border:1px solid var(--sn-border, #e4e8ef);border-radius:99px;padding:1px 7px;font-size:11px}.dev-sw-on{color:var(--accent, #4f8ef7);font-weight:600}.dev-sw-sep,.dev-sw-total{color:var(--sn-text3, #9ba3b4)}.dev-sw-flash{font-size:11px;font-family:var(--sn-mono, "DM Mono", monospace);color:var(--green-dark, #0a9e72);background:#2dd4a01a;border:1px solid rgba(45,212,160,.25);padding:2px 8px;border-radius:99px;animation:dev-fadein .2s ease}@keyframes dev-fadein{0%{opacity:0}to{opacity:1}}.dev-card__edit-hint{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--sn-text3, #9ba3b4)}.dev-card__edit-hint i{font-size:11px}.dev-sw-track{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 6px;scrollbar-width:thin;scrollbar-color:var(--sn-border, #e4e8ef) transparent}.dev-sw-track::-webkit-scrollbar-thumb{background:var(--sn-border, #e4e8ef);border-radius:99px}.sw-tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;width:76px;min-width:76px;height:88px;padding:8px 6px;background:var(--sn-surface2, #f7f9fc);border:1.5px solid var(--sn-border, #e4e8ef);border-radius:10px;position:relative;flex-shrink:0;transition:border-color .15s,background .15s,box-shadow .15s}.sw-tile:hover{border-color:var(--accent-border, rgba(79, 142, 247, .25))}.sw-tile--on{background:var(--accent-bg, rgba(79, 142, 247, .08));border-color:var(--accent-border, rgba(79, 142, 247, .25));box-shadow:0 2px 8px var(--accent-shadow, rgba(79, 142, 247, .12))}.sw-tile__online-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;flex-shrink:0}.sw-tile__online-dot--on{background:#2dd4a0}.sw-tile__online-dot--off{background:var(--sn-text3, #9ba3b4)}.sw-tile__app-btn{width:28px;height:28px;border-radius:7px;background:var(--sn-surface, #fff);border:1px solid var(--sn-border, #e4e8ef);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--sn-text2, #5a6278);cursor:pointer;transition:all .15s;flex-shrink:0}.sw-tile__app-btn--on{background:var(--accent-bg, rgba(79, 142, 247, .1));color:var(--accent, #4f8ef7);border-color:var(--accent-border, rgba(79, 142, 247, .25))}.sw-tile__app-btn:hover{background:var(--accent, #4f8ef7);color:#fff;border-color:var(--accent, #4f8ef7)}.sw-tile__name-row{display:flex;align-items:center;gap:2px;width:100%;justify-content:center}.sw-tile__name{font-size:10px;color:var(--sn-text2, #5a6278);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50px;line-height:1.2}.sw-tile--on .sw-tile__name{color:var(--accent, #4f8ef7);font-weight:500}.sw-tile__pencil-btn{font-size:9px;color:var(--sn-text3, #9ba3b4);padding:2px;border-radius:3px;cursor:pointer;flex-shrink:0;transition:color .15s,background .15s;background:none;border:none}.sw-tile__pencil-btn:hover{color:var(--accent, #4f8ef7);background:var(--accent-bg, rgba(79, 142, 247, .1))}.sw-tile__toggle{width:32px;height:18px;border-radius:99px;background:var(--sn-border2, #cdd3de);position:relative;cursor:pointer;border:none;padding:0;transition:background .25s;flex-shrink:0}.sw-tile__toggle--on{background:var(--accent, #4f8ef7)}.sw-tile__toggle:disabled{opacity:.65;cursor:not-allowed}.sw-tile__knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;display:block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dev-sw-loading{display:flex;align-items:center;gap:5px;padding:12px 4px}.dev-sw-loading__dot{width:7px;height:7px;border-radius:50%;background:var(--accent-border, rgba(79, 142, 247, .25));animation:dev-bounce 1.2s ease-in-out infinite}.dev-sw-loading__dot:nth-child(2){animation-delay:.15s}.dev-sw-loading__dot:nth-child(3){animation-delay:.3s}@keyframes dev-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1.1);opacity:1}}.dev-sw-empty{display:flex;align-items:center;gap:7px;padding:12px 4px;font-size:12px;color:var(--sn-text3, #9ba3b4)}.dev-sw-empty i{font-size:15px}.sw-mini-spin{width:14px;height:14px;border:2px solid var(--accent-light, #e8f1fe);border-top-color:var(--accent, #4f8ef7);border-radius:50%;animation:sn-spin .6s linear infinite}.dev-card__footer{display:flex;align-items:center;justify-content:flex-end;padding:8px 14px;border-top:1px solid var(--sn-border, #e4e8ef);background:var(--sn-surface2, #f7f9fc)}.dev-card__details-btn{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--accent, #4f8ef7);cursor:pointer;padding:4px 8px;border-radius:var(--sn-r-sm, 6px);transition:all .15s;background:none;border:none}.dev-card__details-btn:hover{background:var(--accent-bg, rgba(79, 142, 247, .1))}.dev-card__details-btn i{font-size:13px}.dev-spinner{width:14px;height:14px;border:2px solid var(--accent-light, #e8f1fe);border-top-color:var(--accent, #4f8ef7);border-radius:50%;animation:sn-spin .6s linear infinite}.ap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:dev-fadein .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ap-sheet{background:var(--sn-surface, #fff);border-radius:18px 18px 0 0;padding:12px 16px 24px;width:100%;max-width:480px;max-height:70vh;overflow-y:auto;box-shadow:0 -8px 32px #0000001f;animation:ap-slide .25s cubic-bezier(.32,.72,0,1)}@keyframes ap-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ap-handle{width:36px;height:4px;background:var(--sn-border2, #cdd3de);border-radius:99px;margin:0 auto 14px}.ap-title{font-size:14px;font-weight:600;color:var(--sn-text, #111827);margin-bottom:12px;text-align:center}.ap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ap-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--sn-r-md, 10px);border:1.5px solid var(--sn-border, #e4e8ef);background:var(--sn-surface2, #f7f9fc);cursor:pointer;transition:all .15s;position:relative}.ap-item:hover{border-color:var(--accent-border, rgba(79, 142, 247, .25));background:var(--accent-bg, rgba(79, 142, 247, .08))}.ap-item--sel{border-color:var(--accent, #4f8ef7);background:var(--accent-bg, rgba(79, 142, 247, .1))}.ap-item__icon-wrap{width:34px;height:34px;border-radius:var(--sn-r-sm, 6px);background:var(--sn-surface, #fff);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--sn-text2, #5a6278);border:1px solid var(--sn-border, #e4e8ef)}.ap-item--sel .ap-item__icon-wrap{color:var(--accent, #4f8ef7);border-color:var(--accent-border, rgba(79, 142, 247, .25))}.ap-item__label{font-size:10px;color:var(--sn-text2, #5a6278);text-align:center;line-height:1.3}.ap-item--sel .ap-item__label{color:var(--accent, #4f8ef7);font-weight:500}.ap-item__check{position:absolute;top:6px;right:6px;font-size:14px;color:var(--accent, #4f8ef7)}.rd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;animation:dev-fadein .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rd-dialog{background:var(--sn-surface, #fff);border-radius:var(--sn-r-xl, 18px);padding:22px;width:320px;box-shadow:0 20px 60px #00000024;animation:rd-pop .2s cubic-bezier(.32,1.2,.64,1)}@keyframes rd-pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.rd-title{font-size:15px;font-weight:600;color:var(--sn-text, #111827);margin-bottom:14px}.rd-input-wrap{position:relative;margin-bottom:16px}.rd-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--sn-text3, #9ba3b4)}.rd-input{width:100%;padding:9px 12px 9px 32px;border:1.5px solid var(--sn-border, #e4e8ef);border-radius:var(--sn-r-md, 10px);font-family:var(--sn-font, "DM Sans", sans-serif);font-size:14px;color:var(--sn-text, #111827);background:var(--sn-surface, #fff);outline:none;transition:border-color .15s}.rd-input:focus{border-color:var(--accent, #4f8ef7)}.rd-actions{display:flex;gap:8px;justify-content:flex-end}.rd-btn{padding:7px 16px;border-radius:var(--sn-r-md, 10px);font-family:var(--sn-font, "DM Sans", sans-serif);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.rd-btn--cancel{background:var(--sn-surface2, #f7f9fc);color:var(--sn-text2, #5a6278);border:1px solid var(--sn-border, #e4e8ef)}.rd-btn--cancel:hover{background:var(--sn-border, #e4e8ef)}.rd-btn--save{background:var(--accent, #4f8ef7);color:#fff;box-shadow:0 2px 8px var(--accent-shadow, rgba(79, 142, 247, .2))}.rd-btn--save:hover{filter:brightness(1.08)}.sw-tile--offline{opacity:.5;filter:grayscale(1) brightness(.9);cursor:not-allowed!important;pointer-events:none!important;border-color:var(--sn-border, #e4e8ef)!important;box-shadow:none!important;background:#f1f3f7!important}.sw-tile--offline *{pointer-events:none!important;cursor:not-allowed!important}.sw-tile--offline .sw-tile__toggle{cursor:not-allowed;pointer-events:none}.sw-tile--offline .sw-tile__app-btn{pointer-events:none}.dev-card__offline-banner{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f76b6b14;border:1px solid rgba(247,107,107,.2);border-radius:8px;font-size:11px;color:#c44040}.dev-card__offline-banner i{font-size:13px;flex-shrink:0}.sw-tile--offline button:disabled{cursor:not-allowed;opacity:.5}.dev-card__details-btn--disabled,.dev-card__details-btn:disabled{color:var(--sn-text3, #9ba3b4)!important;background:transparent!important;cursor:not-allowed!important;pointer-events:none;opacity:.6}.dev-card__details-btn--disabled i{color:var(--sn-text3, #9ba3b4)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1a202c}.btn-close{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;padding:4px 8px;transition:color .2s}.btn-close:hover{color:#1a202c}.error-message{background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;margin:0 24px 16px;font-size:14px}.claim-form{padding:0 24px 24px}.help-text{margin:6px 0 0;font-size:13px;color:#718096}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-secondary{flex:1;padding:12px 24px;background:#fff;color:#4a5568;border:1.5px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.btn-primary{flex:1;padding:12px 24px;background:var(--dash-accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px var(--dash-accent-shadow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.success-message{background:#c6f6d5;color:#2f855a;padding:12px;border-radius:8px;margin:0 24px 16px;font-size:14px;text-align:center}.sn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.sn-location-panel{background:var(--sn-surface);border-radius:var(--sn-r-xl);width:100%;max-width:950px;height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px -4px #00000014,0 8px 16px -4px #0000000a;border:1px solid var(--sn-border);overflow:hidden;animation:sn-panel-fade-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes sn-panel-fade-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sn-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--sn-surface2);border-bottom:1px solid var(--sn-border)}.sn-modal-main-title{font-size:18px;font-weight:600;color:var(--sn-text);letter-spacing:-.02em}.sn-modal-subtitle{font-size:12px;color:var(--sn-text2);margin-top:2px}.sn-modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--sn-surface);border:1px solid var(--sn-border);color:var(--sn-text2);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.sn-modal-close-btn:hover{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.sn-modal-tabs{display:flex;gap:4px;background:var(--sn-surface2);padding:0 32px;border-bottom:1px solid var(--sn-border)}.sn-modal-tab{padding:12px 18px;font-size:13px;font-weight:500;color:var(--sn-text2);border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px;transition:all .15s}.sn-modal-tab i{font-size:15px;color:var(--sn-text3);transition:color .15s}.sn-modal-tab:hover{color:var(--sn-text)}.sn-modal-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.sn-modal-tab.active i{color:var(--accent)}.sn-modal-body{flex:1;overflow-y:auto;padding:32px;background:var(--sn-surface)}.sn-loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(410px,1fr));gap:16px}.sn-loc-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s,box-shadow .15s}.sn-loc-card:hover{border-color:var(--accent-border);box-shadow:0 4px 12px #00000005}.sn-loc-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.sn-loc-card-name{font-size:14px;font-weight:600;color:var(--sn-text)}.sn-loc-card-id{font-family:var(--sn-mono);font-size:11px;color:var(--sn-text3);background:var(--sn-surface2);padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block}.sn-loc-badge-wrap{display:flex;gap:4px}.sn-loc-badge{font-family:var(--sn-mono);font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sn-surface2);color:var(--sn-text2);border:1px solid var(--sn-border)}.sn-loc-badge--claimed{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.sn-loc-badge--active{background:var(--green-bg);color:var(--green-dark);border-color:var(--green-border)}.sn-loc-badge--inactive{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.sn-loc-display{display:flex;justify-content:space-between;align-items:center;background:var(--sn-surface2);padding:12px 16px;border-radius:var(--sn-r-md);border:1px solid var(--sn-border)}.sn-loc-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.sn-loc-info i{color:var(--accent);font-size:15px}.sn-loc-text{color:var(--sn-text)}.sn-loc-arrow{color:var(--sn-text3);margin:0 4px}.sn-loc-no-location{font-size:12.5px;color:var(--sn-text3);font-style:italic}.sn-btn-edit{font-size:12.5px;font-weight:600;color:var(--accent);cursor:pointer}.sn-btn-edit:hover{color:var(--accent-dark);text-decoration:underline}.sn-loc-edit-form{background:var(--sn-surface2);border:1px solid var(--sn-border);border-radius:var(--sn-r-md);padding:16px;display:flex;flex-direction:column;gap:12px}.sn-field-group label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sn-text2);margin-bottom:6px}.sn-field-group select,.sn-form-field input,.sn-form-field select{width:100%;padding:10px 14px;border:1px solid var(--sn-border);background:var(--sn-surface);color:var(--sn-text);border-radius:var(--sn-r-md);font-size:13.5px;font-family:var(--sn-font)}.sn-field-group select:focus,.sn-form-field input:focus,.sn-form-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}.sn-field-group select:disabled{background:var(--sn-surface2);color:var(--sn-text3);cursor:not-allowed}.sn-loc-help-text{font-size:11.5px;color:var(--amber);margin-top:4px}.sn-loc-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sn-btn-primary{background:var(--accent);color:#fff;font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--sn-r-md);box-shadow:0 2px 6px var(--accent-shadow);transition:all .15s}.sn-btn-primary:hover:not(:disabled){background:var(--accent-dark)}.sn-btn-ghost{background:transparent;border:1px solid var(--sn-border);color:var(--sn-text2);font-weight:500;font-size:13px;padding:8px 16px;border-radius:var(--sn-r-md);transition:all .15s}.sn-btn-ghost:hover{background:var(--sn-surface2);color:var(--sn-text)}.sn-modal-section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sn-modal-section-hdr h3{font-size:14px;font-weight:600;color:var(--sn-text)}.sn-btn-sm{padding:6px 12px;font-size:12px}.sn-loc-list{display:flex;flex-direction:column;gap:12px}.sn-property-row-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:20px}.sn-property-row-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sn-property-row-header h4{font-size:15px;font-weight:600;color:var(--sn-text)}.sn-property-row-address{font-size:12px;color:var(--sn-text2);margin-top:2px;display:block}.sn-btn-delete-small{background:transparent;color:var(--sn-text3);font-size:15px;cursor:pointer;transition:color .15s}.sn-btn-delete-small:hover{color:var(--red)}.sn-rooms-nested-box{background:var(--sn-surface2);border:1px solid var(--sn-border);border-radius:var(--sn-r-md);padding:14px 16px}.sn-rooms-nested-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sn-rooms-nested-hdr span{font-size:11px;font-weight:600;color:var(--sn-text2);text-transform:uppercase;letter-spacing:.05em}.sn-btn-add-tiny{background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer}.sn-btn-add-tiny:hover{color:var(--accent-dark);text-decoration:underline}.sn-rooms-chips-grid{display:flex;flex-wrap:wrap;gap:6px}.sn-room-chip{background:var(--sn-surface);border:1px solid var(--sn-border);padding:5px 12px;border-radius:99px;font-size:12.5px;color:var(--sn-text);display:inline-flex;align-items:center;gap:8px;font-weight:500}.sn-room-chip-delete{background:transparent;color:var(--sn-text3);font-size:10px;cursor:pointer}.sn-room-chip-delete:hover{color:var(--red)}.sn-no-rooms-fallback{font-size:12px;color:var(--sn-text3);font-style:italic}.sn-modal-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--sn-text2)}.sn-loc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 24px;border:1.5px dashed var(--sn-border);border-radius:var(--sn-r-xl);color:var(--sn-text2);text-align:center}.sn-loc-empty i{font-size:24px;color:var(--sn-text3)}.sn-mini-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sn-mini-modal{background:var(--sn-surface);border:1px solid var(--sn-border);box-shadow:0 20px 25px -5px #0000001a;border-radius:var(--sn-r-xl);padding:24px;width:100%;max-width:440px}.sn-mini-modal h3{font-size:15px;font-weight:600;color:var(--sn-text);margin-bottom:18px}.sn-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sn-form-field label{font-size:12px;font-weight:600;color:var(--sn-text2)}.sn-mini-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.sn-loc-grid{grid-template-columns:repeat(auto-fill,minmax(min(410px,100%),1fr))!important;width:100%!important;min-width:0!important}.sn-loc-card,.sn-property-row-card{min-width:0!important;max-width:100%!important;width:100%!important}@media (max-width: 640px){.sn-modal-overlay{padding:10px!important}.sn-location-panel{height:92vh!important;max-height:92vh!important;width:100%!important}.sn-modal-header{padding:16px!important}.sn-modal-tabs{padding:0 12px!important;overflow-x:auto!important;scrollbar-width:none}.sn-modal-tabs::-webkit-scrollbar{display:none}.sn-modal-tab{padding:10px 12px!important;font-size:12px!important;white-space:nowrap!important}.sn-modal-body{padding:16px!important}.sn-loc-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.sn-loc-badge-wrap{align-self:flex-start!important}.sn-loc-display{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:10px!important}.sn-btn-edit{align-self:flex-end!important}.sn-property-row-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.sn-btn-delete-small{align-self:flex-end!important;padding:4px 0!important}.ap-list{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 400px){.sn-rooms-nested-hdr{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.sn-mini-modal{padding:16px!important;margin:12px!important}}.lc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f14288c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:lc-fade-in .18s ease}@keyframes lc-fade-in{0%{opacity:0}to{opacity:1}}.lc-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;width:100%;max-width:780px;height:88vh;display:flex;flex-direction:column;overflow:hidden}.lc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.lc-header-left{display:flex;align-items:center;gap:12px}.lc-header-right{display:flex;align-items:center;gap:10px}.lc-header-icon{width:38px;height:38px;background:var(--dash-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.lc-title{margin:0;font-size:18px;font-weight:700;color:#1a202c}.lc-subtitle{margin:2px 0 0;font-size:12px;color:#718096}.lc-back-btn,.lc-close-btn{width:34px;height:34px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .15s;flex-shrink:0}.lc-back-btn:hover{background:#f7fafc;border-color:#cbd5e0}.lc-close-btn:hover{background:#fff5f5;border-color:#fc8181;color:#e53e3e}.lc-add-btn{padding:9px 18px;background:var(--dash-accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.lc-add-btn:hover{opacity:.9;transform:translateY(-1px)}.lc-body{flex:1;min-height:0;display:flex;flex-direction:column}.lc-scroll{overflow-y:auto}.lc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:14px;color:#718096;font-size:14px}.lc-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--dash-accent);border-radius:50%;animation:lc-spin .75s linear infinite}.lc-spinner--white{border-color:#fff3;border-top-color:#fff}.lc-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:lc-spin .75s linear infinite;margin-right:6px;vertical-align:middle}@keyframes lc-spin{to{transform:rotate(360deg)}}.lc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px;gap:14px}.lc-empty-icon{width:72px;height:72px;background:var(--dash-accent-light);color:var(--dash-accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.lc-empty h3{margin:0;font-size:18px;font-weight:700;color:#1a202c}.lc-empty p{margin:0;color:#718096;font-size:14px;max-width:320px;line-height:1.6}.lc-stream-list{padding:20px 24px}.lc-stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.lc-stream-card{border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;background:#fff}.lc-stream-card:hover{border-color:var(--dash-accent);box-shadow:0 4px 16px var(--dash-accent-shadow);transform:translateY(-2px)}.lc-stream-card:hover .lc-watch-overlay{opacity:1}.lc-stream-card--offline{opacity:.75}.lc-stream-card--offline .lc-card-thumb-bg{filter:grayscale(.6)}.lc-card-thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1a202c,#2d3748);overflow:hidden}.lc-card-thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.lc-live-pill{position:absolute;top:8px;left:8px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:5px}.lc-offline-pill{position:absolute;top:8px;left:8px;background:#00000073;color:#ffffffb3;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px}.lc-live-dot{width:5px;height:5px;background:#fff;border-radius:50%;animation:lc-blink 1.2s infinite;flex-shrink:0}@keyframes lc-blink{0%,to{opacity:1}50%{opacity:.3}}.lc-watch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--dash-accent-rgb),.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.lc-card-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.lc-card-top{display:flex;align-items:center;justify-content:space-between}.lc-card-name{font-size:13px;font-weight:600;color:#1a202c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-card-delete{background:none;border:none;cursor:pointer;color:#a0aec0;padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.lc-card-delete:hover{color:#e53e3e}.lc-card-id{font-size:10px;color:#a0aec0;font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-watch-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:8px;padding:7px 0;background:var(--dash-accent);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.lc-watch-btn:hover{opacity:.9}.lc-watch-btn--offline{background:#e2e8f0;color:#a0aec0;cursor:default}.lc-watch-btn--offline:hover{opacity:1}.lc-create{padding:24px;display:flex;flex-direction:column;gap:20px}.lc-form{display:flex;flex-direction:column;gap:10px}.lc-label{font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.lc-input{padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#1a202c;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.lc-input:focus{border-color:var(--dash-accent);box-shadow:0 0 0 3px rgba(var(--dash-accent-rgb),.12)}.lc-input-err{border-color:#fc8181!important}.lc-error{margin:0;font-size:12px;color:#e53e3e}.lc-hint{margin:0;font-size:12px;color:#a0aec0;line-height:1.5}.lc-form-actions{display:flex;gap:10px;margin-top:4px}.lc-cancel-btn{flex:1;padding:10px 0;background:#fff;color:#4a5568;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.lc-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.lc-generate-btn{flex:2;padding:10px 0;background:var(--dash-accent);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.lc-generate-btn:disabled{opacity:.65;cursor:not-allowed}.lc-generate-btn:not(:disabled):hover{opacity:.9}.lc-result{border:1.5px solid #c6f6d5;border-radius:12px;padding:20px;background:#f0fff4;display:flex;flex-direction:column;gap:10px}.lc-result-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.lc-result-check{width:30px;height:30px;background:#38a169;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.lc-result-header strong{display:block;font-size:15px;color:#1a202c;margin-bottom:2px}.lc-result-header p{margin:0;font-size:12px;color:#4a5568;line-height:1.5}.lc-section-header{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;margin-top:6px}.lc-section-header--blue{background:#ebf8ff}.lc-section-header--green{background:#f0fff4}.lc-section-header--purple{background:#faf5ff}.lc-section-icon{font-size:16px;line-height:1;margin-top:1px}.lc-section-title{font-size:12px;font-weight:700;color:#2d3748}.lc-section-sub{font-size:11px;color:#718096;margin-top:2px;line-height:1.4}.lc-cred-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.lc-cred-label{font-size:11px;font-weight:600;color:#718096;width:90px;flex-shrink:0}.lc-cred-value{flex:1;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#1a202c;word-break:break-all;min-width:0}.lc-copy-btn{background:var(--dash-accent-light);color:var(--dash-accent);border:none;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:inherit}.lc-copy-btn:hover{background:var(--dash-accent-xlight)}.lc-copy-btn--done{background:#c6f6d5;color:#276749}.lc-qr{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 4px}.lc-qr p{margin:0;font-size:11px;color:#718096}.lc-qr img{border-radius:8px;border:1px solid #e2e8f0}.lc-result-actions{display:flex;gap:10px;margin-top:4px}.lc-viewer{padding:0;flex:1;min-height:0;display:flex;flex-direction:column}.lc-video-wrap{position:relative;flex:1;background:#0a0a14;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lc-video{width:100%;height:100%;object-fit:contain;display:block}.lc-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a14d9;gap:14px}.lc-overlay-icon{font-size:36px}.lc-overlay-msg{color:#ffffffa6;font-size:14px;text-align:center;max-width:280px;line-height:1.6;margin:0}.lc-retry-btn{background:var(--dash-accent);padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.lc-retry-btn:hover{opacity:.9}.lc-live-badge{position:absolute;top:12px;left:12px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;border-radius:5px;display:flex;align-items:center;gap:5px}.lc-video-statusbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(transparent,#000000a6)}.lc-status-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff80}.lc-status-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40}.lc-status-pill--live .lc-status-dot{background:#68d391}.lc-status-pill--connecting .lc-status-dot{background:#63b3ed;animation:lc-blink 1s infinite}.lc-status-pill--failed .lc-status-dot{background:#fc8181}.lc-stream-id-label{margin-left:auto;font-size:10px;color:#ffffff40;font-family:SF Mono,Fira Code,monospace}.lc-open-external{font-size:11px;color:#ffffff80;text-decoration:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 8px;transition:all .15s}.lc-open-external:hover{color:#fff;border-color:#fff6}@media (max-width: 600px){.lc-modal{max-height:96vh;border-radius:12px}.lc-stream-grid{grid-template-columns:1fr 1fr;gap:12px}.lc-header,.lc-stream-list,.lc-create{padding:16px}.lc-title{font-size:16px}.lc-form-actions{flex-direction:column}.lc-cancel-btn,.lc-generate-btn{flex:none}}:root{--accent: #4f8ef7;--accent-rgb: 79, 142, 247;--accent-bg: rgba(79, 142, 247, .1);--accent-border: rgba(79, 142, 247, .25);--accent-light: #e8f1fe;--accent-xlight: #f3f7ff;--accent-dark: #3a7aee;--accent-shadow: rgba(79, 142, 247, .2);--green: #2dd4a0;--green-bg: rgba(45, 212, 160, .1);--green-border: rgba(45, 212, 160, .25);--green-dark: #0a9e72;--amber: #f5a623;--amber-bg: rgba(245, 166, 35, .1);--amber-border: rgba(245, 166, 35, .25);--red: #f76b6b;--red-bg: rgba(247, 107, 107, .1);--red-border: rgba(247, 107, 107, .25);--cool: #4fc3f7;--cool-bg: rgba(79, 195, 247, .1);--sn-bg: #f0f2f5;--sn-surface: #ffffff;--sn-surface2: #f7f9fc;--sn-border: #e4e8ef;--sn-border2: #cdd3de;--sn-text: #111827;--sn-text2: #5a6278;--sn-text3: #9ba3b4;--sn-font: "DM Sans", system-ui, sans-serif;--sn-mono: "DM Mono", monospace;--sn-r-sm: 6px;--sn-r-md: 10px;--sn-r-lg: 14px;--sn-r-xl: 18px;--sn-sidebar-w: 224px;--sn-header-h: 58px;--sn-mobile-nav-h: 60px}html,body{height:100%;font-family:var(--sn-font);background:var(--sn-bg);color:var(--sn-text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:var(--sn-font);cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}.sn-layout{display:grid;grid-template-columns:var(--sn-sidebar-w) minmax(0,1fr);grid-template-rows:var(--sn-header-h) 1fr;height:100vh;overflow:hidden;width:100%}.sn-header{grid-column:1 / -1;height:var(--sn-header-h);background:var(--sn-surface);border-bottom:1px solid var(--sn-border);display:flex;align-items:center;padding:0 16px;gap:12px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a}.sn-logo{width:var(--sn-sidebar-w);flex-shrink:0;display:flex;align-items:center;gap:10px}.sn-logo-branding{display:flex;align-items:center;gap:10px}.sn-logo-brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.sn-logo-wordmark{font-size:15px;font-weight:800;color:var(--sn-text);letter-spacing:-.3px}.sn-logo-tagline{font-size:10.5px;color:var(--sn-text3);font-weight:500}.sn-logo-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-shadow);flex-shrink:0}.sn-logo-img{height:32px;max-width:80px;object-fit:contain}.sn-logo-text{font-weight:700;font-size:15px;color:var(--accent)}.sn-breadcrumb{flex:1;display:flex;align-items:center;gap:0;font-size:13px;color:var(--sn-text2);min-width:0;overflow:hidden}.sn-bc-item{display:flex;align-items:center;min-width:0;flex-shrink:1}.sn-bc-sep{margin:0 5px;color:var(--sn-text3);flex-shrink:0}.sn-bc-crumb{transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sn-bc-crumb:hover:not(.active){color:var(--sn-text)}.sn-bc-crumb.active{color:var(--sn-text);font-weight:500}.sn-header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.sn-clock{font-size:11.5px;font-family:var(--sn-mono);color:var(--sn-text3);white-space:nowrap}.sn-live-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-family:var(--sn-mono);color:var(--green-dark);background:var(--green-bg);border:1px solid var(--green-border);padding:3px 9px;border-radius:99px;white-space:nowrap}.sn-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:sn-pulse 2s infinite;flex-shrink:0}@keyframes sn-pulse{0%,to{opacity:1}50%{opacity:.3}}.sn-user-pill{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;background:var(--sn-surface2);border:1px solid var(--sn-border);border-radius:99px}.sn-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sn-user-name{font-size:12px;font-weight:500;color:var(--sn-text);text-transform:capitalize;white-space:nowrap}.sn-hdr-btn{padding:6px 12px;border-radius:var(--sn-r-md);font-size:12px;font-weight:600;transition:all .15s;border:1px solid transparent;white-space:nowrap}.sn-hdr-btn--admin{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.sn-hdr-btn--admin:hover{background:var(--accent);color:#fff}.sn-hdr-btn--logout{background:transparent;color:var(--sn-text2);border-color:var(--sn-border)}.sn-hdr-btn--logout:hover{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.sn-menu-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--sn-r-md);background:var(--sn-surface2);border:1px solid var(--sn-border);color:var(--sn-text2);font-size:18px;flex-shrink:0;transition:all .15s;order:-1}.sn-menu-toggle:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.sn-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s;pointer-events:none}.sn-sidebar-overlay.visible{opacity:1;pointer-events:auto}.sn-sidebar{background:var(--sn-surface);border-right:1px solid var(--sn-border);padding:14px 10px 16px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--sn-border2) transparent}.sn-sidebar::-webkit-scrollbar{width:4px}.sn-sidebar::-webkit-scrollbar-track{background:transparent}.sn-sidebar::-webkit-scrollbar-thumb{background:var(--sn-border2);border-radius:99px}.sn-sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--sn-text3);padding:10px 10px 5px}.sn-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--sn-r-md);font-size:13px;font-weight:400;color:var(--sn-text2);transition:all .15s;width:100%;text-align:left}.sn-nav-item:hover{background:var(--sn-surface2);color:var(--sn-text)}.sn-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.sn-nav-item i{font-size:16px;flex-shrink:0}.sn-nav-prop{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--sn-r-md);font-size:12.5px;color:var(--sn-text2);transition:all .15s;width:100%;text-align:left}.sn-nav-prop:hover{background:var(--sn-surface2);color:var(--sn-text)}.sn-nav-prop.active{color:var(--sn-text);background:var(--sn-surface2)}.sn-nav-prop i:first-child{font-size:15px;flex-shrink:0}.sn-nav-prop span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-prop-arrow{font-size:12px;color:var(--sn-text3);flex-shrink:0;transition:transform .2s}.sn-nav-prop.open .sn-prop-arrow{transform:rotate(90deg)}.sn-nav-rooms{display:flex;flex-direction:column;gap:1px;padding-left:16px;margin-bottom:2px}.sn-nav-room{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:var(--sn-r-sm);font-size:12px;color:var(--sn-text3);transition:all .15s;width:100%;text-align:left}.sn-nav-room:hover{color:var(--sn-text2);background:var(--sn-surface2)}.sn-nav-room.active{color:var(--accent);font-weight:500}.sn-nav-room i{font-size:13px;flex-shrink:0}.sn-nav-room-prop{font-style:italic}.sn-nav-room-empty{font-size:11px;color:var(--sn-text3);padding:4px 10px;font-style:italic}.sn-nav-action{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--sn-r-md);font-size:12.5px;color:var(--sn-text2);transition:all .15s;width:100%;text-align:left}.sn-nav-action:hover{background:var(--accent-bg);color:var(--accent)}.sn-nav-action i{font-size:15px;flex-shrink:0}.sn-sidebar-loading,.sn-sidebar-empty{font-size:12px;color:var(--sn-text3);padding:6px 10px}.sn-sidebar-footer{margin-top:auto;padding-top:12px}.sn-online-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--green-dark);background:var(--green-bg);border:1px solid var(--green-border);padding:5px 10px;border-radius:99px;width:fit-content}.sn-online-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:sn-pulse 2s infinite;flex-shrink:0}.sn-main{overflow-y:auto;overflow-x:hidden;padding:22px 24px 40px;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--sn-border2) transparent}.sn-main::-webkit-scrollbar{width:5px}.sn-main::-webkit-scrollbar-track{background:transparent}.sn-main::-webkit-scrollbar-thumb{background:var(--sn-border2);border-radius:99px}.sn-view{display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}.sn-tab-bar{display:flex;gap:3px;background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:4px;width:fit-content;max-width:100%;box-shadow:0 1px 3px #0000000a;overflow-x:auto;scrollbar-width:none}.sn-tab-bar::-webkit-scrollbar{display:none}.sn-tab-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--sn-r-md);font-size:13px;font-weight:400;color:var(--sn-text2);transition:all .15s;white-space:nowrap;flex-shrink:0}.sn-tab-btn:hover{color:var(--sn-text)}.sn-tab-btn.active{background:var(--accent);color:#fff;font-weight:500;box-shadow:0 2px 8px var(--accent-shadow)}.sn-tab-btn i{font-size:14px}.sn-tab-content{display:flex;flex-direction:column;gap:16px;min-width:0}.sn-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sn-metric-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #00000008;transition:border-color .15s}.sn-metric-card:hover{border-color:var(--sn-border2)}.sn-metric-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sn-text2)}.sn-metric-label i{font-size:14px}.sn-metric-value{font-size:26px;font-weight:500;letter-spacing:-.02em;color:var(--sn-text);line-height:1.1}.sn-metric-value sup{font-size:13px;font-weight:400;color:var(--sn-text2)}.sn-metric-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:var(--sn-mono);padding:2px 8px;border-radius:99px;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-badge-neu{background:var(--sn-surface2);color:var(--sn-text2);border:1px solid var(--sn-border)}.sn-badge-up{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.sn-badge-down,.sn-badge-ok{background:var(--green-bg);color:var(--green-dark);border:1px solid var(--green-border)}.sn-section-hdr{display:flex;align-items:center;justify-content:space-between}.sn-section-hdr h2{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--sn-text2);text-transform:uppercase}.sn-section-hdr__right{font-size:12px;color:var(--sn-text3)}.sn-prop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sn-prop-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-xl);padding:18px;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.sn-prop-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.sn-prop-card-hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.sn-prop-card-title{font-size:15px;font-weight:500;color:var(--sn-text);display:flex;align-items:center;gap:7px}.sn-prop-card-title i{font-size:17px;color:var(--accent)}.sn-prop-card-sub{font-size:11px;color:var(--sn-text3);margin-top:3px}.sn-status-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex-shrink:0}.si-ok{background:var(--green);box-shadow:0 0 6px var(--green-bg)}.si-warn{background:var(--amber);box-shadow:0 0 6px var(--amber-bg)}.si-neu{background:var(--sn-text3)}.sn-prop-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sn-pm{background:var(--sn-surface2);border:1px solid var(--sn-border);border-radius:var(--sn-r-md);padding:10px 12px}.sn-pm-label{font-size:11px;color:var(--sn-text3);display:flex;align-items:center;gap:4px;margin-bottom:4px}.sn-pm-label i{font-size:12px}.sn-pm-val{font-size:18px;font-weight:500;color:var(--sn-text)}.sn-temp-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sn-temp-tag{font-size:10px;padding:2px 7px;border-radius:99px;display:inline-flex;align-items:center;gap:3px}.sn-tt-hot{background:var(--red-bg);color:var(--red)}.sn-tt-warm{background:var(--amber-bg);color:var(--amber)}.sn-tt-cool{background:var(--cool-bg);color:var(--cool)}.sn-tt-ok{background:var(--green-bg);color:var(--green-dark)}.sn-tt-neu{background:var(--sn-surface2);color:var(--sn-text3)}.sn-prop-footer{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:4px;font-weight:500}.sn-chart-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-xl);padding:18px;box-shadow:0 1px 3px #00000008}.sn-chart-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sn-chart-card-title{font-size:13px;font-weight:500;color:var(--sn-text)}.sn-chart-card-right{font-size:11px;color:var(--sn-text3)}.sn-chart-empty{display:flex;align-items:center;justify-content:center;gap:8px;height:120px;font-size:13px;color:var(--sn-text3)}.sn-chart-empty i{font-size:18px}.sn-temp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sn-temp-card{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:14px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}.sn-temp-card:hover{border-color:var(--sn-border2);transform:translateY(-1px)}.sn-temp-room{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--sn-text2);gap:6px}.sn-temp-room>span{display:flex;align-items:center;gap:5px}.sn-temp-prop{font-size:10px;color:var(--sn-text3)}.sn-temp-reading{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.sn-temp-hot{color:var(--red)}.sn-temp-warm{color:var(--amber)}.sn-temp-cool{color:var(--cool)}.sn-temp-ok{color:var(--green-dark)}.sn-temp-setpoint{font-size:11px;color:var(--sn-text3)}.sn-temp-bar-wrap{height:4px;background:var(--sn-surface2);border-radius:99px;border:1px solid var(--sn-border)}.sn-temp-bar{height:4px;border-radius:99px;transition:width .4s}.sn-temp-bar-hot{background:var(--red)}.sn-temp-bar-warm{background:var(--amber)}.sn-temp-bar-cool{background:var(--cool)}.sn-temp-bar-ok{background:var(--green)}.sn-room-list{display:flex;flex-direction:column;gap:6px}.sn-room-row{background:var(--sn-surface);border:1px solid var(--sn-border);border-radius:var(--sn-r-lg);padding:13px 15px;display:flex;align-items:center;gap:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sn-room-row:hover{border-color:var(--accent-border);box-shadow:0 2px 8px #0000000a}.sn-room-icon{width:36px;height:36px;border-radius:var(--sn-r-md);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--accent);flex-shrink:0}.sn-room-info{flex:1;min-width:0}.sn-room-name{font-size:13px;font-weight:500;color:var(--sn-text)}.sn-room-devs{font-size:11px;color:var(--sn-text3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-room-metrics{display:flex;gap:20px;flex-shrink:0}.sn-rm{text-align:right}.sn-rm-val{font-size:14px;font-weight:500;color:var(--sn-text)}.sn-rm-lbl{font-size:10px;color:var(--sn-text3);margin-top:2px}.sn-chevron{font-size:16px;color:var(--sn-text3);flex-shrink:0}.sn-room-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sn-devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px;width:100%;min-width:0}.sn-device-grid-item{animation:sn-slideup .3s ease both;min-width:0;width:100%}@keyframes sn-slideup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sn-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:var(--sn-text2);font-size:13px}.sn-spinner{width:32px;height:32px;border:3px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:sn-spin .7s linear infinite}@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-empty-card{display:flex;align-items:center;gap:10px;padding:18px;background:var(--sn-surface);border:1.5px dashed var(--sn-border);border-radius:var(--sn-r-lg);font-size:13px;color:var(--sn-text2)}.sn-empty-card i{font-size:20px;color:var(--sn-text3);flex-shrink:0}.sn-link-btn{color:var(--accent);font-weight:500;text-decoration:underline;cursor:pointer;background:none;border:none;font-family:var(--sn-font);font-size:inherit;padding:0}.sn-link-btn:hover{color:var(--accent-dark)}.dev-card{background:var(--sn-surface)!important;border:1px solid var(--sn-border)!important;border-radius:var(--sn-r-lg)!important;overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;transition:border-color .15s,box-shadow .2s,transform .15s!important}.dev-card:hover{border-color:var(--accent-border)!important;box-shadow:0 4px 16px #0000000f!important;transform:translateY(-1px)!important}.dev-sw-track{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 8px!important;max-width:100%!important;scrollbar-width:thin!important;scrollbar-color:var(--sn-border2) transparent!important}.dev-sw-track::-webkit-scrollbar{height:3px}.dev-sw-track::-webkit-scrollbar-track{background:transparent}.dev-sw-track::-webkit-scrollbar-thumb{background:var(--sn-border2);border-radius:99px}.sw-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:76px!important;min-width:76px!important;height:84px!important;padding:8px 6px!important;background:var(--sn-surface2)!important;border:1.5px solid var(--sn-border)!important;border-radius:var(--sn-r-md)!important;cursor:default;transition:border-color .15s,background .15s!important;position:relative;flex-shrink:0!important}.sw-tile--on{background:var(--accent-bg)!important;border-color:var(--accent-border)!important}.sw-tile__online-dot{position:absolute!important;top:6px!important;right:6px!important;width:6px!important;height:6px!important;border-radius:50%!important}.sw-tile__online-dot--on{background:var(--green)!important}.sw-tile__online-dot--off{background:var(--sn-text3)!important}.sw-tile__app-btn{width:28px!important;height:28px!important;border-radius:var(--sn-r-sm)!important;background:var(--sn-surface)!important;border:1px solid var(--sn-border)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;color:var(--sn-text2)!important;cursor:pointer!important;transition:all .15s!important;flex-shrink:0!important}.sw-tile__app-btn--on{background:var(--accent-bg)!important;color:var(--accent)!important;border-color:var(--accent-border)!important}.sw-tile__app-btn:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.sw-tile__name-row{display:flex!important;align-items:center!important;gap:3px!important;width:100%!important;justify-content:center!important}.sw-tile__name{font-size:10px!important;color:var(--sn-text2)!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:52px!important;line-height:1.2!important}.sw-tile__pencil-btn{font-size:10px!important;color:var(--sn-text3)!important;padding:2px!important;border-radius:3px!important;cursor:pointer!important;flex-shrink:0!important;opacity:.6;transition:opacity .15s,color .15s!important}.sw-tile__pencil-btn:hover{opacity:1;color:var(--accent)!important}.sw-tile__toggle{width:32px!important;height:18px!important;border-radius:99px!important;background:var(--sn-border2)!important;position:relative!important;cursor:pointer!important;transition:background .25s!important;border:none!important;flex-shrink:0!important}.sw-tile__toggle--on{background:var(--accent)!important}.sw-tile__knob{position:absolute!important;top:2px!important;left:2px!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#fff!important;transition:transform .25s!important;box-shadow:0 1px 3px #0003!important}.sw-tile__toggle.sw-tile__toggle--on .sw-tile__knob{transform:translate(14px)!important}.dev-card__header{background:transparent!important;border-bottom:1px solid var(--sn-border)!important;min-width:0;overflow:hidden}.dev-card__id{color:var(--sn-text)!important;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-card__type{color:var(--sn-text3)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-card__location{color:var(--sn-text2)!important;border-bottom:1px solid var(--sn-border)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-card__sw-head,.dev-card__sw-label{color:var(--sn-text2)!important}.dev-card__edit-hint{color:var(--sn-text3)!important;font-size:10px!important}.dev-card__footer{border-top:1px solid var(--sn-border)!important;background:var(--sn-surface2)!important}.dev-card__details-btn{color:var(--accent)!important;font-size:12px!important;font-weight:500!important}.dev-card__details-btn:hover{color:var(--accent-dark)!important}.dev-card__btn-remove{color:var(--sn-text3)!important;border:1px solid var(--sn-border)!important;border-radius:var(--sn-r-sm)!important;padding:4px 6px!important;background:transparent!important;transition:all .15s!important}.dev-card__btn-remove:hover{color:var(--red)!important;border-color:var(--red-border)!important;background:var(--red-bg)!important}.dev-badge{font-size:11px!important;border-radius:99px!important;padding:2px 8px!important}.dev-badge.status--online{background:var(--green-bg)!important;color:var(--green-dark)!important;border:1px solid var(--green-border)!important}.dev-badge.status--active{background:var(--amber-bg)!important;color:var(--amber)!important;border:1px solid var(--amber-border)!important}.dev-badge.status--offline{background:var(--red-bg)!important;color:var(--red)!important;border:1px solid var(--red-border)!important}.dev-badge.status--waiting{background:var(--sn-surface2)!important;color:var(--sn-text3)!important;border:1px solid var(--sn-border)!important}.dev-badge__dot{display:none!important}.dev-telem-chip{background:var(--sn-surface2)!important;border:1px solid var(--sn-border)!important;color:var(--sn-text)!important;border-radius:99px!important;padding:3px 9px!important;font-size:12px!important}.dev-card__no-telem{color:var(--sn-text3)!important;font-size:12px!important}.dev-sw-count{color:var(--sn-text2)!important}.dev-sw-on{color:var(--accent)!important;font-weight:600!important}.dev-sw-total{color:var(--sn-text3)!important}.sw-mini-spin{width:14px!important;height:14px!important;border:2px solid var(--accent-light)!important;border-top-color:var(--accent)!important;border-radius:50%!important;animation:sn-spin .6s linear infinite!important}@media (max-width: 1280px){.sn-metric-grid{grid-template-columns:repeat(2,1fr)}.sn-temp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){:root{--sn-sidebar-w: 200px}.sn-devices-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.sn-prop-grid{grid-template-columns:1fr}}@media (max-width: 768px){:root{--sn-sidebar-w: 52px}.sn-menu-toggle{display:flex}.sn-logo{width:auto;flex-shrink:0}.sn-logo-branding{gap:0}.sn-logo-brand-text,.sn-logo-img,.sn-logo-text,.sn-logo-wordmark,.sn-logo-tagline{display:none}.sn-bc-crumb{max-width:80px}.sn-sidebar{padding:12px 6px;align-items:center}.sn-sidebar-section-label,.sn-nav-item span,.sn-nav-prop span,.sn-nav-rooms,.sn-nav-action span,.sn-online-badge span,.sn-sidebar-loading,.sn-sidebar-empty{display:none}.sn-nav-item,.sn-nav-prop,.sn-nav-action{justify-content:center;padding:10px;width:40px;border-radius:var(--sn-r-md)}.sn-prop-arrow{display:none}.sn-online-badge{padding:5px;width:32px;height:32px;justify-content:center}.sn-main{padding:16px 16px 32px}.sn-metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sn-temp-grid{grid-template-columns:repeat(2,1fr)}.sn-prop-grid,.sn-room-charts-grid,.sn-devices-grid{grid-template-columns:1fr}.sn-clock{display:none}}@media (max-width: 640px){:root{--sn-sidebar-w: 0px;--sn-header-h: 52px}.sn-layout{grid-template-columns:1fr;grid-template-rows:var(--sn-header-h) 1fr}.sn-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:201;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none;padding:14px 10px 16px;align-items:flex-start;padding-top:calc(var(--sn-header-h) + 8px)}.sn-sidebar.drawer-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sn-sidebar.drawer-open .sn-sidebar-section-label,.sn-sidebar.drawer-open .sn-nav-item span,.sn-sidebar.drawer-open .sn-nav-prop span,.sn-sidebar.drawer-open .sn-nav-rooms,.sn-sidebar.drawer-open .sn-nav-action span,.sn-sidebar.drawer-open .sn-online-badge span,.sn-sidebar.drawer-open .sn-sidebar-loading,.sn-sidebar.drawer-open .sn-sidebar-empty{display:flex}.sn-sidebar.drawer-open .sn-sidebar-section-label{display:block}.sn-sidebar.drawer-open .sn-nav-item,.sn-sidebar.drawer-open .sn-nav-prop,.sn-sidebar.drawer-open .sn-nav-action{justify-content:flex-start;padding:8px 10px;width:100%}.sn-sidebar.drawer-open .sn-prop-arrow{display:inline-block}.sn-sidebar.drawer-open .sn-online-badge{padding:5px 10px;width:fit-content;height:auto}.sn-sidebar.drawer-open .sn-logo-brand-text{display:flex}.sn-sidebar-overlay{display:block}.sn-header{padding:0 12px;gap:8px}.sn-logo{width:auto}.sn-logo-brand-text,.sn-user-name,.sn-hdr-btn--admin{display:none}.sn-hdr-btn--logout{padding:5px 9px;font-size:11px}.sn-live-badge{padding:3px 7px;font-size:10px}.sn-main{padding:14px 12px 28px;grid-column:1}.sn-metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sn-metric-card{padding:12px}.sn-metric-value{font-size:22px}.sn-temp-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sn-temp-reading{font-size:24px}.sn-prop-grid,.sn-devices-grid,.sn-room-charts-grid{grid-template-columns:1fr;gap:10px}.sn-tab-bar{width:100%}.sn-tab-btn{padding:6px 12px;font-size:12px}.sn-chart-card{padding:14px}.sn-room-metrics{gap:12px}.sn-room-row{padding:10px 12px;gap:10px}}@media (max-width: 400px){.sn-metric-grid{grid-template-columns:1fr 1fr;gap:6px}.sn-metric-card{padding:10px;gap:6px}.sn-metric-value{font-size:20px}.sn-metric-badge{font-size:10px}.sn-temp-grid{grid-template-columns:1fr 1fr;gap:6px}.sn-temp-card{padding:10px}.sn-temp-reading{font-size:22px}.sn-prop-card{padding:14px}.sn-pm-val{font-size:16px}.sn-room-row{flex-wrap:wrap}.sn-room-metrics{width:100%;justify-content:flex-start;margin-top:6px}.sn-tab-btn{padding:6px 10px;font-size:11px}.sn-tab-btn i,.sn-chevron{display:none}}.sn-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 768px){.sn-charts-row{grid-template-columns:1fr}}:root{--accent: #6366f1;--accent-rgb: 99, 102, 241;--accent-light: #eef2ff;--accent-xlight: #f5f7ff;--accent-dark: #4f52d6;--accent-darker: #3d3fb5;--sidebar-bg: #1a1a2e;--sidebar-bg2: #16213e;--sidebar-border: rgba(99, 102, 241, .15);--sidebar-active: rgba(99, 102, 241, .2);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-text: rgba(255, 255, 255, .5);--sidebar-text-active: #ffffff;--sidebar-logo-color: #818cf8;--page-bg: #f5f7ff;--topbar-bg: #ffffff;--card-bg: #ffffff;--border-color: #e8ecf4;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 1px 6px rgba(0, 0, 0, .07), 0 4px 16px rgba(0, 0, 0, .04);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .2);--transition: .18s ease;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font)}.adm-shell{display:flex;min-height:100vh;background:var(--page-bg);font-family:var(--font);transition:background var(--transition)}.adm-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--page-bg)}.adm-loading__ring{width:40px;height:40px;border:3px solid rgba(var(--accent-rgb),.2);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}.adm-loading__text{font-size:14px;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.adm-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;z-index:20;transition:width .22s cubic-bezier(.4,0,.2,1),background var(--transition);border-right:1px solid var(--sidebar-border)}.sidebar-open .adm-sidebar{width:224px}.sidebar-closed .adm-sidebar{width:62px}.adm-sidebar__top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--sidebar-border);min-height:62px;flex-shrink:0;position:relative;overflow:visible}.sidebar-closed .adm-sidebar__top{flex-direction:column;justify-content:center;gap:12px;padding:16px 0;min-height:80px}.sidebar-closed .adm-sidebar__logo{justify-content:center;width:100%}.adm-sidebar__logo{display:flex;align-items:center;gap:10px;min-width:0}.adm-sidebar__logo-icon{font-size:22px;color:var(--sidebar-logo-color);flex-shrink:0;transition:color var(--transition)}.adm-sidebar__logo-text{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.3px}.adm-sidebar__toggle{background:#ffffff08;border:1px solid var(--sidebar-border);color:var(--accent);border-radius:var(--radius-sm);width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;line-height:1;transition:all var(--transition);box-shadow:0 2px 6px #00000026}.sidebar-closed .adm-sidebar__toggle{margin:0 auto;width:28px;height:28px;background:var(--sidebar-bg2);border-color:rgba(var(--accent-rgb),.4)}.adm-sidebar__toggle:hover{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.4);transform:scale(1.05)}.adm-sidebar__toggle:active{transform:scale(.95)}.adm-tenant-pill{margin:12px 12px 0;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--radius-md);padding:8px 12px}.adm-tenant-pill__label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-logo-color);margin-bottom:2px;font-weight:600}.adm-tenant-pill__id{display:block;font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-sidebar__nav{flex:1;padding:14px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.adm-sidebar__foot{padding:8px 8px 16px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:2px;flex-shrink:0}.adm-nav-btn{display:flex;align-items:center;gap:11px;padding:10px 12px;border:none;background:transparent;color:var(--sidebar-text);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);transition:background var(--transition),color var(--transition);width:100%;text-align:left;white-space:nowrap;position:relative;overflow:hidden}.adm-nav-btn:hover{background:var(--sidebar-hover);color:#ffffffd9}.adm-nav-btn.active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.adm-nav-btn--logout:hover{background:#ef44441f;color:#fca5a5}.adm-nav-btn__icon{font-size:17px;flex-shrink:0;width:20px;text-align:center}.adm-nav-btn__label{flex:1}.adm-nav-btn__pip{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.adm-main{flex:1;display:flex;flex-direction:column;min-width:0;transition:background var(--transition)}.adm-topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border-color);padding:0 28px;height:62px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10;transition:background var(--transition),border-color var(--transition)}.adm-topbar__title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.adm-topbar__right{display:flex;align-items:center;gap:12px}.adm-theme-swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:transform .15s,box-shadow .15s;flex-shrink:0}.adm-theme-swatch:hover{transform:scale(1.15);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25)}.adm-admin-chip{display:flex;align-items:center;gap:8px;background:var(--accent-xlight);border:1px solid var(--border-color);border-radius:24px;padding:4px 12px 4px 4px;transition:background var(--transition)}.adm-admin-chip__name{font-size:13px;font-weight:600;color:var(--text-primary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-content{padding:28px;flex:1}.adm-avatar{border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font);flex-shrink:0;transition:background var(--transition)}.adm-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;font-family:var(--font)}.adm-badge--default,.adm-badge--muted{background:#f1f5f9;color:#64748b}.adm-badge--accent{background:var(--accent);color:#fff}.adm-badge--accent-soft{background:var(--accent-light);color:var(--accent-dark)}.adm-badge--green{background:#22c55e1f;color:#15803d}.adm-badge--red{background:#ef44441f;color:#b91c1c}.adm-badge--amber{background:#f59e0b1f;color:#92400e}.adm-badge--blue{background:#3b82f61f;color:#1d4ed8}.adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-weight:600;cursor:pointer;transition:opacity var(--transition),transform .1s,background var(--transition);white-space:nowrap}.adm-btn:disabled{opacity:.55;pointer-events:none}.adm-btn:hover{opacity:.87;transform:translateY(-1px)}.adm-btn:active{transform:translateY(0)}.adm-btn--sm{padding:5px 12px;font-size:12px}.adm-btn--md{padding:9px 20px;font-size:14px}.adm-btn--primary{background:var(--accent);color:#fff}.adm-btn--ghost{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-color)}.adm-btn--green{background:#22c55e24;color:#15803d}.adm-btn--warning{background:#f59e0b24;color:#92400e}.adm-btn--danger{background:#ef44441f;color:#b91c1c}.adm-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-card);border:1px solid var(--border-color);transition:background var(--transition),border-color var(--transition)}.adm-card__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}.adm-card__title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.adm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:22px}.adm-stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-card);border:1px solid var(--border-color);border-left:4px solid transparent;transition:background var(--transition),border-color var(--transition),transform .15s}.adm-stat-card:hover{transform:translateY(-2px)}.adm-stat-card--blue{border-left-color:var(--accent)}.adm-stat-card--purple{border-left-color:#a855f7}.adm-stat-card--green{border-left-color:#22c55e}.adm-stat-card--amber{border-left-color:#f59e0b}.adm-stat-card--teal{border-left-color:#14b8a6}.adm-stat-card__icon{font-size:22px;color:var(--accent);flex-shrink:0;transition:color var(--transition)}.adm-stat-card--purple .adm-stat-card__icon{color:#a855f7}.adm-stat-card--green .adm-stat-card__icon{color:#22c55e}.adm-stat-card--amber .adm-stat-card__icon{color:#f59e0b}.adm-stat-card--teal .adm-stat-card__icon{color:#14b8a6}.adm-stat-card__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.adm-stat-card__value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-1px;line-height:1}.adm-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 820px){.adm-overview-grid{grid-template-columns:1fr}}.adm-mini-list{display:flex;flex-direction:column;gap:10px;list-style:none}.adm-mini-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-color)}.adm-mini-row:last-child{border-bottom:none}.adm-mini-row__info{flex:1;min-width:0}.adm-mini-row__name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-mini-row__sub{font-size:12px;color:var(--text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-breakdown{display:flex;flex-direction:column;gap:12px}.adm-breakdown-row{display:flex;align-items:center;gap:10px}.adm-breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.adm-breakdown-dot--green{background:#22c55e}.adm-breakdown-dot--red{background:#ef4444}.adm-breakdown-dot--accent{background:var(--accent)}.adm-breakdown-dot--amber{background:#f59e0b}.adm-breakdown-label{font-size:13px;color:var(--text-secondary);width:60px;flex-shrink:0}.adm-breakdown-bar{flex:1;height:6px;background:var(--accent-xlight);border-radius:99px;overflow:hidden;transition:background var(--transition)}.adm-breakdown-bar__fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.adm-breakdown-bar__fill--green{background:#22c55e}.adm-breakdown-bar__fill--red{background:#ef4444}.adm-breakdown-bar__fill--accent{background:var(--accent)}.adm-breakdown-bar__fill--amber{background:#f59e0b}.adm-breakdown-val{font-size:13px;font-weight:600;color:var(--text-primary);width:28px;text-align:right;flex-shrink:0}.adm-section__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.adm-section__count{font-size:13px;color:var(--text-muted)}.adm-section__count strong{color:var(--text-primary)}.adm-table-wrap{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-color);overflow-x:auto;transition:background var(--transition)}.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}.adm-table th{text-align:left;padding:12px 16px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--accent-xlight);border-bottom:1px solid var(--border-color);transition:background var(--transition)}.adm-table td{padding:13px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle}.adm-table tbody tr:last-child td{border-bottom:none}.adm-table tbody tr:hover{background:var(--accent-xlight);transition:background .12s}.adm-mono{font-family:DM Mono,Courier New,monospace;font-size:12.5px;color:var(--accent);font-weight:500;transition:color var(--transition)}.adm-muted{color:var(--text-muted)}.adm-actions{display:flex;gap:6px;flex-wrap:wrap}.adm-empty-state{background:var(--card-bg);border-radius:var(--radius-lg);padding:52px 24px;text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-card);border:1px dashed var(--border-color)}.adm-empty-state__icon{display:block;font-size:36px;color:var(--accent);margin-bottom:12px;opacity:.4}.adm-empty-state__sub{font-size:13px;color:var(--text-muted);margin-top:6px}.adm-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 0}.adm-theme-page{display:flex;flex-direction:column;gap:20px;max-width:680px}.adm-theme-hint{font-size:13px;color:var(--text-muted);line-height:1.6;margin-top:-8px;margin-bottom:20px}.adm-theme-preview{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;background:var(--accent-xlight);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background var(--transition)}.adm-theme-preview__swatch{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 2px 8px #0000002e;transition:background .25s}.adm-theme-preview__label{font-size:15px;font-weight:700;color:var(--text-primary)}.adm-theme-preview__hex{font-family:DM Mono,monospace;font-size:12px;color:var(--text-muted);margin-top:2px}.adm-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;margin-bottom:10px}.adm-palette-chip{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.adm-palette-chip:hover{transform:scale(1.18);box-shadow:0 4px 14px #00000040}.adm-palette-chip.selected{border-color:#fff;box-shadow:0 0 0 3px #00000040,0 4px 12px #0003;transform:scale(1.12)}.adm-palette-chip__check{font-size:15px;font-weight:900;line-height:1}.adm-palette-labels{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:20px}.adm-palette-label{font-size:11px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:color var(--transition),background var(--transition)}.adm-palette-label:hover,.adm-palette-label.active{color:var(--accent);background:var(--accent-light)}.adm-theme-footer{display:flex;align-items:center;gap:14px;padding-top:4px}.adm-theme-saved-msg{font-size:12.5px;color:#16a34a;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.adm-theme-demo{display:flex;flex-direction:column;gap:14px}.adm-theme-demo-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.adm-theme-demo-stat{display:flex;gap:10px}.adm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1a8c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.adm-modal{background:var(--card-bg);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:440px;box-shadow:var(--shadow-modal);border:1px solid var(--border-color);transition:background var(--transition)}.adm-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.adm-modal__head h2{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.adm-modal__close{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);font-family:var(--font)}.adm-modal__close:hover{color:var(--text-primary);background:var(--accent-light)}.adm-modal__hint{font-size:13px;color:var(--text-muted);margin-bottom:18px;line-height:1.55}.adm-modal__body{display:flex;flex-direction:column;gap:16px}.adm-modal__foot{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.adm-form-error{background:#ef444414;border:1px solid rgba(239,68,68,.28);color:#b91c1c;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:4px;font-size:13px}.adm-field{display:flex;flex-direction:column;gap:6px}.adm-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.adm-field input,.adm-field select{padding:10px 13px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--card-bg);font-family:var(--font);transition:border-color var(--transition),box-shadow var(--transition)}.adm-field input:focus,.adm-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.adm-field input:disabled{background:var(--accent-xlight);color:var(--text-muted)}@media (max-width: 600px){.adm-content{padding:16px}.adm-topbar{padding:0 16px}.adm-stat-grid{grid-template-columns:1fr 1fr}.adm-palette-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.adm-palette-chip{width:32px;height:32px}}.adm-sidebar__logo-img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;display:block}.sidebar-open .adm-sidebar__logo-img{width:34px;height:34px}.adm-logo-preview-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;background:var(--accent-xlight);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background var(--transition)}.adm-logo-preview-box{width:64px;height:64px;border-radius:var(--radius-md);background:var(--sidebar-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0000002e}.adm-logo-preview-img{width:100%;height:100%;object-fit:contain;display:block}.adm-logo-preview-placeholder{font-size:28px;color:var(--sidebar-logo-color);opacity:.6}.adm-logo-preview-info{display:flex;flex-direction:column;gap:4px}.adm-logo-status{font-size:13px;font-weight:600}.adm-logo-status--pending{color:#d97706}.adm-logo-status--saved{color:#16a34a}.adm-logo-status--empty{color:var(--text-muted)}.adm-logo-hint-text{font-size:12px;color:var(--text-muted)}.adm-logo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.adm-toolbar-actions{display:flex;align-items:center;gap:8px}.adm-device-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;background:var(--card-bg);padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:background var(--transition),border-color var(--transition)}.adm-search-wrap{position:relative;flex:1;min-width:200px}.adm-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px;pointer-events:none}.adm-search-input{width:100%;padding:9px 36px 9px 38px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:13.5px;color:var(--text-primary);background:var(--page-bg);font-family:var(--font);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.adm-search-input:focus{outline:none;border-color:var(--accent);background:var(--card-bg);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.adm-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.adm-search-clear:hover{background:var(--accent-light);color:var(--text-primary)}.adm-filter-select{padding:9px 32px 9px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:13.5px;font-weight:500;color:var(--text-secondary);background:var(--card-bg);font-family:var(--font);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.adm-filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.adm-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:color var(--transition),background var(--transition)}.adm-th-sort:hover{color:var(--text-primary)!important;background:var(--accent-light)!important}.adm-modal--wide{max-width:580px}.adm-bulk-template-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 14px;background:var(--accent-xlight);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:-4px}.adm-bulk-preview{margin-top:4px;display:flex;flex-direction:column;gap:8px}.adm-bulk-preview__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.adm-table-wrap--sm{max-height:220px;overflow-y:auto;border-radius:var(--radius-md)}.adm-bulk-result{display:flex;flex-direction:column;gap:12px}.adm-bulk-result__row{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--radius-md);border:1px solid transparent}.adm-bulk-result__row--success{background:#22c55e14;border-color:#22c55e33}.adm-bulk-result__row--warn{background:#f59e0b14;border-color:#f59e0b33}.adm-bulk-result__icon{font-size:18px;font-weight:700;line-height:1}.adm-bulk-result__row--success .adm-bulk-result__icon{color:#16a34a}.adm-bulk-result__row--warn .adm-bulk-result__icon{color:#d97706}.adm-bulk-result__label{font-size:14px;font-weight:600;color:var(--text-primary)}.adm-bulk-result__count{font-size:13px;color:var(--text-secondary);margin-top:2px}.adm-bulk-result__ids{font-family:DM Mono,monospace;font-size:11.5px;color:#b45309;background:#f59e0b1f;padding:4px 8px;border-radius:4px;margin-top:6px;word-break:break-all}.sa-login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#0f0f1a;padding:20px}.sa-login-card{background:#1a1a2e;border:1px solid #2d2d4e;padding:40px;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080}.sa-login-badge{display:inline-block;background:#6c3483;color:#e8d5f5;font-size:11px;font-weight:700;letter-spacing:2px;padding:4px 12px;border-radius:20px;margin-bottom:16px}.sa-login-title{color:#e2e8f0;font-size:26px;font-weight:700;margin:0 0 6px}.sa-login-subtitle{font-size:13px;color:#64748b;margin:0 0 28px}.sa-error-message{background:#c5303026;border:1px solid #c53030;color:#fc8181;padding:10px 14px;border-radius:8px;margin-bottom:20px;font-size:13px}.sa-login-form{display:flex;flex-direction:column;gap:20px}.sa-form-group{display:flex;flex-direction:column;gap:6px}.sa-form-group label{font-size:13px;font-weight:600;color:#94a3b8}.sa-form-group input{padding:11px 14px;background:#0f0f1a;border:1.5px solid #2d2d4e;border-radius:8px;font-size:14px;color:#e2e8f0;transition:border-color .2s}.sa-form-group input:focus{outline:none;border-color:#6c3483;box-shadow:0 0 0 3px #6c348333}.sa-btn-primary{padding:12px 24px;background:#6c3483;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:6px}.sa-btn-primary:hover{background:#7d3c98}.sa-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sad-root{--bg-root: #07070f;--bg-sidebar: rgba(6, 6, 16, .97);--bg-topbar: rgba(7, 7, 15, .92);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .05);--bg-input: rgba(255, 255, 255, .05);--bg-modal: #0d0d1f;--bg-table-head: rgba(0, 0, 0, .3);--bg-nav-active: rgba(230, 57, 70, .1);--bg-avatar: rgba(230, 57, 70, .15);--bg-overlay: rgba(0, 0, 0, .82);--bg-user-card: rgba(255, 255, 255, .03);--bg-logout: rgba(230, 57, 70, .08);--bg-setting-card: rgba(255, 255, 255, .02);--border-base: rgba(255, 255, 255, .06);--border-modal: rgba(255, 255, 255, .09);--border-input: rgba(255, 255, 255, .08);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-faint: #2d3a4a;--text-mono: #38bdf8;--accent: #e63946;--accent-alt: #ff6b75;--accent-glow: rgba(230, 57, 70, .35);--accent-subtle: rgba(230, 57, 70, .1);--accent-text: #e63946;--green: #22d3a0;--blue: #38bdf8;--amber: #f59e0b;--violet: #a78bfa;--red: #e63946;--chart-grid: rgba(255, 255, 255, .04);--scrollbar-thumb: rgba(255, 255, 255, .08);--sidebar-border: rgba(255, 255, 255, .05);--divider: rgba(255, 255, 255, .04);--sidebar-text-primary: #f1f5f9;--sidebar-text-muted: #64748b;--sidebar-collapse-bg: rgba(255, 255, 255, .06);--sidebar-collapse-border: rgba(255, 255, 255, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 32px 80px rgba(0, 0, 0, .75)}[data-theme=light] .sad-root{--bg-root: #f0f2f8;--bg-sidebar: #ffffff;--bg-topbar: rgba(240, 242, 248, .95);--bg-card: #ffffff;--bg-card-hover: #f8f9fc;--bg-input: #f5f6fa;--bg-modal: #ffffff;--bg-table-head: #f5f6fa;--bg-nav-active: rgba(230, 57, 70, .08);--bg-avatar: rgba(230, 57, 70, .1);--bg-overlay: rgba(0, 0, 0, .55);--bg-user-card: #f5f6fa;--bg-logout: rgba(230, 57, 70, .07);--bg-setting-card: #ffffff;--border-base: rgba(0, 0, 0, .08);--border-modal: rgba(0, 0, 0, .1);--border-input: rgba(0, 0, 0, .1);--text-primary: #1a1a2e;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--text-mono: #0284c7;--accent: #e63946;--accent-alt: #c0303b;--accent-glow: rgba(230, 57, 70, .3);--accent-subtle: rgba(230, 57, 70, .08);--accent-text: #c0303b;--green: #059669;--blue: #0284c7;--amber: #d97706;--violet: #7c3aed;--red: #dc2626;--chart-grid: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .12);--sidebar-border: rgba(0, 0, 0, .08);--divider: rgba(0, 0, 0, .06);--sidebar-text-primary: #1a1a2e;--sidebar-text-muted: #6b7280;--sidebar-collapse-bg: rgba(0, 0, 0, .05);--sidebar-collapse-border: rgba(0, 0, 0, .12);--shadow-card: 0 2px 16px rgba(0, 0, 0, .08);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .2)}[data-theme=white] .sad-root{--bg-root: #f9fafb;--bg-sidebar: #ffffff;--bg-topbar: rgba(255, 255, 255, .98);--bg-card: #ffffff;--bg-card-hover: #f5f5f5;--bg-input: #f5f5f5;--bg-modal: #ffffff;--bg-table-head: #f9fafb;--bg-nav-active: rgba(230, 57, 70, .07);--bg-avatar: rgba(230, 57, 70, .08);--bg-overlay: rgba(0, 0, 0, .45);--bg-user-card: #f9fafb;--bg-logout: rgba(230, 57, 70, .06);--bg-setting-card: #ffffff;--border-base: #e5e7eb;--border-modal: #e5e7eb;--border-input: #d1d5db;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--text-mono: #0369a1;--accent: #e63946;--accent-alt: #b91c28;--accent-glow: rgba(230, 57, 70, .28);--accent-subtle: rgba(230, 57, 70, .07);--accent-text: #b91c28;--green: #16a34a;--blue: #0369a1;--amber: #b45309;--violet: #6d28d9;--red: #dc2626;--chart-grid: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(0, 0, 0, .1);--sidebar-border: #e5e7eb;--divider: #e5e7eb;--sidebar-text-primary: #111827;--sidebar-text-muted: #6b7280;--sidebar-collapse-bg: rgba(0, 0, 0, .04);--sidebar-collapse-border: #d1d5db;--shadow-card: 0 1px 8px rgba(0, 0, 0, .06);--shadow-modal: 0 20px 50px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-root);font-family:Sora,system-ui,sans-serif;color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.sad-root{display:flex;min-height:100vh;background:var(--bg-root);font-family:Sora,system-ui,sans-serif;color:var(--text-primary);transition:background .25s ease}.sad-loading-screen{min-height:100vh;background:var(--bg-root);display:flex;align-items:center;justify-content:center}.sad-loading-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.sad-loading-logo{width:68px;height:68px;background:var(--accent-subtle);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--accent);animation:sad-pulse 2s ease-in-out infinite;border:1px solid var(--accent-glow)}.sad-loading-bar{width:200px;height:2px;background:var(--border-base);border-radius:2px;overflow:hidden}.sad-loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-alt));animation:sad-loading-bar 1.6s ease-in-out infinite;border-radius:2px}.sad-loading-text{color:var(--text-muted);font-size:12px;letter-spacing:.07em;margin:0;text-transform:uppercase}.sad-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sad-sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),background .25s ease,border-color .25s ease;z-index:100;overflow:visible}.sad-sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--sidebar-border);min-height:72px;position:relative;overflow:visible}.sad-sidebar.collapsed .sad-sidebar-logo{justify-content:center;padding:20px 8px 16px}.sad-sidebar.collapsed .sad-collapse-btn{position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:110;background:var(--bg-sidebar);border:1.5px solid var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow),2px 0 10px #00000026}.sad-logo-icon{width:38px;height:38px;background:var(--accent-subtle);border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;border:1px solid var(--accent-glow)}.sad-logo-text{display:flex;flex-direction:column;flex:1;overflow:hidden}.sad-logo-title{font-size:15px;font-weight:800;color:var(--sidebar-text-primary);letter-spacing:-.02em;white-space:nowrap}.sad-logo-sub{font-size:9px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.85}.sad-collapse-btn{background:var(--accent-subtle);border:1px solid var(--accent-glow);color:var(--accent);border-radius:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 0 10px var(--accent-glow),inset 0 0 6px var(--accent-subtle)}.sad-collapse-btn:hover{background:#e6394633;box-shadow:0 0 18px var(--accent-glow),0 0 6px var(--accent-glow);border-color:var(--accent)}.sad-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sad-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;background:transparent;border:none;cursor:pointer;transition:all .15s;position:relative;text-align:left;white-space:nowrap;width:100%;min-height:44px;color:var(--sidebar-text-muted)}.sad-nav-item:hover{background:var(--bg-nav-active);color:var(--sidebar-text-primary)}.sad-nav-item.active{background:var(--bg-nav-active);color:var(--accent)}.sad-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s;opacity:.7}.sad-nav-item.active .sad-nav-icon{opacity:1;color:var(--accent)}.sad-nav-label{font-size:13.5px;font-weight:500;color:var(--sidebar-text-muted);flex:1;transition:color .15s}.sad-nav-item.active .sad-nav-label{color:var(--sidebar-text-primary);font-weight:600}.sad-nav-count{background:#8080801f;color:var(--sidebar-text-muted);font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;font-family:JetBrains Mono,monospace}.sad-nav-active-pill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent-glow)}.sad-sidebar-footer{padding:12px 8px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:8px}.sad-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-user-card);border-radius:10px}.sad-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-alt));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.sad-user-info{overflow:hidden;flex:1}.sad-user-name{font-size:12px;font-weight:700;color:var(--sidebar-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-user-email{font-size:10px;color:var(--sidebar-text-muted);margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:var(--bg-logout);border:1px solid rgba(230,57,70,.18);border-radius:10px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;font-family:Sora,sans-serif}.sad-logout-btn:hover{background:#e6394624;border-color:#e639464d}.sad-main-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sad-topbar{position:sticky;top:0;background:var(--bg-topbar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-base);padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:64px;z-index:50}.sad-topbar-left{display:flex;align-items:center;gap:16px}.sad-mobile-menu-btn{display:none;background:var(--bg-card);border:1px solid var(--border-base);color:var(--text-muted);border-radius:8px;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sad-page-title{font-size:18px;font-weight:800;margin:0;color:var(--text-primary);letter-spacing:-.03em}.sad-page-breadcrumb{font-size:11px;color:var(--text-faint);margin:2px 0 0}.sad-topbar-right{display:flex;align-items:center;gap:16px}.sad-topbar-status{display:flex;align-items:center;gap:7px}.sad-status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:sad-pulse-dot 2.5s ease-in-out infinite;flex-shrink:0}.sad-status-text{font-size:12px;color:var(--text-muted)}.sad-topbar-time{font-size:12px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.sad-theme-switcher{display:flex;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border-base);border-radius:10px;padding:4px}.sad-theme-btn{width:28px;height:28px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);transition:all .2s;font-size:13px}.sad-theme-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sad-theme-btn.active{background:var(--accent-subtle);color:var(--accent)}.sad-main{padding:28px;flex:1}.sad-error-banner{background:#e639461a;border:1px solid rgba(230,57,70,.22);color:var(--accent);padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:13px}.sad-dash-grid{display:flex;flex-direction:column;gap:20px}.sad-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sad-stat-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:16px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:sad-fadeUp .4s ease both;box-shadow:var(--shadow-card)}.sad-stat-card:hover{border-color:var(--accent-glow);transform:translateY(-2px);box-shadow:0 8px 30px #e639461a}.sad-stat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sad-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px;font-weight:700}.sad-stat-value{font-size:34px;font-weight:800;margin:0 0 4px;letter-spacing:-.04em;line-height:1;color:var(--text-primary)}.sad-stat-sub{font-size:11px;color:var(--text-faint);margin:0;display:flex;align-items:center;gap:4px}.sad-stat-icon-wrap{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center}.sad-stat-bar{height:3px;border-radius:3px;overflow:hidden;margin-top:4px}.sad-stat-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.sad-charts-row{display:flex;gap:16px;flex-wrap:wrap}.sad-chart-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:16px;padding:22px;min-width:0;flex:1;box-shadow:var(--shadow-card)}.sad-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sad-chart-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 3px;letter-spacing:-.02em}.sad-chart-sub{font-size:11px;color:var(--text-faint);margin:0}.sad-chart-badge{background:var(--accent-subtle);color:var(--accent-text);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.05em;white-space:nowrap}.sad-recent-list{display:flex;flex-direction:column;gap:10px}.sad-recent-item{display:flex;align-items:center;gap:10px;padding:6px 0}.sad-recent-avatar{width:34px;height:34px;background:var(--bg-avatar);color:var(--accent);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.sad-recent-info{flex:1;overflow:hidden}.sad-recent-name{font-size:13px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sad-recent-email{font-size:11px;color:var(--text-faint);margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-view-all-btn{background:transparent;border:1px solid var(--border-base);color:var(--text-muted);padding:4px 12px;border-radius:7px;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Sora,sans-serif}.sad-view-all-btn:hover{border-color:var(--accent-glow);color:var(--accent-text)}.sad-empty-text{color:var(--text-faint);font-size:13px;text-align:center;padding:16px 0;margin:0}.sad-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.sad-badge-active{background:#22d3a01f;color:#22d3a0}.sad-badge-inactive{background:#e639461f;color:var(--accent)}.sad-badge-info{background:#38bdf81f;color:#38bdf8}.sad-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sad-section-title{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--text-primary);letter-spacing:-.03em}.sad-section-sub{font-size:12px;color:var(--text-faint);margin:0}.sad-primary-btn{display:flex;align-items:center;gap:8px;background:var(--accent);border:none;color:#fff;padding:10px 18px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap;font-family:Sora,sans-serif;letter-spacing:-.01em;box-shadow:0 4px 16px var(--accent-glow)}.sad-primary-btn:hover{opacity:.88;transform:translateY(-1px)}.sad-table-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:16px;overflow:hidden;overflow-x:auto;box-shadow:var(--shadow-card)}.sad-table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}.sad-th{text-align:left;padding:13px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);border-bottom:1px solid var(--border-base);background:var(--bg-table-head);white-space:nowrap}.sad-td{padding:13px 16px;color:var(--text-secondary);border-bottom:1px solid var(--divider)}.sad-tr{transition:background .15s}.sad-tr:hover .sad-td{background:var(--bg-card-hover)}.sad-tr:last-child .sad-td{border-bottom:none}.sad-empty-row{text-align:center;color:var(--text-faint);padding:40px 16px;font-size:13px}.sad-action-btns{display:flex;gap:6px;flex-wrap:wrap}.sad-btn{padding:5px 12px;border:none;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s;font-family:Sora,sans-serif;text-transform:uppercase;letter-spacing:.04em}.sad-btn:hover{opacity:.78}.sad-btn-success{background:#22d3a01f;color:#22d3a0}.sad-btn-warning{background:#f59e0b1f;color:#f59e0b}.sad-btn-danger{background:#e639461f;color:var(--accent)}.sad-settings-card{background:var(--bg-setting-card);border:1px solid var(--border-base);border-radius:16px;padding:4px 0;box-shadow:var(--shadow-card)}.sad-setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.sad-setting-label{font-size:11px;color:var(--text-faint);margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.sad-setting-value{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.sad-setting-divider{height:1px;background:var(--divider);margin:0 22px}.sad-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.sad-modal{background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:18px;padding:30px;width:100%;max-width:450px;box-shadow:var(--shadow-modal);animation:sad-modal-in .25s cubic-bezier(.34,1.56,.64,1)}.sad-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sad-modal-title{font-size:18px;font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.03em}.sad-modal-sub{font-size:12px;color:var(--text-faint);margin:0}.sad-close-btn{background:var(--bg-card);border:1px solid var(--border-base);border-radius:9px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:all .2s}.sad-close-btn:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-glow)}.sad-form-error{background:#e639461a;border:1px solid rgba(230,57,70,.22);color:var(--accent);padding:10px 14px;border-radius:9px;margin-bottom:16px;font-size:13px}.sad-modal-form{display:flex;flex-direction:column;gap:16px}.sad-form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.sad-form-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sad-form-input{padding:11px 14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s;font-family:Sora,sans-serif;width:100%;min-width:0}.sad-form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.sad-form-input-mono{font-family:JetBrains Mono,monospace}.sad-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.sad-btn-secondary{padding:10px 18px;background:transparent;border:1px solid var(--border-base);color:var(--text-muted);border-radius:10px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:600;font-family:Sora,sans-serif}.sad-btn-secondary:hover{border-color:var(--accent-glow);color:var(--text-primary)}.sad-btn-primary{padding:10px 22px;background:var(--accent);border:none;color:#fff;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:Sora,sans-serif;box-shadow:0 4px 14px var(--accent-glow)}.sad-btn-primary:hover{opacity:.88}.sad-btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes sad-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sad-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sad-pulse-dot{0%,to{box-shadow:0 0 8px var(--green)}50%{box-shadow:0 0 16px var(--green),0 0 4px var(--green)}}@keyframes sad-modal-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.sad-mobile-menu-btn{display:flex}.sad-sidebar{transform:translate(-100%)}.sad-sidebar.mobile-open{transform:translate(0)}.sad-main-wrapper{margin-left:0!important}.sad-topbar{padding:0 16px}.sad-main{padding:16px}.sad-charts-row{flex-direction:column}.sad-status-text,.sad-topbar-time{display:none}.sad-dt-cmd-row,.sad-dt-row{grid-template-columns:1fr!important;gap:10px}.sad-dt-remove-btn{margin-top:4px!important;width:100%!important}}.sad-empty-state-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:16px;padding:60px 40px;text-align:center;box-shadow:var(--shadow-card)}.sad-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sad-product-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s;box-shadow:var(--shadow-card)}.sad-product-card:hover{border-color:var(--accent-glow);transform:translateY(-2px)}.sad-product-card-top{display:flex;align-items:flex-start;gap:12px}.sad-product-icon{width:42px;height:42px;background:#38bdf81f;color:#38bdf8;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-family:JetBrains Mono,monospace;flex-shrink:0}.sad-product-header{flex:1;min-width:0}.sad-product-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-product-category{font-size:11px;color:var(--text-faint);margin:0}.sad-product-chip{background:var(--bg-table-head);border:1px solid var(--border-base);color:var(--text-muted);font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;font-family:JetBrains Mono,monospace;white-space:nowrap}.sad-feature-tag{background:#a78bfa1a;color:#a78bfa;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.sad-product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;flex-wrap:wrap;gap:8px}.sad-modal-wide{max-width:760px;width:100%;max-height:88vh;overflow-y:auto}.sad-dt-form{gap:12px}.sad-dt-section-label{font-size:10px;font-weight:700;color:var(--accent-text);text-transform:uppercase;letter-spacing:.1em;margin:8px 0 0;padding-bottom:6px;border-bottom:1px solid var(--border-base)}.sad-dt-section-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;padding-bottom:6px;border-bottom:1px solid var(--border-base)}.sad-dt-add-btn{display:flex;align-items:center;gap:5px;background:var(--accent-subtle);border:1px solid var(--accent-glow);color:var(--accent-text);padding:4px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s;font-family:Sora,sans-serif}.sad-dt-add-btn:hover{opacity:.8}.sad-dt-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:end}.sad-dt-cmd-row{display:grid;grid-template-columns:2fr 1fr 2fr 3fr auto;gap:12px;align-items:end;padding:14px;background:var(--bg-table-head);border-radius:10px;border:1px solid var(--border-base)}.sad-dt-cmd-row:has(input[placeholder*=temperature]),.sad-dt-cmd-row:has(input[placeholder*=°C]){grid-template-columns:2fr 1fr 1fr 1fr auto}.sad-dt-remove-btn{background:#e639461a;border:1px solid rgba(230,57,70,.2);color:var(--accent);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s;margin-top:0!important}.sad-dt-remove-btn:hover{opacity:.75}.sad-features-grid{display:flex;flex-wrap:wrap;gap:7px}.sad-feature-toggle{background:var(--bg-table-head);border:1px solid var(--border-base);color:var(--text-muted);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .15s;font-family:Sora,sans-serif}.sad-feature-toggle.active{background:#a78bfa26;border-color:#a78bfa;color:#a78bfa}.sad-spec-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sad-spec-block{background:var(--bg-table-head);border:1px solid var(--border-base);border-radius:8px;padding:10px 14px;min-width:100px}.sad-spec-label{font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.sad-spec-value{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.sad-spec-section{margin-top:16px}.sad-spec-table-wrap{border:1px solid var(--border-base);border-radius:10px;overflow:hidden}.sad-step-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-base);padding:16px 24px;border-radius:14px;gap:12px}.sad-step{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;font-weight:500;white-space:nowrap}.sad-step-num{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-base);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;background:var(--bg-root);color:var(--text-muted);transition:all .2s ease}.sad-step.active{color:var(--text-primary);font-weight:600}.sad-step.active .sad-step-num{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.sad-step.done{color:var(--green)}.sad-step.done .sad-step-num{border-color:var(--green);background:#22d3a01a;color:var(--green)}.sad-step-line{height:1px;background:var(--border-base);flex:1;margin:0 16px;min-width:20px}.sad-wizard-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:20px}.sad-wizard-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.01em}.sad-wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;border-top:1px solid var(--divider)}.sad-info-banner{display:flex;align-items:center;gap:12px;background:var(--bg-setting-card);border:1px solid var(--border-base);padding:12px 16px;border-radius:10px;font-size:12.5px;color:var(--text-secondary);line-height:1.5}.sad-info-banner svg{color:var(--blue);flex-shrink:0}.sad-info-banner strong{color:var(--text-primary)}.sad-param-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 80px 36px;gap:12px;padding:0 8px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sad-param-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 80px 36px;gap:12px;align-items:center;background:var(--bg-table-head);padding:8px;border-radius:10px;border:1px solid var(--border-base);animation:sad-fadeUp .2s ease both}.sad-toggle-switch{position:relative;display:inline-block;width:36px;height:20px;align-self:center;margin:0 auto}.sad-toggle-switch input{opacity:0;width:0;height:0}.sad-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--text-faint);transition:.2s cubic-bezier(.4,0,.2,1);border-radius:20px}.sad-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:50%}.sad-toggle-switch input:checked+.sad-toggle-slider{background-color:var(--green)}.sad-toggle-switch input:focus+.sad-toggle-slider{box-shadow:0 0 1px var(--green)}.sad-toggle-switch input:checked+.sad-toggle-slider:before{transform:translate(16px)}.sad-toggle-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.sad-mqtt-preview{background:#090911;border:1px solid var(--border-base);border-radius:12px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.6;color:#9cdcfe;white-space:pre-wrap;overflow-x:auto}.sad-mqtt-preview .mqtt-str{color:#ce9178}.sad-mqtt-preview .mqtt-num{color:#b5cea8}.sad-mqtt-preview .mqtt-val{color:#569cd6}.sad-topic-box{background:var(--bg-table-head);border:1px solid var(--border-base);padding:10px 14px;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--text-mono);word-break:break-all}.sad-preview-info{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;background:var(--bg-table-head);padding:16px;border-radius:12px;border:1px solid var(--border-base)}.sad-preview-key{font-size:12px;font-weight:600;color:var(--text-muted)}.sad-preview-val{font-size:13px;font-weight:500;color:var(--text-primary)}.sad-preview-code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-mono);background:var(--bg-input);padding:2px 6px;border-radius:4px;width:fit-content}.sad-product-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}@media (max-width: 768px){.sad-step-bar{flex-direction:column;align-items:flex-start;gap:14px}.sad-step-line,.sad-param-header{display:none}.sad-param-row{grid-template-columns:1fr!important;gap:8px;padding:14px}.sad-toggle-switch{margin:4px 0}}@media (max-width: 1024px){.sad-main-wrapper{max-width:100%;overflow-x:hidden}.sad-main{width:100%;max-width:100vw;overflow-x:hidden}.sad-table-card{width:100%;max-width:100%;overflow-x:auto;display:block;-webkit-overflow-scrolling:touch;border-radius:12px}.sad-table{min-width:750px}.sad-section-header{flex-direction:column;align-items:flex-start;gap:14px}.sad-primary-btn{width:100%;justify-content:center}}@media (max-width: 480px){.sad-th,.sad-td{padding:10px 12px}}.sad-dt-row .sad-form-group{display:flex;flex-direction:column;justify-content:flex-start;position:relative}.sad-dt-row .sad-form-group input{align-self:stretch}.sad-dt-row .sad-form-group p{position:absolute;top:100%;left:0;margin:4px 0 0!important;white-space:nowrap}.sad-wizard-card:has(.sad-form-group p) .sad-dt-row{margin-bottom:20px}@media (max-width: 768px){.sad-dt-row .sad-form-group p{position:static;margin-bottom:12px!important}.sad-wizard-card:has(.sad-form-group p) .sad-dt-row{margin-bottom:0}}.sad-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sad-doc-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,transform .2s;box-shadow:var(--shadow-card)}.sad-doc-card:hover{border-color:var(--accent-glow);transform:translateY(-2px)}.sad-doc-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sad-doc-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.sad-doc-card-desc{font-size:12px;color:var(--text-faint);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sad-doc-card-meta{flex-shrink:0;text-align:right}.sad-doc-card-footer{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--divider);padding-top:12px}.sad-doc-category-chip{background:var(--bg-table-head);border:1px solid var(--border-base);color:var(--text-muted);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.sad-doc-meta-card{background:var(--bg-card);border:1px solid var(--border-base);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card)}.sad-doc-blocks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sad-doc-empty-blocks{background:var(--bg-card);border:1px dashed var(--border-base);border-radius:12px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center}.sad-doc-block-row{background:var(--bg-card);border:1px solid var(--border-base);border-radius:12px;overflow:hidden;transition:border-color .15s}.sad-doc-block-row:hover{border-color:#ffffff1a}.sad-doc-block-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-table-head)}.sad-doc-block-handle{color:var(--text-faint);cursor:grab;flex-shrink:0;display:flex;align-items:center}.sad-doc-block-type-badge{display:flex;align-items:center;gap:4px;background:var(--accent-subtle);color:var(--accent-text);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;white-space:nowrap}.sad-doc-block-preview{flex:1;font-size:12px;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace}.sad-doc-block-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sad-doc-icon-btn{background:transparent;border:none;color:var(--text-muted);padding:4px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sad-doc-icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sad-doc-icon-btn--danger:hover{background:#e639461f;color:var(--accent)}.sad-doc-block-body{padding:14px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--divider)}.sad-doc-block-row-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sad-doc-textarea{resize:vertical;min-height:48px;line-height:1.55}.sad-doc-level-btn{background:var(--bg-table-head);border:1px solid var(--border-base);color:var(--text-muted);font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;font-family:Sora,sans-serif;transition:all .15s}.sad-doc-level-btn.active{background:var(--accent-subtle);border-color:var(--accent-glow);color:var(--accent)}.sad-doc-method-btn{font-size:10px;font-weight:700;padding:3px 9px;border-radius:5px;cursor:pointer;font-family:JetBrains Mono,monospace;transition:all .15s}.sad-doc-publish-toggle{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-base);color:var(--text-muted);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif}.sad-doc-publish-toggle.published{border-color:#22d3a066;color:#22d3a0;background:#22d3a014}.sad-btn-secondary-icon{background:var(--bg-card);border:1px solid var(--border-base);color:var(--text-muted);width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sad-btn-secondary-icon:hover{border-color:var(--accent-glow);color:var(--text-primary)}.sad-doc-add-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:var(--bg-card);border:1px solid var(--border-base);border-radius:12px;padding:12px 16px}.sad-doc-add-block-btn{display:flex;align-items:center;background:var(--bg-table-head);border:1px solid var(--border-base);color:var(--text-muted);font-size:11px;font-weight:600;padding:5px 10px;border-radius:7px;cursor:pointer;font-family:Sora,sans-serif;transition:all .15s}.sad-doc-add-block-btn:hover{border-color:var(--accent-glow);color:var(--accent-text);background:var(--accent-subtle)}.adm-docs-layout{display:flex;gap:0;height:calc(100vh - 120px);overflow:hidden;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg)}.adm-docs-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;background:var(--page-bg)}.adm-docs-search-wrap{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-color)}.adm-docs-search{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--text, #1a202c);font-family:inherit}.adm-docs-search::placeholder{color:#a0aec0}.adm-docs-nav{flex:1;overflow-y:auto;padding:10px 8px}.adm-docs-nav-group{margin-bottom:16px}.adm-docs-nav-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;padding:0 8px;margin:0 0 4px}.adm-docs-nav-item{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;text-align:left;font-size:13px;color:#4a5568;padding:7px 10px;border-radius:7px;cursor:pointer;transition:all .15s;font-family:inherit}.adm-docs-nav-item:hover{background:var(--accent-xlight, #eef0fd);color:#1a202c}.adm-docs-nav-item.active{background:var(--accent-light, #e8eafd);color:var(--accent, #6366f1);font-weight:600}.adm-docs-nav-chevron{flex-shrink:0;opacity:0;transition:opacity .15s;color:var(--accent, #6366f1)}.adm-docs-nav-item.active .adm-docs-nav-chevron{opacity:1}.adm-docs-content{flex:1;overflow-y:auto;padding:28px 36px;min-width:0}.adm-docs-content-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.adm-docs-content-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent, #6366f1);display:block;margin-bottom:6px}.adm-docs-content-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.25}.adm-docs-content-desc{font-size:14px;color:#718096;margin:0;line-height:1.6}.adm-docs-blocks{max-width:760px}.adm-docs-sidebar::-webkit-scrollbar,.adm-docs-content::-webkit-scrollbar,.adm-docs-nav::-webkit-scrollbar{width:4px}.adm-docs-sidebar::-webkit-scrollbar-thumb,.adm-docs-content::-webkit-scrollbar-thumb,.adm-docs-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}