:root{--primary: #7C45E8;--secondary: #3F78FF;--bg: #FAFAF8;--surface: #FFFFFF;--text: #1A1A2E;--text-soft: #6B7280;--line: rgba(26,26,46,.08);--radius: 20px;--shadow: 0 1px 3px rgba(26,26,46,.06), 0 8px 24px rgba(26,26,46,.05);--grad: linear-gradient(135deg, var(--primary), var(--secondary));--font: "Geist", system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:transform .25s ease,box-shadow .25s ease}.card.hover:hover{transform:translateY(-2px);box-shadow:0 4px 6px #1a1a2e12,0 14px 34px #7c45e81a}.btn{border:0;border-radius:14px;padding:12px 22px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad);color:#fff}.btn-ghost{background:transparent;color:var(--text-soft)}.input{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:14px;font-family:var(--font);font-size:15px;background:var(--surface);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c45e81f}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft)}.dot{width:8px;height:8px;border-radius:50%}.dot-ok{background:#2fbf71}.dot-warn{background:#f5a623}.dot-off{background:#c4c4cc}.label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}h1{font-weight:600;font-size:28px}h2{font-weight:600;font-size:19px}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){.card,.btn{transition:none}}.btn:disabled{opacity:.55;cursor:wait}