:root{--bg:#e9edf3;--bg2:#dde5ef;--card:#ffffff;--card-soft:rgba(255,255,255,.86);--card-soft-2:rgba(255,255,255,.72);--card-muted:rgba(255,255,255,.55);--card2:#f5f7fb;--text:#0b1220;--muted:rgba(11, 18, 32, .68);--line:rgba(11, 18, 32, .16);--line2:rgba(11, 18, 32, .1);--accent:#2563eb;--accent2:#0ea5e9;--teal:#14b8a6;--danger:#ef4444;--ok:#16a34a;--warning:#f59e0b;--shadow:0 18px 48px rgba(2, 6, 23, .14);--shadow-soft:0 10px 26px rgba(2, 6, 23, .08);--radius:16px;--radius-sm:12px;--radius-xs:10px;--focus:0 0 0 3px rgba(37,99,235,.22);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(800px 500px at 10% 0%,rgba(37,99,235,.1),transparent 60%),radial-gradient(800px 500px at 90% 0%,rgba(14,165,233,.08),transparent 60%),linear-gradient(180deg,#eef2f7,#e5ebf3)}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--line2);margin:14px 0}.container{max-width:1100px;margin:0 auto;padding:18px}.page{max-width:1100px;margin:0 auto;padding:18px 14px 28px;display:grid;gap:14px}.page-stack,.grid{display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center}.split{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.h1{font-size:20px;font-weight:900;margin:0;letter-spacing:.2px}.muted{color:var(--muted);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.strong{font-weight:800}.nav{position:sticky;top:0;z-index:50;background:#f8fafef0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(37,99,235,.1);box-shadow:0 1px #2563eb0f,0 4px 20px #0206170f}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 20px #2563eb4d;border:1px solid rgba(15,23,42,.06);letter-spacing:.5px}.brand-title{display:flex;flex-direction:column;gap:2px}.brand-title .t1{font-size:15px;font-weight:900;letter-spacing:-.2px;line-height:1.1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-title .t2{font-size:11px;color:var(--muted);line-height:1.1;letter-spacing:.2px}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--muted);border:1px solid transparent;background:transparent;cursor:pointer;text-decoration:none;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;white-space:nowrap;flex-shrink:0}.nav-link:hover{background:#2563eb12;color:var(--accent);border-color:#2563eb24}.nav-link.active{background:#2563eb1a;color:var(--accent);border-color:#2563eb2e;font-weight:700}.nav-link.logout{color:var(--danger)}.nav-link.logout:hover{background:#ef444414;color:#b91c1c;border-color:#ef44442e}.nav-user{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:20px;border:1px solid rgba(37,99,235,.14);background:#2563eb0d}.nav-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.nav-user-name{font-size:12.5px;font-weight:600;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{width:1px;height:20px;background:#2563eb24;flex-shrink:0;margin:0 2px}.btn{border:1px solid var(--line);background:#0f172a08;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-1px);background:#0f172a0d;border-color:#0f172a29}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;box-shadow:0 10px 24px #2563eb29}.btn.primary:hover{box-shadow:0 12px 28px #2563eb33}.btn.teal{background:linear-gradient(135deg,var(--teal),rgba(14,165,233,.85));border-color:transparent;color:#fff}.btn.danger{background:#ef44441a;border-color:#ef444440;color:#7f1d1d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#ffffffbf;color:var(--text);outline:none;transition:box-shadow .12s,border-color .12s,background .12s,transform .12s}.input:focus{box-shadow:var(--focus);border-color:#2563eb59;background:#fffffff2}.input-pretty{border-radius:12px}.input-pretty:focus{transform:translateY(-1px)}.field-help{margin-top:6px;font-size:12px;color:var(--muted)}.card,.card-soft{background:var(--card-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(15,23,42,.1);border-radius:var(--radius);box-shadow:0 12px 32px #02061714;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover,.card-soft:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0206171f;border-color:#2563eb33}.card.static:hover,section.card:hover,section.card-soft:hover{transform:none;box-shadow:0 12px 32px #02061714;border-color:#0f172a1a}.card-h{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#ffffffe6,#fff9)}.card-b{padding:16px}.table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid var(--line2)}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:1;background:#f8fafcf2;font-size:12px;color:var(--muted);white-space:nowrap}tr:hover td{background:#2563eb0a}.pretty-table{min-width:640px;width:100%;border-collapse:collapse}.pretty-table th{text-align:left;font-size:12px;color:var(--muted);padding:10px;border-bottom:1px solid var(--line2);background:#f8fafcf2}.pretty-table td{padding:10px;border-bottom:1px solid rgba(15,23,42,.06);color:var(--text);vertical-align:middle}.pretty-table tbody tr:hover{background:#0f172a08}.pretty-table .input{min-width:120px}.pretty-table .btn{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);font-size:12px;color:var(--text);background:#0f172a08}.badge.ok{border-color:#09e438;background:#03fc5e57}.badge.off{border-color:#d33c3c;background:#c5390e14}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(37,99,235,.18);border-top-color:var(--accent);animation:spin .75s linear infinite;flex-shrink:0}.spinner.sm{width:14px;height:14px;border-width:2px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:9999;padding:16px}.dialog{max-width:760px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.search{width:min(420px,100%)}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card-title-wrap{min-width:0}.card-title{font-weight:900;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease}.card:hover .card-title{color:var(--accent)}.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.address-block{display:grid;gap:10px}.address-line{padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card-muted)}.address-main{font-weight:800;color:var(--text)}.address-sub{margin-top:4px}.qs-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:10px;border:1px solid rgba(15,23,42,.13);background:#f8fafecc;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .14s,border-color .14s,color .14s,box-shadow .14s;white-space:nowrap}.qs-trigger:hover{background:#2563eb12;border-color:#2563eb33;color:var(--accent)}.qs-trigger.open{background:#2563eb1a;border-color:#2563eb3d;color:var(--accent);box-shadow:0 0 0 3px #2563eb17}.qs-pop{position:fixed;padding:0;border-radius:18px;background:#fffffffa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(37,99,235,.12);box-shadow:0 32px 80px #02061733,0 4px 16px #02061714;z-index:1000;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 90px)}.qs-pop-bar{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));flex-shrink:0}.qs-pop-inner{padding:16px;overflow-y:auto;flex:1}.qs-pop-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.07);margin-bottom:12px}.qs-pop-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--text)}.qs-close-btn{width:28px;height:28px;border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#0f172a0a;cursor:pointer;display:grid;place-items:center;color:var(--muted);font-size:15px;line-height:1;transition:all .12s;flex-shrink:0}.qs-close-btn:hover{background:#ef444414;border-color:#ef444433;color:#dc2626}.qs-input-wrap{position:relative}.qs-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}.qs-input-wrap .input{padding-left:38px}.qs-section{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.qs-section:after{content:"";flex:1;height:1px;background:#0f172a14}.qs-section:first-child{margin-top:2px}.qs-list{display:flex;flex-direction:column;gap:2px}.qs-item{width:100%;text-align:left;border:1px solid transparent;border-left:3px solid transparent;border-radius:10px;padding:9px 12px;min-height:44px;cursor:pointer;background:transparent;color:var(--text);transition:background .12s,border-color .12s,box-shadow .12s}.qs-item:hover{background:#2563eb0d;border-color:#2563eb21;border-left-color:#2563eb66}.qs-item.active{background:#2563eb14;border-color:#2563eb29;border-left-color:var(--accent);box-shadow:0 2px 8px #2563eb14}.qs-item.kind-favorite:hover,.qs-item.kind-favorite.active{border-left-color:#f59e0b}.qs-item.kind-recent:hover,.qs-item.kind-recent.active{border-left-color:#64748b8c}.qs-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap}.qs-badge.fav{background:#f59e0b1f;color:#b45309}.qs-badge.rec{background:#64748b1a;color:var(--muted)}.qs-badge.res{background:#2563eb1a;color:var(--accent)}.qs-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}.qs-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(15,23,42,.07);gap:8px}.qs-kbd-hint{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);flex-wrap:wrap}kbd{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid rgba(15,23,42,.16);background:#0f172a0a;font-family:inherit;font-size:10px;font-weight:700;color:var(--text)}.star-btn{border:none;background:transparent;border-radius:8px;padding:5px 8px;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;transition:all .12s;align-self:flex-start;flex-shrink:0}.star-btn:hover{background:#f59e0b1a;color:#d97706}.star-btn.on{color:#d97706}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line2)}.section-title{font-size:16px;font-weight:800;color:var(--text)}.section-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.hero-card{border:1px solid var(--line2);border-radius:20px;padding:18px;background:var(--card-soft-2);box-shadow:var(--shadow-soft)}.hero-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.hero-title{font-size:26px;font-weight:900;line-height:1.1;color:var(--text)}.hero-subtitle{margin-top:6px;color:var(--muted)}.hero-actions,.hero-stats,.tab-badges,.toolbar-left,.device-header-actions,.device-actions,.action-row{display:flex;gap:8px;flex-wrap:wrap}.hero-stats{margin-top:18px;gap:12px}.hero-actions,.action-row{gap:10px}.action-row{justify-content:flex-end;margin-top:18px}.stat-box{min-width:130px;padding:12px 14px;border-radius:14px;background:var(--card-muted);border:1px solid var(--line2)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{margin-top:6px;font-weight:800;font-size:18px;color:var(--text)}.tab-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.segmented{display:inline-flex;padding:4px;border-radius:14px;background:#0f172a0a;border:1px solid var(--line2);gap:4px}.segmented-btn{border:0;background:transparent;color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;transition:background .12s,color .12s,transform .12s}.segmented-btn:hover{background:#0f172a0a}.segmented-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 18px #2563eb29}.soft-panel{border:1px solid var(--line2);border-radius:18px;padding:16px;background:var(--card-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}.info-box{border:1px dashed var(--line);border-radius:14px;padding:12px;color:var(--muted);display:flex;align-items:center;min-height:46px;background:var(--card-muted)}.toolbar-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.device-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:14px}.device-list{display:grid;gap:12px}.device-card{border:1px solid var(--line2);background:var(--card-soft-2);border-radius:18px;padding:16px;box-shadow:var(--shadow-soft)}.device-header{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.device-code{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:20px;font-weight:800;color:var(--text)}.device-meta{margin-top:8px;color:var(--muted);font-size:13px}.device-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.device-meta-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:#0f172a0a;border:1px solid var(--line2);color:var(--text)}.device-divider{height:1px;background:var(--line2);margin:14px 0}.device-body{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.measurement-panel{border:1px solid var(--line2);border-radius:16px;background:#fffc;padding:16px}.measurement-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.measurement-title{font-weight:800;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px}.measurement-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.measurement-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:min(100%,580px)}.measurement-add-btn-wrap{display:flex;align-items:flex-end}.measurement-add-btn-wrap .btn{width:100%}.empty-state{border:1px dashed var(--line);border-radius:16px;padding:22px;text-align:center;background:var(--card-muted)}.empty-state-title{font-weight:800;color:var(--text)}.empty-state-subtitle{margin-top:6px;color:var(--muted)}.bulk-help{border:1px solid var(--line2);background:var(--card-soft-2);border-radius:12px;padding:14px}.bulk-help-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.bulk-help-text{font-size:13px;color:var(--muted);margin-top:4px}.bulk-example{margin-top:10px;padding:12px;border-radius:10px;background:#0f172a08;border:1px solid var(--line2);color:var(--text);overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45}.bulk-textarea{min-height:180px;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.45}.columns-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;background:var(--card);border:1px solid var(--line2);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30}.columns-menu .card-b{padding:14px;display:grid;gap:10px}.columns-menu-title{font-weight:900;font-size:14px}.columns-menu-section{font-size:12px;color:var(--muted)}.columns-menu-presets,.columns-menu-actions{display:flex;gap:8px;flex-wrap:wrap}.columns-menu-columns{display:grid;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.columns-menu-columns label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s}.columns-menu-columns label:hover{background:#2563eb0f}.columns-menu-columns input{cursor:pointer}.columns-menu-columns::-webkit-scrollbar{width:6px}.columns-menu-columns::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.columns-menu-columns::-webkit-scrollbar-thumb:hover{background:#0f172a40}@media (max-width: 980px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.device-body{grid-template-columns:1fr}.device-actions{justify-content:flex-start}.measurement-form{width:100%}}@media (max-width: 760px){.container{padding:12px}.page{padding:12px 10px 20px;gap:10px}.nav-inner{flex-wrap:nowrap;gap:8px;align-items:center}.nav-inner>a.brand{flex-shrink:0}.nav-inner>div{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-inner>div::-webkit-scrollbar{display:none}.btn{padding:9px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0}.h1{font-size:18px}.qs-pop{left:8px!important;right:8px!important;width:auto!important;max-height:calc(100dvh - 90px)}table{min-width:520px}.hero-stats{gap:8px}.stat-box{min-width:100px}}@media (max-width: 640px){.cards-grid{grid-template-columns:1fr}.hero-title{font-size:22px}.device-columns,.form-grid{grid-template-columns:1fr}.toolbar-row{align-items:stretch}.tab-row{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented-btn{flex:1;text-align:center}.card-h{flex-wrap:wrap}.split{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.card-b{padding:12px}.card-h{padding:10px 12px}.hero-card{padding:12px}.hero-title{font-size:20px}.qs-list{max-height:min(280px,40vh)}.stat-box{min-width:80px;padding:8px 10px}.stat-value{font-size:16px}}@media (max-width: 420px){.btn{padding:8px 9px;font-size:13px}.logo{width:36px;height:36px}}.table-wrap table tbody tr td:first-child{width:48px}.table-wrap table tbody tr:hover{cursor:pointer}.badge{-webkit-user-select:none;user-select:none}