:root{--bg-page: #d8e8f2;--bg-card: #eef5fb;--bg-card-hover: #f4f9fd;--bg-input: rgba(255,255,255,.9);--bg-input-focus: rgba(255,255,255,.98);--border: rgba(100, 150, 190, .45);--border-hover: #1e3a5f;--text: #1e293b;--text-muted: #475569;--text-heading: #1e3a5f;--bg-btn: rgba(255,255,255,.75);--bg-btn-hover: rgba(255,255,255,.95);--bg-overlay: rgba(0,0,0,.5);--bg-device: #eef5fb;--bg-device-hover: #f4f9fd;--bg-badge-ok: rgba(25, 135, 84, .12);--bg-badge-yellow: rgba(204, 154, 6, .12);--bg-badge-orange: rgba(230, 126, 34, .12);--bg-badge-warn: rgba(220, 53, 69, .1);--result-count-color: #1e3a5f;--table-row-hover: rgba(0,0,0,.04);--border-row: rgba(100,150,190,.18);--nav-bg: rgba(24, 50, 82, .96)}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-card-hover: #253347;--bg-input: rgba(15, 23, 42, .9);--bg-input-focus: rgba(15, 23, 42, .98);--border: rgba(71, 85, 105, .55);--border-hover: #60a5fa;--text: #e2e8f0;--text-muted: #94a3b8;--text-heading: #93c5fd;--bg-btn: rgba(51, 65, 85, .8);--bg-btn-hover: rgba(71, 85, 105, .95);--bg-overlay: rgba(0,0,0,.72);--bg-device: #1e293b;--bg-device-hover: #253347;--bg-badge-ok: rgba(25, 135, 84, .22);--bg-badge-yellow: rgba(204, 154, 6, .22);--bg-badge-orange: rgba(230, 126, 34, .22);--bg-badge-warn: rgba(220, 53, 69, .18);--result-count-color: #93c5fd;--table-row-hover: rgba(255,255,255,.04);--border-row: rgba(71,85,105,.28);--nav-bg: rgba(8, 14, 28, .98)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text);min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 2rem;background:var(--nav-bg);border-bottom:1px solid rgba(100,140,180,.25);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:#e2e8f0;text-decoration:none}.nav-brand:hover{color:#fff}.nav-logo{height:30px;width:30px}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-links{display:flex;gap:.15rem}.nav-links a{color:#e2e8f0cc;text-decoration:none;padding:.4rem .9rem;font-size:.88rem;transition:all .15s;border:1px solid transparent;display:inline-flex;align-items:center;gap:.4rem;border-radius:4px}.nav-links a:hover{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.nav-links a.active{color:#fff;font-weight:600;background:#ffffff26;border-color:#ffffff38}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;border-radius:4px}.theme-toggle:hover{background:#fff3;color:#fff}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:flex;align-items:center}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}main{max-width:1100px;margin:0 auto;padding:2rem 1rem}.card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:6px}.badge-ok{background:var(--bg-badge-ok);color:#198754;padding:.1rem .45rem;font-size:.79rem;font-weight:600;border-radius:3px;white-space:nowrap}.badge-yellow{background:var(--bg-badge-yellow);color:#cc9a06;padding:.1rem .45rem;font-size:.79rem;font-weight:600;border-radius:3px;white-space:nowrap}.badge-orange{background:var(--bg-badge-orange);color:#e67e22;padding:.1rem .45rem;font-size:.79rem;font-weight:600;border-radius:3px;white-space:nowrap}.badge-warn{background:var(--bg-badge-warn);color:#dc3545;padding:.1rem .45rem;font-size:.79rem;font-weight:600;border-radius:3px;white-space:nowrap}[data-theme=dark] .badge-ok{color:#34d399}[data-theme=dark] .badge-yellow{color:#fbbf24}[data-theme=dark] .badge-orange{color:#fb923c}[data-theme=dark] .badge-warn{color:#f87171}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border:1px solid var(--border);border-radius:4px;font-size:.88rem;cursor:pointer;transition:all .2s;font-weight:600;background:var(--bg-btn);color:var(--text-heading)}.btn:hover{background:var(--bg-btn-hover);border-color:var(--border-hover)}.btn-primary{color:var(--text-heading)}.btn-secondary{color:var(--text-muted)}.btn-secondary:hover{color:var(--text-heading);border-color:var(--border-hover)}.btn-outline{color:var(--text-heading)}.btn-icon{padding:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-btn);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.btn-icon:hover{background:var(--bg-btn-hover);border-color:var(--border-hover);color:var(--text-heading)}.btn-icon:disabled{opacity:.5;cursor:default}.btn-sm{padding:.3rem .7rem;font-size:.82rem}input[type=text],input[type=search]{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.5rem .9rem;font-size:.92rem;outline:none;transition:all .2s}input[type=text]:focus,input[type=search]:focus{border-color:var(--border-hover);background:var(--bg-input-focus)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.6rem;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}td{padding:.6rem;border-bottom:1px solid var(--border-row);font-size:.88rem;color:var(--text)}tr:hover td{background:var(--table-row-hover)}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:#198754;border-radius:50%;animation:spin .7s linear infinite;margin-right:.6rem;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin .7s linear infinite}.error-msg{background:#dc35451f;border:1px solid rgba(220,53,69,.35);border-radius:4px;color:#dc3545;padding:1rem;text-align:center}[data-theme=dark] .error-msg{color:#f87171}.btn svg,.btn-icon svg{width:15px;height:15px;flex-shrink:0}.detail-col h3{color:var(--text-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;padding-bottom:.35rem;border-bottom:2px solid var(--border);font-weight:700}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.28rem 0;border-bottom:1px solid var(--border-row);font-size:.84rem;gap:.75rem;min-height:28px}.detail-row .lbl{color:var(--text-muted);font-weight:600;font-size:.76rem;text-transform:uppercase;white-space:nowrap;min-width:96px;flex-shrink:0}.detail-row .val{text-align:right;word-break:break-word;color:var(--text);display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.detail-row a{color:#2563eb;text-decoration:none}.detail-row a:hover{text-decoration:underline}[data-theme=dark] .detail-row a{color:#60a5fa}.apn-section{grid-column:1 / -1;padding:.65rem 0 .2rem;border-top:1px solid var(--border);font-size:.84rem;color:var(--text-muted);display:flex;gap:1.5rem;flex-wrap:wrap}.bosch-section{grid-column:1 / -1;padding-top:.65rem;border-top:1px solid var(--border)}.bosch-section h3{color:var(--text-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.detail-right-stack{display:flex;flex-direction:column;gap:.75rem;min-width:0}.detail-right-stack>.detail-col{overflow-y:auto;max-height:320px;padding-right:4px}.detail-right-stack>.detail-col h3{position:sticky;top:0;background:var(--bg-card);z-index:1;padding-top:2px}@media (max-width: 700px){.detail-right-stack>.detail-col{max-height:none;overflow-y:visible}}.detail-map,.detail-map-init{flex:1;min-height:160px;border-radius:4px;border:1px solid var(--border);overflow:hidden}@media (max-width: 640px){.navbar{flex-direction:column;gap:.4rem;padding:.6rem 1rem}main{padding:1rem .5rem}}