:root{--bg-primary: #062016;--bg-secondary: #0d3826;--bg-card: #134e35;--accent-emerald: #10b981;--accent-teal: #14b8a6;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-main: #f0fdf4;--text-muted: #86efac;--border-color: #166534}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-main);min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem}.glass-card{background:#0d3826d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.sensor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1.2rem;text-align:center;transition:transform .2s}.sensor-card:hover{transform:translateY(-2px);border-color:var(--accent-emerald)}.btn-primary{background:linear-gradient(135deg,var(--accent-emerald),#059669);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-standalone{background:#10b98133;color:#34d399}.badge-saas{background:#14b8a633;color:#2dd4bf}