:root{--brand-yellow:#ff9800;--brand-orange:#ff6a00;--brand-red:#ff3d32;--brand-pink:#f80067;--brand-gradient:linear-gradient(135deg,#ff9800 0%,#ff6a00 34%,#ff3d32 67%,#f80067 100%);--text-primary:#182231;--text-muted:#7f8996;--semantic-success:#13b45b;--semantic-warning:#ff8a00;--semantic-danger:#ff3d47;--semantic-info:#1677ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-weight:650;text-decoration:none;transition:.18s ease}.btn[hidden]{display:none!important}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 8px 18px rgba(255,61,50,.16)}.btn-secondary{border-color:rgba(174,185,198,.55);background:rgba(255,255,255,.7);color:var(--text-primary)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:rgba(100,119,148,.1);color:var(--text-primary)}.btn-brand{border-color:var(--brand-orange);background:rgba(255,104,29,.08);color:var(--brand-orange)}.btn-brand:hover{background:rgba(255,104,29,.16)}.btn-brand.is-active{background:rgba(255,104,29,.2)}.ui-card{border:1px solid rgba(188,198,211,.42);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(24,34,49,.055),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(16px)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:650}.badge-info{color:#1677ff;background:rgba(239,246,255,.78);border-color:rgba(74,144,226,.22)}.badge-warning{color:#ff7a00;background:rgba(255,247,236,.82);border-color:rgba(255,122,0,.2)}.badge-danger{color:#ff3d47;background:rgba(255,241,243,.82);border-color:rgba(255,61,71,.22)}.badge-success{color:#13b45b;background:rgba(238,252,244,.8);border-color:rgba(19,180,91,.22)}
.entity-avatar{position:relative;display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 4px 12px rgba(40,50,75,.12);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.025em;text-shadow:0 1px 4px rgba(20,30,50,.2);overflow:hidden}.entity-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.entity-avatar::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 52%);pointer-events:none}.avatar-tone-0{background:linear-gradient(135deg,#7398ef,#8b6bd9)}.avatar-tone-1{background:linear-gradient(135deg,#45b8b0,#4f8bd8)}.avatar-tone-2{background:linear-gradient(135deg,#dd7fa8,#9a72db)}.avatar-tone-3{background:linear-gradient(135deg,#e59a63,#d56f8f)}.avatar-tone-4{background:linear-gradient(135deg,#65a9d8,#66c2a5)}.avatar-tone-5{background:linear-gradient(135deg,#8d91e8,#589fc4)}.avatar-tone-6{background:linear-gradient(135deg,#d782be,#7388dc)}.avatar-tone-7{background:linear-gradient(135deg,#75b782,#58a9b4)}
.btn{font:inherit;cursor:pointer}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,104,29,.2)}.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary:hover:not(:disabled){border-color:rgba(142,155,173,.72);background:#fff}.btn-primary:hover:not(:disabled){filter:saturate(1.08) brightness(.99);box-shadow:0 10px 22px rgba(255,61,50,.2)}.btn-icon{width:40px;padding:0}.btn-compact{min-height:36px;padding:0 13px;font-size:.8rem}