*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a1a}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.page{padding:16px 16px 96px}.page h1{font-size:20px;margin:0 0 12px}.page h2{font-size:15px;margin:20px 0 8px;color:#4b5563}.card{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:8px}.card.muted{background:#f1f5f9;box-shadow:none}.card.warn{border:1px solid #ffb020}.row{display:flex;align-items:center;gap:8px}.row.spread{justify-content:space-between}.row.wrap{flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:10px 14px;font-size:14px;background:#e5e7eb;color:#111827;transition:opacity .15s}.btn.primary{background:#2563eb;color:#fff}.btn.subtle{background:transparent;color:#2563eb;padding:8px 10px}.btn.danger{background:#fee2e2;color:#991b1b}.btn.wide{width:100%;padding:14px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;width:100%;background:#fff;font-family:inherit}.textarea{resize:vertical;min-height:60px}.label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.muted-text{color:#6b7280;font-size:13px}.badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:999px;font-size:11px}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.badge.empty{background:#f3f4f6;color:#6b7280}