.user-query-input {
        flex: 1 1 320px;
        max-width: 520px;
      }
      .user-lookup-result {
        display: grid;
        gap: 16px;
        margin-top: 18px;
      }
      .user-detail-hero {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-bottom: 18px;
      }
      .user-detail-avatar {
        width: 96px;
        min-width: 96px;
        height: 96px;
      }
      .user-detail-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
      }
      .user-detail-name {
        font-size: 22px;
        font-weight: 700;
        word-break: break-word;
      }
      .user-detail-id {
        color: var(--muted);
        word-break: break-all;
      }
      .user-detail-id-row {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        min-width: 0;
      }
      .user-id-copy-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        border: 1px solid rgba(78, 161, 255, 0.26);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(78, 161, 255, 0.16), rgba(78, 161, 255, 0.08));
        color: #dcecff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.01em;
        cursor: pointer;
        transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
        box-shadow: 0 8px 20px rgba(78, 161, 255, 0.14);
      }
      .user-id-copy-btn:hover {
        transform: translateY(-1px);
        border-color: rgba(78, 161, 255, 0.48);
        background: linear-gradient(180deg, rgba(78, 161, 255, 0.22), rgba(78, 161, 255, 0.12));
        box-shadow: 0 12px 26px rgba(78, 161, 255, 0.18);
      }
      .user-id-copy-btn:active {
        transform: translateY(0);
      }
      .user-id-copy-btn:disabled {
        cursor: default;
        opacity: 0.55;
        transform: none;
        box-shadow: none;
      }
      .user-id-copy-btn svg {
        width: 14px;
        height: 14px;
        fill: currentColor;
      }
      .user-id-copy-btn.is-copied {
        border-color: rgba(123, 216, 143, 0.44);
        background: linear-gradient(180deg, rgba(123, 216, 143, 0.22), rgba(123, 216, 143, 0.12));
        color: #dff8e5;
        box-shadow: 0 12px 26px rgba(123, 216, 143, 0.16);
      }
      .user-detail-grid {
        margin-bottom: 16px;
      }
      .user-detail-bio {
        padding: 14px 16px;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.03);
        display: grid;
        gap: 6px;
      }
      .user-detail-bio-value {
        line-height: 1.6;
        white-space: pre-wrap;
        word-break: break-word;
      }
      .user-detail-section-head {
        display: grid;
        gap: 12px;
        margin-bottom: 12px;
      }
      .user-detail-tab-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      .user-detail-load-more {
        justify-self: center;
        width: auto;
        min-width: 96px;
        padding-inline: 16px;
      }
      .user-detail-tab.active {
        background: rgba(78,161,255,0.2);
        border-color: rgba(78,161,255,0.45);
        color: #fff;
      }
      .modal-content.user-concurrency-modal-content {
        width: min(600px, calc(100vw - 32px));
        max-width: 600px;
      }
      .modal-content.user-booster-modal-content {
        width: min(560px, calc(100vw - 32px));
        max-width: 560px;
      }
      .user-concurrency-grid {
        display: grid;
        gap: 12px;
        margin-top: 18px;
      }
      .user-booster-grid {
        display: grid;
        gap: 14px;
        margin-top: 18px;
      }
      .user-concurrency-row {
        display: grid;
        grid-template-columns: 112px 84px minmax(0, 1fr);
        gap: 8px;
        align-items: center;
      }
      .user-booster-row {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 10px 12px;
        align-items: center;
      }
      .user-booster-row .hint-cell {
        grid-column: 2;
      }
      .user-booster-note-row {
        align-items: start;
      }
      .user-booster-note-input {
        min-height: 108px;
        resize: vertical;
      }
      .user-concurrency-label {
        font-weight: 600;
        color: var(--text);
      }
      .user-concurrency-note-row {
        align-items: start;
      }
      .user-concurrency-note-spacer {
        min-height: 42px;
      }
      .user-concurrency-note-hint {
        grid-column: 3;
        margin-top: -4px;
      }
      .user-concurrency-default {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border-radius: 10px;
        border: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.03);
        color: var(--muted);
        font-size: 12px;
      }
      .user-detail-list-sentinel {
        height: 1px;
      }
      .user-candidate-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }
      .user-candidate-main {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
      }
      .user-candidate-main .asset-preview {
        width: 64px;
        min-width: 64px;
        height: 64px;
      }
      .user-candidate-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .user-candidate-name {
        font-size: 15px;
        font-weight: 600;
        word-break: break-word;
      }
      .user-candidate-meta {
        color: var(--muted);
        font-size: 12px;
        word-break: break-all;
      }
      .user-work-item {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .user-work-cover {
        width: 88px;
        min-width: 88px;
        height: 88px;
      }
      .user-work-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
      }
      .user-work-title {
        font-size: 15px;
        font-weight: 600;
        word-break: break-word;
      }
      .user-work-meta {
        color: var(--muted);
        font-size: 12px;
        word-break: break-word;
      }
      .user-workflow-item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
      }
      .user-workflow-main {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        min-width: 0;
        flex: 1 1 auto;
      }
      .user-workflow-cover {
        width: 88px;
        min-width: 88px;
        height: 88px;
      }
      .user-workflow-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
      }
      .user-workflow-title {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.45;
        word-break: break-word;
      }
      .user-workflow-meta {
        color: var(--muted);
        font-size: 12px;
        word-break: break-word;
      }
      .user-workflow-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .user-workflow-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
      }
      .user-credit-item {
        display: grid;
        gap: 10px;
      }
      .user-credit-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
      .user-credit-main {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
      .user-credit-direction {
        display: inline-flex;
        align-items: center;
        padding: 4px 8px;
        border-radius: 999px;
        font-size: 12px;
        background: rgba(78,161,255,0.14);
      }
      .user-credit-direction.is-spend {
        background: rgba(255,107,107,0.16);
      }
      .user-credit-direction.is-earn {
        background: rgba(72,199,142,0.18);
      }
      .user-credit-amount {
        font-size: 16px;
        font-weight: 700;
      }
      .user-credit-meta {
        color: var(--muted);
        font-size: 12px;
        word-break: break-word;
      }

      @media (max-width: 760px) {
        .user-concurrency-row {
          grid-template-columns: minmax(0, 1fr);
        }
        .user-workflow-item {
          flex-direction: column;
        }
        .user-workflow-actions {
          width: 100%;
          justify-content: flex-end;
        }
      }