*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink-800);background:#f7f8fb}main{min-height:50vh;display:grid;place-items:center;padding:1rem}:root{--brand-orange:#fd7f28;--brand-blue:#0176ac;--ink-900:#0b1220;--ink-800:#111827;--ink-700:#1f2937;--muted-700:#52525b;--muted-600:#6b7280;--border:#e5e7eb;--panel:#fff;--fd-surface:#0b0b0b;--fd-card:hsla(0,0%,100%,.03);--fd-card-border:hsla(0,0%,100%,.1);--fd-muted:hsla(0,0%,100%,.7);--fd-text:#fff;--fd-ring:#7dd3fc;--fd-orange-2:#dc6b1d;--fd-orange-glow:rgba(253,127,40,.15);--fd-emerald-glow:rgba(16,185,129,.18);--fd-red-glow:hsla(0,91%,71%,.18)}a{text-decoration:none;color:inherit}.h2{font-weight:800;font-size:1.15rem;color:var(--ink-800);margin:0 0 .5rem}.muted{color:var(--muted-700)}.btn,.muted{font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:10px 16px;border-radius:10px;font-weight:700;line-height:1;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;box-shadow:0 1px 0 rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.08);background:#fff;color:var(--ink-800)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.is-disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none!important}.btn--orange{background:linear-gradient(180deg,var(--brand-orange),var(--fd-orange-2));color:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 0 rgba(0,0,0,.04),0 8px 16px var(--fd-orange-glow)}.btn--orange:hover{filter:brightness(.98)}.btn--blue{background:#fff;color:var(--brand-blue);border-color:rgba(1,118,172,.35)}.btn--blue:hover{background:#f5fbff;box-shadow:0 6px 14px rgba(1,118,172,.12)}.btn--ghost{background:#fff;color:#1f2937;border-color:var(--border)}.btn--ghost:hover{background:#f9fafb}.btn--icon{padding:8px 10px;border-radius:10px}.btnPrimary{composes:btn btn--orange}.btnGhostBlue{composes:btn btn--blue}.btnPrimary{background:linear-gradient(180deg,var(--brand-orange),var(--fd-orange-2));color:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 0 rgba(0,0,0,.04),0 8px 16px var(--fd-orange-glow)}.btnPrimary:hover{filter:brightness(.98)}.btnGhostBlue{background:#fff;color:var(--brand-blue);border:1px solid rgba(1,118,172,.35)}.btnGhostBlue:hover{background:#f5fbff}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:9999px;font-weight:700;border:1px solid var(--border);color:#334155;background:#f8fafc;font-size:.85rem}.pill--ok,.pill.pro{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.pill.free{color:#1f2937;background:#f8fafc;border-color:#e5e7eb}.card{border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.card,.subcard{background:#fff}.subcard{border:1px solid var(--border);border-radius:.8rem;padding:.9rem}.subcard__title{font-weight:800;font-size:1rem;color:var(--ink-800);margin-bottom:.35rem}.subcard__body{color:#1f2937;line-height:1.45}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}label{font-weight:600;color:var(--ink-800)}.input,.textarea{border:1px solid var(--border);border-radius:.6rem;padding:.55rem .7rem;background:#fff}.textarea{min-height:110px;resize:vertical}.file{border:1px dashed var(--border);padding:.8rem;border-radius:.6rem;width:100%;background:#fff}.avatarWrap{width:100%;display:flex;justify-content:center;margin-bottom:.75rem}.avatarImg{border-radius:9999px;object-fit:cover;border:1px solid var(--border)}.avatarEmpty,.avatarImg{width:220px;height:220px}.avatarEmpty{border-radius:9999px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:#6b7280;background:#fff}.banner{border:1px solid;border-radius:.6rem;padding:.55rem .7rem;font-size:.9rem}.banner.info{background:#f8fafc;color:#1f2937;border-color:#e5e7eb}.banner.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.banner.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.actionBar{margin-top:1.25rem;display:flex;gap:.6rem;flex-wrap:wrap}.badge-card{border:1px solid var(--border);border-radius:.8rem;padding:.9rem;background:#fff}.badge-card__title{font-weight:800;font-size:1rem;color:var(--ink-800);margin-bottom:.5rem}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.badge-tile{display:flex;align-items:center;gap:.65rem;border:1px solid var(--border);background:#fff;border-radius:1rem;padding:.6rem .7rem;transition:box-shadow .15s ease,transform .15s ease,background .15s ease;box-shadow:0 1px 0 rgba(0,0,0,.03)}.badge-tile:hover{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translateY(-1px)}.badge-tile__icon{width:3.25rem;height:3.25rem;border-radius:.9rem;border:1px solid var(--border);background:#fff;display:grid;place-items:center;flex:0 0 auto}.badge-tile__icon img{width:2.25rem;height:2.25rem;object-fit:contain}.badge-tile__icon span{font-size:1.35rem}.badge-tile__meta{min-width:0}.badge-tile__name{font-weight:700;font-size:.95rem;color:var(--ink-800);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-tile__date{color:#6b7280;font-size:.75rem;margin-top:.1rem}.text-center{text-align:center}.text-sm{font-size:.9rem}.text-xs{font-size:.75rem}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}