.vb-ui-btn{justify-content:center;align-items:center;gap:var(--vb-space-8);font-family:var(--vb-font-family);font-weight:var(--vb-font-weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .1s;display:inline-flex}.vb-ui-btn:focus{outline:none}.vb-ui-btn:focus-visible{box-shadow:var(--vb-shadow-focus)}.vb-ui-btn:disabled{opacity:.6;cursor:not-allowed}.vb-ui-btn--sm{padding:var(--vb-space-8)var(--vb-space-16);font-size:var(--vb-font-size-sm);border-radius:var(--vb-radius-md);min-height:36px}.vb-ui-btn--md{padding:var(--vb-space-12)var(--vb-space-16);font-size:var(--vb-font-size-base);border-radius:var(--vb-radius-md);min-height:44px}.vb-ui-btn--lg{padding:var(--vb-space-12)var(--vb-space-24);font-size:var(--vb-font-size-md);border-radius:var(--vb-radius-md);min-height:48px}.vb-ui-btn--primary{background:var(--vb-color-primary);color:var(--vb-color-bg-default);box-shadow:var(--vb-shadow-primary-sm)}.vb-ui-btn--primary:hover:not(:disabled){background:var(--vb-color-primary-dark);box-shadow:var(--vb-shadow-primary-md)}.vb-ui-btn--primary:active:not(:disabled){transform:translateY(0)}.vb-ui-btn--secondary{background:var(--vb-color-bg-default);color:var(--vb-color-text-primary);border:1px solid var(--vb-color-border-default)}.vb-ui-btn--secondary:hover:not(:disabled){border-color:var(--vb-color-border-hover);background:var(--vb-color-bg-hover)}.vb-ui-btn--secondary:active:not(:disabled){background:var(--vb-color-bg-light)}.vb-ui-btn--ghost{color:var(--vb-color-text-primary);background:0 0}.vb-ui-btn--ghost:hover:not(:disabled){background:var(--vb-color-bg-subtle);border-color:var(--vb-color-border-default)}.vb-ui-btn--ghost:active:not(:disabled){background:var(--vb-color-bg-light)}
.vb-ui-input-wrap{border:1px solid var(--vb-color-border-default);border-radius:var(--vb-radius-md);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:44px;transition:border-color .2s,box-shadow .2s;display:flex}.vb-ui-input-wrap:hover:not(.vb-ui-input-wrap--error){border-color:var(--vb-color-border-hover)}.vb-ui-input-wrap:focus-within{border-color:var(--vb-color-primary);box-shadow:var(--vb-shadow-focus)}.vb-ui-input-wrap--error{border-color:var(--vb-color-error)}.vb-ui-input-wrap--error:focus-within{box-shadow:0 0 0 1px var(--vb-color-error)}.vb-ui-input-wrap--with-leading .vb-ui-input{flex:1;min-width:0}.vb-ui-input-leading-icon{padding-left:var(--vb-space-12);padding-right:var(--vb-space-8);color:var(--vb-color-text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vb-ui-input{width:100%;height:44px;padding:0 var(--vb-space-16)0 var(--vb-space-12);font-family:var(--vb-font-family);font-size:var(--vb-font-size-base);color:var(--vb-color-text-primary);background:var(--vb-color-bg-default);border-radius:var(--vb-radius-md);box-sizing:border-box;border:0;outline:none}.vb-ui-input::placeholder{color:var(--vb-color-text-disabled)}.vb-ui-input:disabled{background:var(--vb-color-bg-hover);color:var(--vb-color-text-disabled);cursor:not-allowed}
.vb-ui-text{font-family:var(--vb-font-family);color:var(--vb-color-text-primary);margin:0}.vb-ui-text--h1{font-size:var(--vb-font-size-2xl);font-weight:var(--vb-font-weight-semibold);line-height:var(--vb-line-height-tight);color:var(--vb-color-text-primary)}.vb-ui-text--h2{font-size:var(--vb-font-size-lg);font-weight:var(--vb-font-weight-semibold);line-height:var(--vb-line-height-tight);color:var(--vb-color-text-primary)}.vb-ui-text--body{font-size:var(--vb-font-size-base);font-weight:var(--vb-font-weight-normal);line-height:var(--vb-line-height-normal);color:var(--vb-color-text-primary)}.vb-ui-text--body-md{font-size:var(--vb-font-size-md);font-weight:var(--vb-font-weight-normal);line-height:var(--vb-line-height-normal);color:var(--vb-color-text-primary)}.vb-ui-text--caption{font-size:var(--vb-font-size-sm);font-weight:var(--vb-font-weight-normal);line-height:var(--vb-line-height-normal);color:var(--vb-color-text-muted)}.vb-ui-text--caption-secondary{font-size:var(--vb-font-size-sm);font-weight:var(--vb-font-weight-normal);line-height:var(--vb-line-height-normal);color:var(--vb-color-text-secondary)}.vb-ui-text--muted{font-size:var(--vb-font-size-base);color:var(--vb-color-text-secondary);line-height:var(--vb-line-height-normal)}.vb-ui-text--error{font-size:var(--vb-font-size-sm);color:var(--vb-color-error-text);line-height:var(--vb-line-height-normal)}
.vb-ui-card{background:var(--vb-color-bg-default);border:1px solid var(--vb-color-border-medium);border-radius:var(--vb-radius-md);padding:var(--vb-space-20);box-sizing:border-box}.vb-ui-card--compact{padding:var(--vb-space-16)}.vb-ui-card--elevated{box-shadow:var(--vb-shadow-sm);border-color:var(--vb-color-border-light)}@media (max-width:768px){.vb-ui-card{padding:var(--vb-space-16)}}
.vb-ui-list{margin:0;padding:0;list-style:none}.vb-ui-list-row{align-items:flex-start;gap:var(--vb-space-12);padding:var(--vb-space-12)var(--vb-space-8);color:inherit;box-sizing:border-box;min-width:0;text-decoration:none;transition:background-color .2s;display:flex}.vb-ui-list-row:hover{background:var(--vb-color-bg-hover)}.vb-ui-list-row:focus{outline:none}.vb-ui-list-row:focus-visible{box-shadow:inset 0 0 0 2px var(--vb-color-primary)}.vb-ui-list-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vb-ui-list-row__title{font-size:var(--vb-font-size-md);font-weight:var(--vb-font-weight-semibold);color:var(--vb-color-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.vb-ui-list-row__meta{color:var(--vb-color-text-lighter);font-size:13px;line-height:1.4}.vb-ui-list-row__aside{flex-shrink:0}.vb-ui-list-row--comfortable{padding:var(--vb-space-16)}.vb-ui-list-row--comfortable .vb-ui-list-row__title{font-size:var(--vb-font-size-base);font-weight:var(--vb-font-weight-semibold)}.vb-ui-list-row--comfortable .vb-ui-list-row__meta{font-size:var(--vb-font-size-base);color:var(--vb-color-text-secondary)}
.vb-ui-chip{padding:6px var(--vb-space-12);font-family:var(--vb-font-family);font-size:13px;font-weight:var(--vb-font-weight-normal);border-radius:var(--vb-radius-md);flex-shrink:0;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.vb-ui-chip--default{background:var(--vb-color-bg-light);color:var(--vb-color-text-secondary)}.vb-ui-chip--primary{background:var(--vb-color-bg-primary-light);color:var(--vb-color-primary);font-weight:var(--vb-font-weight-semibold)}.vb-ui-chip--success{background:var(--vb-color-bg-success);color:var(--vb-color-success);font-weight:var(--vb-font-weight-semibold)}.vb-ui-chip--muted{background:var(--vb-color-bg-subtle);color:var(--vb-color-text-muted)}.vb-ui-chip--sm{padding:var(--vb-space-4)var(--vb-space-10);font-size:var(--vb-font-size-sm);border-radius:var(--vb-radius-lg)}
.vb-ui-avatar{border-radius:var(--vb-radius-full);background:var(--vb-color-bg-chip);color:var(--vb-color-text-secondary);font-weight:var(--vb-font-weight-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.vb-ui-avatar--sm{width:32px;height:32px;font-size:var(--vb-font-size-xs)}.vb-ui-avatar--md{width:40px;height:40px;font-size:var(--vb-font-size-sm)}.vb-ui-avatar--lg{width:58px;height:58px;font-size:var(--vb-font-size-base)}.vb-ui-avatar img{object-fit:cover;width:100%;height:100%}