.devices-page-header[data-astro-cid-ooolufgn]{text-align:center;margin-bottom:24px}.devices-page-header[data-astro-cid-ooolufgn] h1[data-astro-cid-ooolufgn]{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:800}.devices-page-desc[data-astro-cid-ooolufgn]{color:var(--text-secondary);font-size:1rem}.device-type-tabs[data-astro-cid-ooolufgn]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.device-type-tab[data-astro-cid-ooolufgn]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:#f3f4f6;padding:8px 16px;font-size:.875rem;transition:all .2s}.device-type-tab[data-astro-cid-ooolufgn]:hover{color:#059669;background:#ecfdf5}.device-type-tab[data-astro-cid-ooolufgn].active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#0000}.status-filter-bar[data-astro-cid-ooolufgn]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.status-filter-bar[data-astro-cid-ooolufgn] .filter-label[data-astro-cid-ooolufgn]{color:var(--text-secondary);font-size:.875rem;font-weight:500}.status-tab[data-astro-cid-ooolufgn]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:#f3f4f6;padding:6px 12px;font-size:.8rem;transition:all .2s}.status-tab[data-astro-cid-ooolufgn]:hover{background:#f3f4f6}.status-tab[data-astro-cid-ooolufgn].active{background:var(--accent);color:#fff;border-color:#0000}.device-search-wrapper[data-astro-cid-ooolufgn]{max-width:600px;margin:0 auto 24px;position:relative}.devices-grid[data-astro-cid-ooolufgn]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.device-card[data-astro-cid-ooolufgn]{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden}.device-card[data-astro-cid-ooolufgn]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.device-card-header[data-astro-cid-ooolufgn]{border-bottom:1px solid var(--border);gap:16px;padding:20px;display:flex}.device-icon[data-astro-cid-ooolufgn]{flex-shrink:0;font-size:2.5rem}.device-info[data-astro-cid-ooolufgn]{flex:1;min-width:0}.device-name[data-astro-cid-ooolufgn]{color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:700}.device-meta[data-astro-cid-ooolufgn]{flex-wrap:wrap;gap:8px;display:flex}.device-type-badge[data-astro-cid-ooolufgn]{color:#fff;border-radius:50px;padding:4px 10px;font-size:.75rem;font-weight:600}.device-router[data-astro-cid-ooolufgn]{background:#3b82f6}.device-soft-router[data-astro-cid-ooolufgn]{background:#8b5cf6}.device-nas[data-astro-cid-ooolufgn]{background:#06b6d4}.device-fnOS[data-astro-cid-ooolufgn]{background:#f59e0b}.device-routeros[data-astro-cid-ooolufgn]{background:#ef4444}.device-camera[data-astro-cid-ooolufgn]{background:#64748b}.device-watch[data-astro-cid-ooolufgn]{background:#ec4899}.device-pc[data-astro-cid-ooolufgn]{background:#10b981}.device-server[data-astro-cid-ooolufgn]{background:#6366f1}.device-switch[data-astro-cid-ooolufgn]{background:#14b8a6}.device-ap[data-astro-cid-ooolufgn]{background:#0ea5e9}.device-printer[data-astro-cid-ooolufgn]{background:#a855f7}.device-iot[data-astro-cid-ooolufgn]{background:#22c55e}.device-other[data-astro-cid-ooolufgn]{background:#6b7280}.status-badge[data-astro-cid-ooolufgn]{color:var(--text-secondary);background:#f3f4f6;border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-dot[data-astro-cid-ooolufgn]{background:#9ca3af;border-radius:50%;width:8px;height:8px}.status-active[data-astro-cid-ooolufgn] .status-dot[data-astro-cid-ooolufgn]{background:#10b981}.status-maintenance[data-astro-cid-ooolufgn] .status-dot[data-astro-cid-ooolufgn]{background:#f59e0b}.status-inactive[data-astro-cid-ooolufgn] .status-dot[data-astro-cid-ooolufgn]{background:#ef4444}.status-recycled[data-astro-cid-ooolufgn] .status-dot[data-astro-cid-ooolufgn]{background:#6b7280}.device-card-body[data-astro-cid-ooolufgn]{padding:16px 20px}.device-model[data-astro-cid-ooolufgn],.device-manufacturer[data-astro-cid-ooolufgn],.device-ip[data-astro-cid-ooolufgn],.device-system[data-astro-cid-ooolufgn],.device-services-count[data-astro-cid-ooolufgn]{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem}.device-ip[data-astro-cid-ooolufgn] code[data-astro-cid-ooolufgn]{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.8rem}.device-card-footer[data-astro-cid-ooolufgn]{border-top:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.lifespan-info[data-astro-cid-ooolufgn]{color:var(--text-secondary);font-size:.8rem}.btn-device-detail[data-astro-cid-ooolufgn]{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none}.btn-device-detail[data-astro-cid-ooolufgn]:hover{opacity:.9}html[data-theme=dark] .device-card[data-astro-cid-ooolufgn]{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .device-card-header[data-astro-cid-ooolufgn]{border-color:var(--border)}html[data-theme=dark] .device-card-footer[data-astro-cid-ooolufgn]{background:var(--bg-secondary);border-color:var(--border)}html[data-theme=dark] .device-model[data-astro-cid-ooolufgn],html[data-theme=dark] .device-manufacturer[data-astro-cid-ooolufgn],html[data-theme=dark] .device-ip[data-astro-cid-ooolufgn],html[data-theme=dark] .device-system[data-astro-cid-ooolufgn],html[data-theme=dark] .device-services-count[data-astro-cid-ooolufgn]{color:var(--text-secondary)}html[data-theme=dark] .device-ip[data-astro-cid-ooolufgn] code[data-astro-cid-ooolufgn]{background:var(--bg-secondary);color:var(--text-primary)}html[data-theme=dark] .status-badge[data-astro-cid-ooolufgn]{background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=dark] .device-type-tab[data-astro-cid-ooolufgn]{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .device-type-tab[data-astro-cid-ooolufgn]:hover{color:#a7f3d0;background:#064e3b}html[data-theme=dark] .status-tab[data-astro-cid-ooolufgn]{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .status-tab[data-astro-cid-ooolufgn]:hover{background:var(--bg-card)}