.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-lg);background:transparent;color:var(--text);cursor:pointer;font-size:14.5px;font-weight:500;white-space:nowrap;transition:background .12s,color .12s,transform .08s,box-shadow .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--card);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover,.btn-secondary:hover{background:var(--soft);color:var(--text)}.btn-ghost{color:var(--muted-strong)}.btn-sm{height:36px;padding:0 14px;border-radius:14px;font-size:13.5px}.btn-lg{height:52px;padding:0 26px;border-radius:24px;font-size:15.5px}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-card)}.card-soft{background:var(--soft)}.card-pad{padding:24px}.card-pad-lg{padding:32px}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--soft);color:var(--muted-strong);font-size:12px;font-weight:500}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-muted{background:var(--soft-2)}.badge-dark{background:var(--primary);color:var(--on-primary)}.avatar{width:36px;height:36px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:500}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:80px;height:80px;font-size:24px}.avatar-image{background-position:50%;background-size:cover;color:transparent}.field,.field-label{display:block}.field-label{margin-bottom:8px;color:var(--muted-strong);font-size:12.5px;font-weight:500}.input,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--card);color:var(--text);transition:border-color .12s,box-shadow .12s}.input{height:48px;padding:0 16px}.password-input-wrap{position:relative;display:block}.password-input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:6px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--muted-strong);cursor:pointer}.password-toggle:hover{background:var(--soft);color:var(--text)}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.textarea{min-height:96px;padding:14px 16px;resize:vertical}.input::placeholder{color:var(--muted)}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(28,35,45,.06)}.hint{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);color:var(--muted-strong);cursor:pointer;font-size:13.5px;font-weight:500}.pill.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.pill-sm{height:28px;padding:0 12px;font-size:12.5px}