:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162338;background:#f3f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}.full-page{min-height:100vh}.centered-content{display:flex;align-items:center;justify-content:center;padding:24px}.auth-page{background:radial-gradient(circle at 16% 18%,rgb(21 101 192 / 14%),transparent 30%),radial-gradient(circle at 86% 82%,rgb(24 144 255 / 10%),transparent 26%),#f3f6fa}.auth-card{width:min(430px,100%);box-shadow:0 18px 50px #1d35571f}.app-header{position:sticky;z-index:10;top:0;height:auto;min-height:72px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;background:#102a43;box-shadow:0 2px 12px #102a4333}.brand-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700;background:linear-gradient(135deg,#40a9ff,#1565c0)}.brand-title.ant-typography{margin:0;color:#fff;line-height:1.2}.brand-subtitle,.header-user{color:#ffffffb8}.dashboard-content{width:min(1280px,100%);margin:0 auto;padding:36px 32px 24px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-heading .ant-typography{margin-top:0}.dashboard-alert{margin-bottom:16px}.device-card{overflow:hidden;box-shadow:0 8px 24px #102a4312}.device-loading{min-height:300px;display:grid;place-items:center}.dashboard-footer{padding:16px 4px;text-align:right}.pairing-modal-content{width:100%;padding-top:8px}.pairing-code{width:100%;padding:22px 16px;border:1px dashed #91caff;border-radius:10px;background:#e6f4ff;text-align:center}.pairing-code .ant-typography{color:#003a8c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(25px,7vw,34px);font-weight:700;letter-spacing:.16em}.pairing-expiry{display:flex;flex-direction:column;align-items:center;gap:6px}@media (max-width: 700px){.app-header{padding:12px 16px}.brand-subtitle,.header-user{display:none}.brand-title.ant-typography{font-size:18px}.dashboard-content{padding:24px 16px 16px}.dashboard-heading{align-items:flex-start;flex-direction:column}}