.device-card{transition:all .3s;border-radius:8px}.device-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.device-card-header h3{margin:0 0 8px;font-size:16px}.device-card-info{color:#666;font-size:13px;line-height:1.8}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media (max-width: 576px){.device-grid{grid-template-columns:1fr;gap:8px}.page-container{padding:8px!important}}@media (min-width: 577px) and (max-width: 992px){.device-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.page-container{padding:16px;max-width:1200px;margin:0 auto}.chart-container{width:100%;height:200px;margin:12px 0}.bottom-safe{padding-bottom:var(--safe-area-inset-bottom)}