@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f7fb;--panel: #ffffff;--panel-soft: #f8fafc;--text: #172033;--muted: #697386;--border: #e4e8f0;--primary: #3157d5;--primary-hover: #2949b8;--sidebar: #eef2f4;--sidebar-text: #253142;--shadow: 0 16px 45px rgba(20, 31, 58, .08)}:root[data-theme=dark]{color:#e7ecf5;background:#0c1220;--bg: #0c1220;--panel: #121a2a;--panel-soft: #172133;--text: #e7ecf5;--muted: #9ca8bb;--border: #263248;--primary: #6f8cff;--primary-hover: #88a0ff;--sidebar: #eef2f4;--sidebar-text: #253142;--shadow: 0 16px 45px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center}.brand-logo-frame{width:190px;height:72px;display:flex;align-items:center;overflow:hidden;padding:5px;background:transparent}.brand-logo{display:block;width:180px;height:auto;flex:0 0 auto}.login-topbar .brand-logo-frame{width:210px;height:82px}.login-topbar .brand-logo{width:200px}.icon-button{width:42px;height:42px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;display:grid;place-items:center;transition:.2s ease}.icon-button:hover{transform:translateY(-1px);border-color:var(--primary)}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700}.login-page{min-height:100vh;padding:24px clamp(24px,4vw,68px) 40px;color:#111b35;background:#f7faff;background-image:radial-gradient(circle at 43% 46%,rgba(61,137,255,.13),transparent 32%),linear-gradient(135deg,#fbfdff,#f1f6ff 57%,#f9fbff);overflow:hidden}.login-topbar{position:relative;z-index:2;max-width:1460px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.login-topbar .icon-button{border-color:#dce4f0;color:#536078;background:#ffffffd1}.login-shell{max-width:1460px;min-height:calc(100vh - 122px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(370px,.75fr);align-items:center;gap:clamp(28px,4vw,70px)}.login-visual{position:relative;width:100%;aspect-ratio:1015 / 893;overflow:hidden}.login-visual img{position:absolute;top:0;left:0;width:154.5%;max-width:none;transform:translateY(-12.3%);-webkit-mask-image:radial-gradient(ellipse 88% 84% at 51% 48%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 88% 84% at 51% 48%,#000 70%,transparent 100%);-webkit-user-select:none;user-select:none;pointer-events:none}.login-card{width:100%;max-width:465px;justify-self:end;color:#111b35;background:#fffffff5;border:1px solid rgba(219,226,238,.9);border-radius:24px;padding:clamp(30px,3vw,52px);box-shadow:0 22px 65px #2e3e6029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card-heading{margin-bottom:32px}.login-card h2{margin:0 0 8px;font-size:36px;letter-spacing:-.04em}.login-card p{margin:0;color:#6b7690}.login-card label{display:grid;gap:9px;margin-top:22px;color:#172033;font-size:13px;font-weight:600}.login-input{height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#7c879d;border:1px solid #d6dde9;border-radius:11px;background:#fbfcfe;transition:border-color .18s ease,box-shadow .18s ease}.login-input:focus-within{border-color:#3157d5;box-shadow:0 0 0 3px #3157d51c}.login-card input,.search-box input{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);outline:none}.login-card .login-input input{min-width:0;flex:1;padding:0;border:0;color:#172033;background:transparent}.password-eye{flex:0 0 auto}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f6be11f}.primary-button{width:100%;border:0;border-radius:10px;padding:16px;margin-top:25px;color:#fff;background:linear-gradient(135deg,#2866f5,#1756e7);font-weight:600;box-shadow:0 9px 20px #225fec33}.primary-button:hover{background:var(--primary-hover)}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--border)}.google-button{min-height:44px;display:flex;justify-content:center;overflow:hidden}.google-unavailable{text-align:center;font-size:12px}.form-error{color:#d14343;font-size:13px;margin-top:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;border-right:1px solid #d9e0e4;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 28px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:10px;padding:11px 12px;color:#526172;background:transparent;text-align:left}.nav-item:hover,.nav-item.active{color:#183e70;background:#4788c829}.sidebar-footer{margin-top:auto;display:grid;gap:16px}.admin-profile{width:100%;display:flex;gap:10px;align-items:center;padding:14px 10px;border:0;border-top:1px solid #d9e0e4;background:transparent;color:inherit;text-align:left;border-radius:10px}.admin-profile:hover{background:#4788c81c}.admin-profile:focus-visible{outline:2px solid #6e8cff;outline-offset:2px}.avatar{width:36px;height:36px;border:1px solid rgba(71,136,200,.32);border-radius:10px;display:grid;place-items:center;background:#4788c82e;color:#285f91;box-shadow:0 4px 10px #4788c81f;font-size:12px;font-weight:700}.admin-profile div:last-child{display:grid;gap:3px}.admin-profile strong{font-size:12px}.admin-profile span{font-size:11px;color:#667687}.dashboard{padding:34px 38px 50px;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.dashboard-header h1{margin:8px 0;font-size:34px;letter-spacing:-.04em}.dashboard-header p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.stats-grid article{padding:20px;border:1px solid var(--border);background:var(--panel);border-radius:16px;box-shadow:var(--shadow);display:grid;gap:7px}.stats-grid span,.stats-grid small{color:var(--muted)}.stats-grid span{font-size:13px;font-weight:600}.stats-grid strong{font-size:27px}.stats-grid small{font-size:12px}.table-card{border:1px solid var(--border);background:var(--panel);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.table-toolbar{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.table-toolbar h2{margin:0 0 5px;font-size:17px}.table-toolbar p{margin:0;color:var(--muted);font-size:12px}.table-toolbar-actions,.table-action-group{display:flex;align-items:center;gap:10px}.table-action-group{flex-wrap:wrap;justify-content:flex-end}.compact-search{width:min(240px,100%)}.table-refresh-button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700}.table-refresh-button:hover:not(:disabled){border-color:#4788c8;background:var(--panel-soft)}.table-refresh-button:disabled{cursor:wait;color:var(--muted);opacity:.72}.spinning{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.search-box{width:min(300px,100%);height:40px;border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.search-box input{width:100%;border:0;padding:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1120px}th{color:var(--muted);background:var(--panel-soft);font-size:11px;text-transform:uppercase;letter-spacing:.075em;text-align:left;padding:13px 18px}td{padding:15px 18px;border-top:1px solid var(--border);font-size:13px}tbody tr:hover{background:var(--panel-soft)}td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;align-items:center;gap:9px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#8b95a5;box-shadow:0 0 0 3px #8b95a524}.activity-dot.active{background:#30a46c;box-shadow:0 0 0 3px #30a46c24}.activity-dot.recent{background:#d99a24;box-shadow:0 0 0 3px #d99a2424}.device-log-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted)}.device-log-button:hover{border-color:#4788c8;background:#4788c81a;color:#285f91}.download-progress{display:flex;align-items:center;gap:8px;min-width:125px;color:var(--muted)}.download-progress-track{width:82px;height:8px;overflow:hidden;border-radius:999px;background:var(--border)}.download-progress-track span{display:block;height:100%;border-radius:inherit;background:#8b95a5;transition:width .3s ease,background .2s ease}.download-progress.active .download-progress-track span,.download-progress.complete .download-progress-track span{background:#30a46c}.download-progress.warning .download-progress-track span{background:#d99a24}.download-progress.stalled .download-progress-track span{background:#d14343}.download-progress small{min-width:34px;font-size:11px;font-variant-numeric:tabular-nums}.version-pill{display:inline-flex;border:1px solid var(--border);background:var(--panel-soft);border-radius:999px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagination{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.pagination-actions{display:flex;align-items:center;gap:18px}.page-size-control{display:flex;align-items:center;gap:9px;white-space:nowrap}.page-size-control select{height:34px;min-width:64px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:0 28px 0 10px;font:inherit}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-controls button{width:34px;height:34px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;display:grid;place-items:center}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.login-page{overflow:auto}.login-shell{grid-template-columns:1fr;gap:8px;padding:20px 0 45px}.login-visual{width:min(700px,100%);max-height:500px;margin:0 auto}.login-card{max-width:520px;justify-self:center}.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;gap:20px;padding:14px 18px}.sidebar .brand{padding:0}.sidebar nav{display:flex}.sidebar-footer{margin:0 0 0 auto;display:flex;align-items:center}.admin-profile{display:none}.dashboard{padding:26px 20px 40px}}@media(max-width:650px){.login-page{padding-inline:20px}.login-topbar .brand-logo-frame{width:174px;height:68px}.login-topbar .brand-logo{width:165px}.login-visual{max-height:360px}.login-card{padding:28px 24px}.login-card h2{font-size:30px}.sidebar nav{display:none}.stats-grid{grid-template-columns:1fr}.table-toolbar,.pagination{align-items:stretch;flex-direction:column}.search-box{width:100%}.pagination-actions{align-items:stretch;flex-direction:column;gap:12px}.page-size-control,.pagination-controls{justify-content:space-between}}.target-version{display:inline-flex;align-items:center;gap:6px;min-width:112px;border:1px solid transparent;border-radius:999px;padding:5px 8px 5px 10px;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;transition:.18s ease}.target-version:hover{transform:translateY(-1px);filter:brightness(.98)}.target-version.upgrade,.target-preview.upgrade,.change-explanation.upgrade{color:#a66a00;background:#e2a52324;border-color:#e2a52357}.target-version.downgrade,.target-preview.downgrade,.change-explanation.downgrade{color:#c23b3b;background:#d143431f;border-color:#d143434d}.target-version.matched,.target-preview.matched,.change-explanation.matched{color:#218a5a;background:#30a46c1f;border-color:#30a46c47}:root[data-theme=dark] .target-version.upgrade,:root[data-theme=dark] .target-preview.upgrade,:root[data-theme=dark] .change-explanation.upgrade{color:#f2bd4f}:root[data-theme=dark] .target-version.downgrade,:root[data-theme=dark] .target-preview.downgrade,:root[data-theme=dark] .change-explanation.downgrade{color:#ff7d7d}:root[data-theme=dark] .target-version.matched,:root[data-theme=dark] .target-preview.matched,:root[data-theme=dark] .change-explanation.matched{color:#68d49b}.target-edit-icon{opacity:0;margin-left:2px;transition:opacity .18s ease}.target-version:hover .target-edit-icon{opacity:.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050a149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(500px,100%);border:1px solid var(--border);border-radius:20px;padding:24px;background:var(--panel);box-shadow:0 28px 80px #00000047}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal-header h2{margin:7px 0 0;font-size:23px;letter-spacing:-.03em}.device-summary{display:flex;justify-content:space-between;gap:20px;margin:22px 0 16px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-soft);font-size:12px}.device-summary span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.version-comparison>div{display:grid;gap:8px}.version-comparison span{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.target-preview{display:inline-flex;align-items:center;width:fit-content;border:1px solid;border-radius:999px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.modal-field{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:600}.modal-field input{width:100%;height:44px;border:1px solid var(--border);border-radius:11px;padding:0 12px;background:var(--panel-soft);color:var(--text);outline:none}.modal-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f6be11f}.modal-field input:disabled{cursor:not-allowed;color:var(--muted);background:color-mix(in srgb,var(--panel-soft) 65%,var(--border));opacity:.72}.modal-field select{width:100%;height:44px;border:1px solid var(--border);border-radius:11px;padding:0 12px;background:var(--panel-soft);color:var(--text);outline:none}.modal-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f6be11f}.change-explanation{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 12px;border:1px solid;border-radius:11px;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.secondary-button,.save-button{border-radius:10px;padding:10px 15px;font-weight:700}.secondary-button{border:1px solid var(--border);background:var(--panel);color:var(--text)}.save-button{border:0;background:var(--primary);color:#fff}.save-button:hover{background:var(--primary-hover)}.save-button:disabled{cursor:wait;opacity:.65}.profile-modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.managed-notice{display:flex;gap:12px;margin-top:20px;padding:14px;border:1px solid rgba(79,107,225,.25);border-radius:12px;color:var(--primary);background:#4f6be114}.managed-notice>div{display:grid;gap:4px}.managed-notice strong{font-size:13px}.managed-notice span{color:var(--muted);font-size:12px;line-height:1.45}.profile-fields{display:grid;gap:14px;margin-top:22px}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-section{display:grid;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.password-section h3{margin:0 0 4px;font-size:16px}.password-section p{margin:0;color:var(--muted);font-size:12px}.form-success{margin-top:14px;color:#218a5a;font-size:13px}.device-log-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.device-log-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:12px}.device-log-summary>span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel-soft)}.device-activity-label.active{color:#218a5a}.device-activity-label.recent{color:#a66a00}.device-activity-label.stale{color:var(--muted)}.mock-data-notice{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid rgba(71,136,200,.25);border-radius:10px;background:#4788c814;color:var(--muted);font-size:12px}.log-refresh-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.log-refresh-controls>span{color:var(--primary);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.log-refresh-controls>span.paused{color:var(--muted)}.log-refresh-controls>div{display:flex;gap:7px}.log-refresh-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:700}.log-refresh-button:hover{border-color:var(--primary);color:var(--primary);background:var(--panel-soft)}.device-log-timeline{list-style:none;display:grid;gap:0;margin:20px 0 0;padding:0}.device-log-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:11px;min-height:82px}.device-log-timeline li:not(:last-child):before{content:"";position:absolute;top:13px;bottom:-1px;left:6px;width:2px;background:var(--border)}.log-marker{position:relative;z-index:1;width:14px;height:14px;margin-top:2px;border:3px solid var(--panel);border-radius:50%;background:#4788c8;box-shadow:0 0 0 1px #4788c859}.device-log-timeline li.success .log-marker{background:#30a46c;box-shadow:0 0 0 1px #30a46c59}.device-log-timeline li.warning .log-marker{background:#d99a24;box-shadow:0 0 0 1px #d99a2459}.log-content{display:grid;align-content:start;gap:4px;padding-bottom:18px}.log-content time{color:var(--muted);font-size:11px}.log-content strong{font-size:13px}.log-content p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.device-log-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:18px;border-top:1px solid var(--border)}.download-log-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 15px;background:var(--primary);color:#fff;font-weight:700}.download-log-button:hover{background:var(--primary-hover)}@media(max-width:520px){.profile-field-row{grid-template-columns:1fr}}@media(max-width:520px){.version-comparison{grid-template-columns:1fr}.device-summary{flex-direction:column;gap:5px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.device-log-footer,.log-refresh-controls{align-items:stretch;flex-direction:column}.log-refresh-controls>div{display:grid;grid-template-columns:1fr 1fr}.log-refresh-button{justify-content:center}}.sort-button{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.sort-button:hover,.sort-button.active{color:var(--text)}.sort-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:3px}.sort-indicator{width:14px;height:14px;display:inline-grid;place-items:center;flex:0 0 14px}.sort-neutral{opacity:.42;font-size:14px;line-height:1}.sort-button:hover .sort-neutral{opacity:.8}.filter-bar{display:flex;align-items:center;gap:9px;padding:12px 22px;border-bottom:1px solid var(--border);overflow-x:auto}.filter-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:600}.filter-chip:hover{color:var(--text);background:var(--panel-soft)}.filter-chip.active{color:var(--text);border-color:var(--primary);box-shadow:0 0 0 2px #4f6be11a}.filter-chip strong{min-width:21px;padding:2px 6px;border-radius:999px;background:var(--panel-soft);color:inherit;font-size:10px;text-align:center}.filter-chip-icon{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:12px;line-height:1}.filter-chip.upgrade .filter-chip-icon{color:#a66a00;background:#e2a52329}.filter-chip.downgrade .filter-chip-icon{color:#c23b3b;background:#d1434321}.filter-chip.matched .filter-chip-icon{color:#218a5a;background:#30a46c21}:root[data-theme=dark] .filter-chip.upgrade .filter-chip-icon{color:#f2bd4f}:root[data-theme=dark] .filter-chip.downgrade .filter-chip-icon{color:#ff7d7d}:root[data-theme=dark] .filter-chip.matched .filter-chip-icon{color:#68d49b}.sidebar-brand-row{display:flex;align-items:center}.sidebar-edge-toggle{position:fixed;top:50%;left:245px;z-index:20;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--muted);box-shadow:0 5px 16px #0f172a2e;transform:translate(-50%,-50%);transition:left .22s ease,transform .16s ease,background .16s ease,color .16s ease}.sidebar-edge-toggle:hover{color:var(--text);background:var(--panel-soft);transform:translate(-50%,-50%) scale(1.08)}.app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:84px;padding-inline:14px}.sidebar-collapsed .sidebar-edge-toggle{left:84px}.sidebar-collapsed .brand span,.sidebar-collapsed .nav-item span,.sidebar-collapsed .admin-profile>div:last-child{display:none}.sidebar-collapsed .brand-logo-frame{width:44px;height:44px;padding:2px}.sidebar-collapsed .brand-logo{width:82px}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .admin-profile{justify-content:center;padding-inline:0}.firmware-section{margin-top:28px}.firmware-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.firmware-actions h2{margin:0 0 5px;font-size:20px}.firmware-actions p{margin:0;color:var(--muted);font-size:13px}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.upload-button:hover{background:var(--primary-hover)}.upload-button input{display:none}.firmware-upload-fields{display:grid;gap:15px;margin-top:22px}.firmware-upload-modal .modal-field input[type=file]{height:auto;padding:10px;cursor:pointer}.firmware-upload-modal .modal-field input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.firmware-enabled-field{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--panel-soft);cursor:pointer}.firmware-enabled-field input{width:17px;height:17px;margin-top:1px;accent-color:var(--primary)}.firmware-enabled-field span{display:grid;gap:4px}.firmware-enabled-field strong{font-size:13px}.firmware-enabled-field small{color:var(--muted);font-size:11px}.firmware-table{min-width:1050px}.firmware-hardware{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.firmware-hardware code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.firmware-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.firmware-status.enabled{color:#218a5a;background:#30a46c21}.firmware-status.disabled{color:var(--muted);background:var(--panel-soft);border:1px solid var(--border)}.device-count-button{min-width:34px;padding:5px 9px;border:1px solid rgba(71,136,200,.3);border-radius:999px;background:#4788c81f;color:#285f91;font-weight:700}.device-count-button:hover{border-color:#4788c8;background:#4788c833}:root[data-theme=dark] .device-count-button{color:#8fc3f1}.row-actions{display:flex;gap:8px;white-space:nowrap}.action-button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px}.action-button:hover{background:var(--panel-soft)}.action-button.danger{color:#c23b3b}@media(max-width:900px){.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .sidebar{width:100%;padding-inline:18px}.sidebar-collapsed .brand span,.sidebar-collapsed .nav-item span{display:inline}.sidebar-edge-toggle{display:none}}@media(max-width:650px){.firmware-actions{align-items:stretch;flex-direction:column}.upload-button{justify-content:center}.table-action-group{display:grid;grid-template-columns:1fr 1fr}.table-action-group .compact-search{width:100%;grid-column:1 / -1}.table-toolbar-actions{width:100%}.table-toolbar-actions .search-box{flex:1}}.hardware-add-button{border:0;cursor:pointer;font:inherit}.hardware-table th:last-child,.hardware-table td:last-child{width:150px;text-align:right}.hardware-table td:last-child .action-button{margin-left:auto}.identifier-code{display:inline-flex;align-items:center;padding:.3rem .55rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-subtle, rgba(127, 127, 127, .08));color:var(--text-primary);font-size:.82rem}.hardware-modal .modal-field input{width:100%;box-sizing:border-box;margin-top:.45rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--text-primary);font:inherit}.hardware-modal .modal-field input:focus{outline:2px solid var(--accent);outline-offset:1px}
