.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-button--sm{height:32px;padding:0 12px;font-size:13px}.ds-button--md{height:40px;padding:0 20px;font-size:14px}.ds-button--lg{height:48px;padding:0 28px;font-size:15px}.ds-button--primary{background-color:var(--color-primary);color:white}.ds-button--primary:hover:not(.ds-button--disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ds-button--secondary{background-color:var(--color-surface-alt);color:var(--color-text-primary)}.ds-button--secondary:hover:not(.ds-button--disabled){background-color:var(--color-border)}.ds-button--outline{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.ds-button--outline:hover:not(.ds-button--disabled){background-color:var(--color-surface-alt);border-color:var(--color-text-muted)}.ds-button--ghost{background-color:transparent;color:var(--color-text-secondary)}.ds-button--ghost:hover:not(.ds-button--disabled){background-color:var(--color-surface-alt);color:var(--color-text-primary)}.ds-button--destructive{background-color:var(--color-error);color:white}.ds-button--destructive:hover:not(.ds-button--disabled){opacity:.9;filter:brightness(.9);box-shadow:var(--shadow-md)}.ds-button--disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ds-button--full-width{width:100%}.ds-button__icon{display:flex;align-items:center;justify-content:center}.ds-button__icon svg{width:16px;height:16px}.ds-button--sm .ds-button__icon svg{width:14px;height:14px}.ds-button--lg .ds-button__icon svg{width:18px;height:18px}.ds-button--loading{pointer-events:none;position:relative;color:transparent!important}.ds-button--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:button-spin .6s linear infinite}.ds-button--destructive.ds-button--loading:after,.ds-button--primary.ds-button--loading:after{border-color:transparent white white}@keyframes button-spin{to{transform:rotate(1turn)}}[data-theme=dark] .ds-button--secondary{background-color:var(--color-surface-alt);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .ds-button--secondary:hover:not(.ds-button--disabled){background-color:var(--color-surface);border-color:var(--color-text-muted)}[data-theme=dark] .ds-button--outline{border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .ds-button--outline:hover:not(.ds-button--disabled){background-color:var(--color-surface-alt);border-color:var(--color-text-secondary)}[data-theme=dark] .ds-button--ghost:hover:not(.ds-button--disabled){background-color:var(--color-surface-alt);color:var(--color-text-primary)}[data-theme=dark] .ds-button:hover:not(.ds-button--disabled){box-shadow:var(--shadow-md)}.ds-input-wrapper{display:flex;flex-direction:column;gap:6px}.ds-input-wrapper--full-width{width:100%}.ds-input-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--color-text-primary)}.ds-input-required{color:var(--color-error);margin-left:2px}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all .2s ease}.ds-input::placeholder{color:var(--color-text-muted)}.ds-input:hover:not(:disabled){border-color:var(--color-text-muted)}.ds-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ds-input:disabled{background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}.ds-input--sm{height:32px;padding:0 10px;font-size:13px}.ds-input--md{height:40px;padding:0 12px}.ds-input--lg{height:48px;padding:0 16px;font-size:15px}.ds-input--with-icon-left{padding-left:40px}.ds-input--with-icon-right{padding-right:40px}.ds-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none}.ds-input-icon--left{left:12px}.ds-input-icon--right{right:12px}.ds-input-icon svg{width:16px;height:16px}.ds-input--error,.ds-input--error:focus{border-color:var(--color-error)}.ds-input--error:focus{box-shadow:0 0 0 3px rgba(229,62,62,.1)}.ds-input-error{color:var(--color-error)}.ds-input-error,.ds-input-helper{font-size:11px;font-weight:400;line-height:1.5}.ds-input-helper{color:var(--color-text-muted)}.ds-input--full-width{width:100%}.ds-select-wrapper{display:flex;flex-direction:column;gap:6px}.ds-select-wrapper--full-width{width:100%}.ds-select-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--color-text-primary)}.ds-select-required{color:var(--color-error);margin-left:2px}.ds-select{width:100%;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23718096' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ds-select:hover:not(:disabled){border-color:var(--color-text-muted)}.ds-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ds-select:disabled{background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}.ds-select--sm{height:32px;padding:0 10px;font-size:13px}.ds-select--md{height:40px;padding:0 12px}.ds-select--lg{height:48px;padding:0 16px;font-size:15px}.ds-select--error,.ds-select--error:focus{border-color:var(--color-error)}.ds-select--error:focus{box-shadow:0 0 0 3px rgba(229,62,62,.1)}.ds-select-error{color:var(--color-error)}.ds-select-error,.ds-select-helper{font-size:11px;font-weight:400;line-height:1.5}.ds-select-helper{color:var(--color-text-muted)}.ds-select--full-width{width:100%}.ds-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow .2s ease}.ds-card:hover{box-shadow:var(--shadow-base)}.ds-card--padding-sm .ds-card__content{padding:var(--spacing-md)}.ds-card--padding-md .ds-card__content{padding:var(--spacing-lg)}.ds-card--padding-lg .ds-card__content{padding:var(--spacing-xl)}.ds-card--no-padding .ds-card__content{padding:0}.ds-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-divider)}.ds-card--no-padding .ds-card__header{padding:var(--spacing-lg)}.ds-card__header-content{flex:1 1;min-width:0}.ds-card__title{font-size:16px;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0}.ds-card__subtitle{font-size:13px;font-weight:400;line-height:1.5;color:var(--color-text-secondary);margin:4px 0 0}.ds-card__actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-md)}.ds-card__content:empty{padding:0}.ds-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family);font-weight:500;border-radius:6px;white-space:nowrap}.ds-badge--sm{padding:2px 8px;font-size:11px;line-height:1.4}.ds-badge--md{padding:4px 10px;font-size:12px;line-height:1.4}.ds-badge--lg{padding:6px 12px;font-size:13px;line-height:1.4}.ds-badge--default{background-color:var(--color-surface-alt);color:var(--color-text-secondary)}.ds-badge--primary{background-color:var(--color-primary-soft);color:var(--color-primary)}.ds-badge--success{background-color:rgba(56,161,105,.15);color:var(--color-success)}.ds-badge--warning{background-color:rgba(221,107,32,.15);color:var(--color-warning)}.ds-badge--error{background-color:rgba(229,62,62,.15);color:var(--color-error)}.ds-badge--info{background-color:rgba(49,130,206,.15);color:var(--color-info)}.ds-badge--dot{padding-left:6px}.ds-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ds-badge--default .ds-badge__dot{background-color:var(--color-text-muted)}.ds-badge--primary .ds-badge__dot{background-color:var(--color-primary)}.ds-badge--success .ds-badge__dot{background-color:var(--color-success)}.ds-badge--warning .ds-badge__dot{background-color:var(--color-warning)}.ds-badge--error .ds-badge__dot{background-color:var(--color-error)}.ds-badge--info .ds-badge__dot{background-color:var(--color-info)}[data-theme=dark] .ds-badge--success{background-color:rgba(104,211,145,.2);color:var(--color-success)}[data-theme=dark] .ds-badge--warning{background-color:rgba(246,173,85,.2);color:var(--color-warning)}[data-theme=dark] .ds-badge--error{background-color:rgba(252,129,129,.2);color:var(--color-error)}[data-theme=dark] .ds-badge--info{background-color:rgba(99,179,237,.2);color:var(--color-info)}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-weight:600;flex-shrink:0;overflow:hidden}.ds-avatar--xs{width:24px;height:24px;font-size:10px}.ds-avatar--sm{width:32px;height:32px;font-size:12px}.ds-avatar--md{width:40px;height:40px;font-size:14px}.ds-avatar--lg{width:48px;height:48px;font-size:16px}.ds-avatar--xl{width:64px;height:64px;font-size:20px}.ds-avatar__image{width:100%;height:100%;object-fit:cover}.ds-avatar__initials{width:100%;height:100%}.ds-avatar__initials,.ds-modal-overlay{display:flex;align-items:center;justify-content:center}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);padding:var(--spacing-lg);z-index:var(--z-index-modal,1050);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ds-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ds-modal--sm{width:100%;max-width:400px}.ds-modal--md{width:100%;max-width:540px}.ds-modal--lg{width:100%;max-width:720px}.ds-modal--xl{width:100%;max-width:960px}.ds-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-divider)}.ds-modal__header-content{flex:1 1;min-width:0;padding-right:var(--spacing-md)}.ds-modal__title{font-size:18px;font-weight:600;line-height:1.3;color:var(--color-text-primary);margin:0}.ds-modal__subtitle{font-size:13px;font-weight:400;line-height:1.5;color:var(--color-text-secondary);margin:4px 0 0}.ds-modal__close{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ds-modal__close:hover{background-color:var(--color-surface-alt);color:var(--color-text-primary)}.ds-modal__body{padding:var(--spacing-xl);overflow-y:auto;flex:1 1}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-divider)}@media (max-width:768px){.ds-modal-overlay{padding:var(--spacing-md)}.ds-modal{max-height:95vh}.ds-modal--lg,.ds-modal--md,.ds-modal--sm,.ds-modal--xl{max-width:100%}.ds-modal__body,.ds-modal__header{padding:var(--spacing-lg)}.ds-modal__footer{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column-reverse}.ds-modal__footer button{width:100%}}[data-theme=dark] .ds-modal-overlay{background-color:rgba(0,0,0,.7)}[data-theme=dark] .ds-modal{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}[data-theme=dark] .ds-modal__header{border-bottom-color:var(--color-border)}[data-theme=dark] .ds-modal__footer{border-top-color:var(--color-border);background-color:var(--color-surface-alt)}.ds-switch-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-switch__input{position:absolute;opacity:0;pointer-events:none}.ds-switch{position:relative;display:inline-block;border-radius:var(--radius-full);background-color:var(--color-border);transition:background-color .2s ease;flex-shrink:0}.ds-switch--sm{width:36px;height:20px}.ds-switch--sm .ds-switch__slider{width:16px;height:16px}.ds-switch--md{width:44px;height:24px}.ds-switch--md .ds-switch__slider{width:20px;height:20px}.ds-switch--lg{width:52px;height:28px}.ds-switch--lg .ds-switch__slider{width:24px;height:24px}.ds-switch__slider{position:absolute;top:2px;left:2px;border-radius:50%;background-color:var(--color-surface);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}.ds-switch--checked{background-color:var(--color-primary)}.ds-switch--sm.ds-switch--checked .ds-switch__slider{transform:translateX(16px)}.ds-switch--md.ds-switch--checked .ds-switch__slider{transform:translateX(20px)}.ds-switch--lg.ds-switch--checked .ds-switch__slider{transform:translateX(24px)}.ds-switch--disabled{opacity:.5;cursor:not-allowed}.ds-switch-wrapper:has(.ds-switch--disabled){cursor:not-allowed}.ds-switch-wrapper:hover:not(:has(.ds-switch--disabled)) .ds-switch{box-shadow:0 0 0 4px var(--color-surface-alt)}.ds-switch__input:focus-visible+.ds-switch{outline:2px solid var(--color-primary);outline-offset:2px}.ds-switch__label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:6px}.ds-textarea-wrapper--full-width{width:100%}.ds-textarea-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--color-text-primary)}.ds-textarea-required{color:var(--color-error);margin-left:2px}.ds-textarea{width:100%;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:10px 12px;resize:vertical;transition:all .2s ease}.ds-textarea::placeholder{color:var(--color-text-muted)}.ds-textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.ds-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ds-textarea:disabled{background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed;resize:none}.ds-textarea--error,.ds-textarea--error:focus{border-color:var(--color-error)}.ds-textarea--error:focus{box-shadow:0 0 0 3px rgba(229,62,62,.1)}.ds-textarea-error{color:var(--color-error)}.ds-textarea-error,.ds-textarea-helper{font-size:11px;font-weight:400;line-height:1.5}.ds-textarea-helper{color:var(--color-text-muted)}.ds-textarea--full-width{width:100%}