:root{--primary-color:#4285f4;--bg-color:#f8f9fa;--text-color:#202124;--card-bg:#fff;--border-color:#dadce0;--success-color:#34a853;--warning-color:#fbbc05}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{background-color:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:100%;max-width:400px;text-align:center;border:1px solid var(--border-color)}h1{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color)}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:2rem}.status-active{background-color:#e6f4ea;color:var(--success-color)}.status-inactive{background-color:#fef7e0;color:#c58e00}.btn{display:block;width:100%;padding:.75rem;border-radius:4px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#357ae8}.btn-primary:disabled{background-color:var(--border-color);cursor:not-allowed}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:#f1f3f4}.user-info{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.avatar{width:48px;height:48px;border-radius:50%;margin-bottom:.5rem}.nav-links{display:flex;gap:.5rem;margin:1rem 0}.nav-links .btn{flex:1 1;margin-bottom:0;text-decoration:none;text-align:center}.page-container{background-color:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:100%;max-width:1100px;margin:2rem auto;border:1px solid var(--border-color)}.page-header{margin-bottom:1.5rem}.back-link{color:var(--primary-color);text-decoration:none;font-size:.875rem}.back-link:hover{text-decoration:underline}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;border-bottom:2px solid var(--border-color);padding:.75rem;font-size:.875rem;color:#5f6368}.data-table td{border-bottom:1px solid #eee;padding:.75rem}.data-table code{background:#f1f3f4;padding:.2rem .4rem;border-radius:3px;font-size:.8125rem}.error-text{color:#d93025;text-align:center}.api-key-box{background:#f1f3f4;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.api-key-box code{background:#fff;padding:.25rem .5rem;border-radius:3px;border:1px solid var(--border-color);font-size:.8125rem;word-break:break-all}.btn-small{display:inline-block;width:auto;padding:.4rem .75rem;font-size:.8125rem;margin-bottom:0}.map-iframe{width:100%;height:75vh;border:1px solid var(--border-color);border-radius:8px;background:#fff}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:1.5rem;gap:1.5rem}.device-card{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:var(--card-bg)}.device-card h3{margin:0 0 .5rem;color:var(--primary-color)}.raw-details{margin-top:1rem;color:#5f6368}.raw-details pre{white-space:pre-wrap;background:#f1f3f4;padding:.75rem;border-radius:4px}.muted{color:#5f6368;margin-top:0}