*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1989fa;--success: #07c160;--warning: #ff976a;--danger: #ee0a24;--text: #323233;--text-secondary: #969799;--bg: #f7f8fa;--card-bg: #ffffff;--border: #ebedf0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;height:100%}#app{min-height:100vh}.page{padding:16px;min-height:100vh}.page-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-secondary)}.stat-card{background:var(--card-bg);border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 4px #0000000a}.stat-card .value{font-size:28px;font-weight:700;color:var(--primary)}.stat-card .label{font-size:12px;color:var(--text-secondary);margin-top:4px}.device-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border-radius:12px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 20px 60px #00000026}.login-logo{text-align:center;font-size:48px;margin-bottom:8px}.login-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:4px}.login-subtitle{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:24px}@media (min-width: 768px){.page{max-width:600px;margin:0 auto}}