:root{--primary:#c46849;--primary-hover:#b45739;--primary-active:#9b472c;--primary-soft:#c468491f;--primary-disabled:#e6dfd8;--ink:#1c1b18;--body:#413f3a;--muted:#737067;--muted-soft:#9e9b91;--hairline:#e8e3da;--hairline-soft:#f0ebe2;--canvas:#f8f6f0;--surface-soft:#f2ede4;--surface-card:#fff;--surface-cream-strong:#ebe3d5;--surface-dark:#191816;--surface-dark-elevated:#282622;--on-primary:#fff;--on-dark:#faf9f5;--on-dark-soft:#a8a49c;--accent-teal:#3b9b88;--accent-teal-soft:#3b9b881f;--success:#389e5a;--success-soft:#389e5a1f;--warning:#d97706;--warning-soft:#d977061f;--error:#d32f2f;--error-soft:#d32f2f1f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #1c1b180a, 0 1px 3px #1c1b1805;--shadow-lg:0 12px 32px #1c1b180f, 0 2px 6px #1c1b1808;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;color:var(--ink);background:var(--canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:22px;font-weight:600}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}.app-page{background:var(--canvas);min-height:100vh}.brand-lockup{color:var(--ink);letter-spacing:.5px;white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.brand-lockup-dark{color:var(--on-dark)}.spike-mark{color:var(--primary);font-size:18px;line-height:1}.eyebrow{color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:600}.eyebrow-dark{color:#d88c74}.login-page{background:var(--canvas);grid-template-columns:minmax(360px,1.15fr) minmax(380px,.85fr);min-height:100vh;display:grid}.login-intro{color:var(--on-dark);background:linear-gradient(155deg,#24221e 0%,#171614 100%);flex-direction:column;justify-content:space-between;padding:56px 48px;display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4684926 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;right:-20%}.intro-copy{max-width:480px;margin:auto 0}.intro-copy h1{letter-spacing:-.02em;color:#fff;margin:12px 0 16px;font-size:32px;font-weight:600;line-height:1.28}.intro-copy p{color:var(--on-dark-soft);font-size:15px;line-height:1.6}.intro-foot{color:var(--on-dark-soft);align-items:center;gap:10px;font-size:13px;display:inline-flex}.login-form-wrap{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-header{width:100%;max-width:360px;margin-bottom:28px}.login-form-header h2{color:var(--ink);letter-spacing:-.01em;font-size:24px;font-weight:700}.login-form{gap:18px;width:100%;max-width:360px;display:grid}.login-form label{color:var(--ink);gap:8px;font-size:13px;font-weight:500;display:grid}.login-form input{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface-card);height:42px;color:var(--ink);padding:0 14px;font-size:14px;transition:all .15s}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.button-primary{border-radius:var(--radius-sm);background:var(--primary);height:42px;color:var(--on-primary);border:none;justify-content:center;align-items:center;margin-top:8px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.button-primary:hover{background:var(--primary-hover)}.button-primary:active{background:var(--primary-active);transform:translateY(1px)}.button-primary:disabled{background:var(--primary-disabled);cursor:not-allowed}.login-note{color:var(--muted-soft);margin-top:32px;font-size:12px}.admin-layout{background:var(--canvas);min-height:100vh}.admin-sider{background:var(--surface-soft);height:100vh;box-shadow:1px 0 0 var(--hairline-soft);z-index:15;position:sticky;top:0}.admin-sider .n-layout-sider-scroll-container{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--hairline-soft);flex:0 0 56px;height:56px;min-height:56px;padding:0 20px;text-decoration:none}.sidebar-menu-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted-soft) transparent;flex:1;min-height:0;overflow:hidden auto}.sidebar-menu-scroll::-webkit-scrollbar{width:6px}.sidebar-menu-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--muted-soft)}.sidebar-menu-scroll::-webkit-scrollbar-track{background:0 0}.admin-sider .n-menu{min-height:100%;padding:8px}.mobile-drawer .sidebar-menu-scroll{flex:1;min-height:0;display:flex}.mobile-drawer .n-drawer-body-content{flex-direction:column;min-height:0;display:flex}.mobile-drawer .sidebar-menu-scroll .n-menu{min-height:100%}.admin-sider .n-menu .n-menu-item-content{border-radius:var(--radius-sm);padding-right:12px!important}.admin-sider .n-menu .n-menu-item-content .n-menu-item-content__icon{margin-right:10px!important}.admin-sider .n-menu .n-submenu-children .n-menu-item-content{padding-left:36px!important}.admin-main{background:var(--canvas);min-width:0}.admin-header{z-index:12;border-bottom:1px solid var(--hairline-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f6f0d9;align-items:center;height:56px;min-height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-menu-button{flex:none;margin-right:12px}.header-title-block{align-items:baseline;gap:8px;display:flex}.header-title-block h1{font-size:18px;font-weight:600}.header-kicker{color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.header-account-group{align-items:center;gap:6px;margin-left:auto;display:flex}.header-account{color:var(--body);font-weight:500}.header-account:hover{color:var(--primary-hover)}.header-logout{color:var(--muted)}.header-logout:hover{color:var(--error)}.route-tabs{border-bottom:1px solid var(--hairline-soft);background:var(--surface-soft);align-items:center;gap:6px;height:40px;min-height:40px;padding:0 24px;display:flex;overflow-x:auto}.route-tab{border-radius:var(--radius-sm);height:28px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:13px;transition:all .15s;display:inline-flex}.route-tab:hover{color:var(--ink);background:#ffffff80}.route-tab.active{background:var(--surface-card);color:var(--primary);border-color:var(--hairline-soft);box-shadow:var(--shadow-sm);font-weight:500}.route-tab-close{border-radius:var(--radius-full);width:14px;height:14px;color:var(--muted-soft);justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.route-tab-close:hover{color:var(--ink);background:#0000000f}.management-shell{width:100%;max-width:1600px;margin:0 auto;padding:20px 24px 64px}.management-card{background:var(--surface-card);border:1px solid var(--hairline-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.management-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.management-toolbar h2{color:var(--ink);margin-bottom:0;font-size:17px}.management-list-panel{width:100%;min-width:0}.org-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.org-actions .n-button{flex:none}.organization-overview{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);grid-template-columns:minmax(300px,.9fr) minmax(420px,1.4fr);min-height:560px;display:grid;overflow:hidden}.organization-overview.is-loading{opacity:.65}.organization-tree-panel{border-right:1px solid var(--hairline);background:var(--surface-soft);min-width:0;padding:12px}.organization-tree{flex-direction:column;gap:2px;display:flex}.organization-tree-children{border-left:1px solid var(--hairline);margin-left:18px;padding-left:10px}.organization-tree-row{border-radius:var(--radius-sm);min-height:38px;color:var(--body);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.organization-tree-row:hover,.organization-tree-row.selected{background:var(--surface-card);color:var(--ink)}.organization-tree-row.selected{box-shadow:inset 3px 0 0 var(--primary)}.organization-tree-row-region{font-weight:600}.organization-tree-row .n-icon{color:var(--primary);flex:none}.organization-tree-toggle,.organization-tree-toggle-placeholder{flex:0 0 18px;place-items:center;width:18px;height:18px;display:inline-grid}.organization-tree-toggle{border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.organization-tree-toggle .n-icon{color:currentColor;transform:rotate(0)}.organization-tree-toggle.expanded .n-icon{transform:rotate(90deg)}.organization-tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.organization-tree-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.organization-detail-panel{background:var(--canvas);min-width:0;padding:24px}.organization-detail-path,.organization-detail-kind{color:var(--muted);margin:0;font-size:12px}.organization-detail-path{overflow-wrap:anywhere}.organization-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.organization-detail-heading h3{color:var(--ink);margin:4px 0 0;font-size:22px}.organization-stat-grid{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0 18px;display:grid}.organization-stat-grid>div{align-items:baseline;gap:6px;min-width:0;padding:10px 16px 10px 0;display:flex}.organization-stat-grid>div+div{border-left:1px solid var(--hairline);padding-left:16px}.organization-stat-grid strong{color:var(--ink);font-size:19px}.organization-stat-grid span{color:var(--muted);font-size:12px}.organization-detail-list{flex-direction:column;gap:10px;margin:0;padding-bottom:2px;display:flex}.organization-detail-list>div{grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.organization-detail-list dt{color:var(--muted)}.organization-detail-list dd{min-width:0;color:var(--body-strong);overflow-wrap:anywhere;margin:0}.organization-device-summary,.room-sensor-section{margin-top:24px}.room-sensor-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.room-sensor-card:hover{box-shadow:var(--shadow-md);border-color:#1677ff40}.sensor-card-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.sensor-title-group{align-items:center;gap:12px;min-width:0;display:flex}.sensor-icon-badge{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);background:#64748b1a;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.sensor-icon-badge.is-online{color:#10b981;background:#10b9811f}.sensor-title-text{color:var(--body-strong);font-size:15px;font-weight:600;line-height:1.3}.sensor-code-subtitle{color:var(--muted);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.sensor-code-subtitle code{background:#0000000a;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.sensor-actions-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.sensor-status-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px;margin-right:2px;display:inline-block}.sensor-status-dot.is-active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.sensor-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.sensor-empty-state .empty-icon{width:56px;height:56px;color:var(--primary);background:#1677ff0f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.sensor-empty-state .empty-title{color:var(--body-strong);margin-bottom:6px;font-size:14px;font-weight:600}.sensor-empty-state .empty-desc{color:var(--muted);max-width:380px;margin:0 0 18px;font-size:12px;line-height:1.5}.sensor-bound-hint{color:var(--muted);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:14px 16px;font-size:13px;line-height:1.6}.organization-device-list{flex-direction:column;gap:8px;display:flex}.organization-device-item{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);width:100%;color:var(--body);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.organization-device-item>span{min-width:0}.organization-device-item strong,.organization-device-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.organization-device-item small{color:var(--muted);margin-top:2px}.organization-detail-actions{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.org-load-hint{margin-bottom:12px}.status-band{border-radius:var(--radius-md);color:var(--on-dark);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#201e1b,#151413);padding:20px 24px}.status-band-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.status-band-kicker{color:var(--on-dark);letter-spacing:.5px;font-size:15px;font-weight:600}.status-band-note{color:var(--on-dark-soft);align-items:center;gap:8px;font-size:12px;display:inline-flex}.pulse-dot{background:var(--accent-teal);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow;display:inline-block;box-shadow:0 0 0 4px #3b9b8840}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.status-metrics{border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid}.status-metrics-six{grid-template-columns:repeat(6,1fr)}.status-metric{border-right:1px solid #ffffff14;padding:16px 16px 4px 0}.status-metric+.status-metric{padding-left:16px}.status-metric:last-child{border-right:0}.status-metric span{color:var(--on-dark-soft);font-size:12px;display:block}.status-metric strong{color:var(--on-dark);letter-spacing:-.02em;margin-top:6px;font-family:Inter,-apple-system,sans-serif;font-size:28px;font-weight:700;line-height:1.1;display:block}.metric-online strong{color:var(--accent-teal)}.metric-alert strong{color:#ff6b6b}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:20px;margin-top:20px;display:grid}.dashboard-panel{border:1px solid var(--hairline-soft);border-radius:var(--radius-md);background:var(--surface-card);min-width:0;box-shadow:var(--shadow-sm);padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{font-size:16px}.event-timeline{margin:0;padding:0;list-style:none;position:relative}.event-timeline li{grid-template-columns:16px minmax(0,1fr);gap:12px;padding:0 0 18px;display:grid;position:relative}.event-timeline li:before{content:"";background:var(--hairline);width:1px;position:absolute;top:10px;bottom:0;left:6px}.event-timeline li:last-child:before{display:none}.event-marker{border:2px solid var(--surface-card);background:var(--primary);width:11px;height:11px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;margin-top:4px}.event-timeline strong{color:var(--ink);font-size:13px;font-weight:600}.event-timeline p{color:var(--body);margin-top:2px;font-size:13px}.event-timeline small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.event-timeline .timeline-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:13px;display:block}.device-timeline-scroll{max-width:100%;padding:12px 4px 20px;overflow-x:auto}.device-timeline{min-width:max-content;padding:0 8px}.pod-twin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.pod-twin-card{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--hairline-soft);align-items:center;gap:14px;padding:16px;display:flex}.pod-twin-icon{border-radius:var(--radius-sm);background:var(--surface-card);width:40px;height:40px;color:var(--primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.pod-twin-info{gap:2px;display:grid}.pod-twin-label{color:var(--muted);font-size:12px}.pod-twin-value{color:var(--ink);font-size:18px;font-weight:600}.state{min-height:160px;color:var(--muted);text-align:center;place-items:center;gap:8px;font-size:13px;display:grid}.state-error,.form-error{color:var(--error);font-size:13px}.form-hint{color:var(--muted);margin:6px 0 12px;font-size:12px}.upload-progress{border:1px solid var(--hairline-soft);border-radius:var(--radius-sm);background:var(--surface-soft);gap:8px;margin-bottom:14px;padding:12px 14px;display:grid}.upload-progress-head,.upload-progress-foot{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.upload-progress-name{min-width:0;color:var(--body-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-progress-size,.upload-progress-detail{color:var(--muted);flex:none}.upload-progress-detail{text-align:left;flex:auto}.detail-json{border:1px solid var(--hairline);border-radius:var(--radius-sm);color:#e6dfd8;white-space:pre-wrap;word-break:break-word;background:#201e1b;max-height:320px;margin:0;padding:14px;font:12px/1.6 JetBrains Mono,ui-monospace,monospace;overflow:auto}.ws-raw-message-list{gap:12px;display:grid}.ws-raw-message{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface-soft);padding:12px}.ws-raw-message-header{color:var(--body-strong);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.ws-raw-message-time{color:var(--muted);flex:none;font-size:12px}.ws-raw-message-payload{background:var(--surface-dark);max-height:240px}.detail-items{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.alarm-actions{border-top:1px solid var(--hairline);gap:12px;margin-top:16px;padding-top:16px;display:grid}.muted{color:var(--muted);margin-top:4px;font-size:13px}.profile-panel{max-width:520px}.profile-form{margin-top:18px}.permission-modal{max-width:820px}.permission-modal-note{color:var(--muted);margin:0 0 16px;font-size:13px}.permission-groups{gap:16px;display:grid}.permission-group{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--hairline-soft)}.permission-group h3{color:var(--ink);margin-bottom:10px;font-size:14px}.permission-options{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.modal-actions{margin-top:24px}.package-config-section{border:1px solid var(--hairline-soft);border-radius:var(--radius-sm);background:var(--surface-soft);margin:4px 0 18px;padding:14px 16px 2px}.package-config-section h3{color:var(--ink);margin-bottom:14px;font-size:14px}.form-help{color:var(--muted);margin:0 0 4px;font-size:13px}.package-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.package-config-grid .n-form-item{min-width:0}@media (width<=560px){.package-config-grid{grid-template-columns:1fr}}.mobile-toolbar{display:none}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.management-shell{padding:16px}.dashboard-grid{grid-template-columns:1fr}.status-metrics-six{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.desktop-sider,.admin-header{display:none!important}.route-tabs{height:38px;min-height:38px;padding:0 14px}.mobile-toolbar{border-bottom:1px solid var(--hairline-soft);background:var(--canvas);grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;min-height:52px;padding:6px 14px;display:grid!important}.status-metrics-six{grid-template-columns:repeat(2,1fr)}}.management-modal{width:min(520px,100vw - 32px)!important}.management-modal.organization-modal{width:min(920px,100vw - 32px)!important}.organization-drawer .n-drawer-header,.device-drawer .n-drawer-header{border-bottom:1px solid var(--hairline-soft);padding:18px 24px}.organization-drawer .n-drawer-body-content,.device-drawer .n-drawer-body-content{background:var(--canvas);padding:20px 24px}.organization-drawer .n-drawer-footer,.device-drawer .n-drawer-footer{border-top:1px solid var(--hairline-soft);background:var(--surface-card);padding:14px 24px}.org-drawer-header-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px 20px 6px}.store-config-tabs{margin-top:4px}.store-config-tabs .n-tabs-rail{background:var(--surface-soft);border-radius:var(--radius-md);margin-bottom:16px;padding:4px}.store-config-tabs .n-tabs-tab{padding:6px 14px;font-weight:500}.drawer-tab-item{align-items:center;gap:6px;display:inline-flex}.form-section-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px 20px 8px}.section-heading{color:var(--ink);border-bottom:1px dashed var(--hairline-soft);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.section-heading .n-icon{color:var(--primary)}.switch-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:10px;display:grid}.switch-feature-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s;display:flex}.switch-feature-card:hover{border-color:var(--primary-soft)}.switch-feature-info{flex:1;min-width:0}.switch-feature-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.switch-feature-desc{color:var(--muted);font-size:11px;line-height:1.35}.temp-target-group{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:14px 16px 4px}.temp-group-label{color:var(--body);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.range-settings-container{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.range-setting-row{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.range-setting-meta{flex:1;min-width:0}.range-setting-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.range-setting-hint{color:var(--muted);font-size:12px}.range-inputs{flex-shrink:0;align-items:center;gap:8px;width:320px;display:flex}.range-separator,.unit-tag{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:500}.media-reference-grid-enhanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.media-reference-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.media-header-left{color:var(--ink);align-items:center;gap:6px;display:flex}.media-header-title{font-size:13px;font-weight:600}.media-count-badge{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-full);padding:1px 6px;font-size:11px;font-weight:700}.drawer-actions-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.drawer-tip{color:var(--muted);font-size:13px}.drawer-tip strong{color:var(--primary);font-weight:600}@media (width<=768px){.organization-overview{grid-template-columns:1fr;min-height:0}.organization-tree-panel{border-right:0;border-bottom:1px solid var(--hairline)}.organization-detail-panel{padding:20px 16px}.organization-tree-count{display:none}.organization-stat-grid>div{padding-right:10px}.organization-stat-grid>div+div{padding-left:10px}.media-reference-grid-enhanced{grid-template-columns:1fr}.range-setting-row{flex-direction:column;align-items:flex-start}.range-inputs{width:100%}}@media (width<=480px){.organization-stat-grid{grid-template-columns:1fr}.organization-stat-grid>div,.organization-stat-grid>div+div{border-left:0;padding:9px 0}.organization-stat-grid>div+div{border-top:1px solid var(--hairline)}}.form-grid{gap:0 16px;display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.media-reference-grid{align-items:start}.media-reference-field{min-width:0;margin-bottom:18px}.media-reference-header{min-height:34px;color:var(--body);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.media-reference-list{gap:6px;display:grid}.store-qr-material-control{flex-wrap:wrap;align-items:center;gap:12px;min-height:72px;display:flex}.media-reference-item{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:4px 6px 4px 12px;display:flex}.media-reference-code{min-width:0;color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-reference-copy{gap:1px;min-width:0;display:grid}.media-reference-name{color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.media-reference-copy .media-reference-code{color:var(--muted);font-size:12px}.media-reference-empty{border:1px dashed var(--hairline);border-radius:var(--radius-sm);min-height:38px;color:var(--muted-soft);padding:10px 12px;font-size:13px}.management-modal.media-picker-modal{width:min(720px,100vw - 32px)!important}.device-profile-switches{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;display:grid}@media (width<=700px){.form-grid-2,.form-grid-3,.device-profile-switches{grid-template-columns:1fr}.media-reference-header{flex-direction:column;align-items:flex-start}}.management-modal.storage-modal{width:min(640px,100vw - 32px)!important}.management-modal.alarm-rule-modal{width:min(760px,100vw - 32px)!important}.management-modal.permission-modal{width:min(860px,100vw - 32px)!important}.permission-modal-note{color:var(--muted);margin-bottom:16px;font-size:13px}.permission-global-actions{background:var(--surface-soft);border-radius:var(--radius-sm);border:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.permission-selected-count{color:var(--body);font-size:13px}.permission-selected-count strong{color:var(--primary)}.permission-groups{flex-direction:column;gap:20px;max-height:55vh;padding-right:8px;display:flex;overflow-y:auto}.permission-group{border:1px solid var(--hairline-soft);border-radius:var(--radius-md);background:var(--surface-card);flex:none;min-height:0;overflow:hidden}.permission-group-header{background:var(--surface-cream-strong);border-bottom:1px solid var(--hairline-soft);padding:10px 16px}.permission-group-header .group-title{color:var(--ink);font-size:14px;font-weight:600}.permission-options-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px;display:grid}.permission-options-grid .n-checkbox{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;padding:8px 10px;transition:all .15s}.permission-options-grid .n-checkbox:hover{background:var(--surface-soft);border-color:var(--hairline-soft)}.permission-item-content{flex-direction:column;gap:4px;margin-left:4px;display:flex}.permission-name{color:var(--ink);font-size:13px;font-weight:500}.permission-code{color:var(--muted);background:var(--surface-soft);border-radius:var(--radius-sm);align-self:flex-start;padding:1px 4px;font-family:monospace;font-size:11px}
