a.font-weight-bold{color: var(--color-primary);text-decoration: none}a.font-weight-bold:hover{text-decoration: underline}.fa-file-pdf{color: var(--color-danger-text)}@keyframes fade-in{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes highlight-pulse{0%{background: color-mix(in srgb,var(--color-primary) 10%,transparent);transform: scale(1)}50%{background: color-mix(in srgb,var(--color-primary) 20%,transparent);transform: scale(1.02)}100%{background: transparent;transform: scale(1)}}.discussion-main{background: var(--color-surface);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);overflow: hidden}.compose-trigger{padding: var(--spacing-5);border-top: 1px solid var(--color-border);background: var(--color-surface-secondary);display: flex;justify-content: center}.compose-active-section{padding: var(--spacing-5);border-top: 1px solid var(--color-border);background: var(--color-surface)}@media (max-width: 768px){.compose-trigger,.compose-active-section{padding: var(--spacing-4)}}.image-lightbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: var(--z-index-modal);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.image-lightbox.active{opacity: 1;pointer-events: all}.lightbox-backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb,var(--color-black) 90%,transparent);cursor: zoom-out}.lightbox-content{position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: var(--spacing-10)}.lightbox-image{max-width: 90%;max-height: 90%;object-fit: contain;border-radius: var(--border-radius-md);box-shadow: var(--shadow-2xl);cursor: default}.lightbox-close{position: absolute;top: 20px;right: 20px;width: 48px;height: 48px;background: color-mix(in srgb,var(--color-surface) 10%,transparent);border: 2px solid color-mix(in srgb,var(--color-white) 30%,transparent);border-radius: 50%;color: var(--color-text-inverse);font-size: var(--font-size-2xl);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;z-index: var(--z-index-popover)}.lightbox-close:hover{background: color-mix(in srgb,var(--color-surface) 20%,transparent);border-color: color-mix(in srgb,var(--color-white) 50%,transparent);transform: rotate(90deg)}@media (hover: none) and (pointer: coarse){.lightbox-close{width: 56px;height: 56px}}.ql-container{font-family: inherit;font-size: var(--font-size-sm)}.ql-toolbar{border-top-left-radius: var(--border-radius-sm);border-top-right-radius: var(--border-radius-sm);background-color: var(--color-gray-50);border-color: var(--color-border)}.ql-editor{min-height: 150px;max-height: 300px;overflow-y: auto}.ql-editor.ql-blank::before{color: var(--color-text-secondary);font-style: normal}@media (max-width: 768px){.ql-toolbar{padding: var(--spacing-1)}.ql-toolbar button{width: 32px;height: 32px}.ql-editor{min-height: 100px;font-size: var(--font-size-base)}}.profile-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5) var(--spacing-10);min-height: 100vh}.profile-page__hero{position: relative;background: linear-gradient(135deg,var(--primary-color) 0%,var(--color-primary-hover) 100%);border-radius: var(--radius-lg);margin-bottom: var(--spacing-8);overflow: hidden;box-shadow: var(--shadow-lg)}.profile-page__hero-background{position: absolute;inset: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23ffffff"></path></svg>') no-repeat bottom;background-size: cover;opacity: 0.1}.profile-page__hero-content{position: relative;text-align: center;padding: var(--spacing-12) var(--spacing-6);color: var(--color-text-inverse)}.profile-page__avatar-section{margin-bottom: var(--spacing-6)}.profile-page__username{font-size: var(--font-size-4xl);font-weight: 700;margin: 0 0 var(--spacing-2) 0;color: var(--color-text-inverse);text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 10%,transparent)}.profile-page__subtitle{font-size: var(--font-size-lg);margin: 0;color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent);font-weight: 400}.profile-page__form{margin-bottom: 0}.profile-page__grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-6);margin-bottom: var(--spacing-8)}.profile-page__card{background: var(--color-surface);border-radius: var(--radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-md);overflow: hidden;transition: var(--transition)}.profile-page__card:hover{box-shadow: var(--shadow-lg);transform: translateY(-2px)}.profile-page__card--location{grid-column: 1 / -1}.profile-page__card-header{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);background: linear-gradient(135deg,var(--secondary-color),var(--color-gray-100));border-bottom: 1px solid var(--border-color)}.profile-page__card-icon{width: 56px;height: 56px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);flex-shrink: 0;color: var(--color-text-inverse);box-shadow: var(--shadow-md)}.profile-page__card-icon--personal{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.profile-page__card-icon--investor{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover))}.profile-page__card-icon--location{background: linear-gradient(135deg,var(--color-warning),var(--color-warning-hover))}.profile-page__card-icon--social{background: linear-gradient(135deg,var(--color-info-hover),var(--color-info-hover))}.profile-page__card-icon--website{background: linear-gradient(135deg,var(--color-danger),var(--color-danger))}.profile-page__card-icon i{font-family: "Font Awesome 6 Free"!important;font-weight: 900!important;font-style: normal!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.profile-page__field-label i.fab{font-family: "Font Awesome 6 Brands";font-weight: 400}.profile-page__card-title{flex: 1}.profile-page__card-title h3{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--text-primary)}.profile-page__card-title p{margin: 0;font-size: var(--font-size-sm);color: var(--text-secondary)}.profile-page__card-body{padding: var(--spacing-6)}.profile-page__form-field{margin-bottom: var(--spacing-6)}.profile-page__field-label{display: flex;align-items: center;gap: var(--spacing-2);margin-bottom: var(--spacing-2);font-weight: 600;font-size: var(--font-size-sm);color: var(--text-primary)}.profile-page__badge-required{background: var(--error-color);color: var(--color-text-inverse);padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-lg);font-size: var(--font-size-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}.profile-page__field-hint{display: block;margin-top: var(--spacing-1-5);font-size: var(--font-size-xs);color: var(--text-muted);font-style: italic}.profile-page__radio-group{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-3)}.profile-page__radio-card{position: relative;display: block;cursor: pointer}.profile-page__radio-card input[type="radio"]{position: absolute;opacity: 0;pointer-events: none}.profile-page__radio-content{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-2);padding: var(--spacing-5);border: 2px solid var(--border-color);border-radius: var(--radius-md);background: var(--color-surface);transition: var(--transition);text-align: center}.profile-page__radio-content i{font-size: var(--font-size-3xl);color: var(--text-muted);transition: var(--transition);font-family: "Font Awesome 6 Free"!important;font-weight: 900!important}.profile-page__radio-content span{font-weight: 500;color: var(--text-secondary);transition: var(--transition)}.profile-page__radio-card:hover .profile-page__radio-content{border-color: var(--primary-color);background: color-mix(in srgb,var(--color-primary) 5%,transparent)}.profile-page__radio-card input[type="radio"]:checked + .profile-page__radio-content{border-color: var(--primary-color);background: linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent));box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.profile-page__radio-card input[type="radio"]:checked + .profile-page__radio-content i{color: var(--primary-color)}.profile-page__radio-card input[type="radio"]:checked + .profile-page__radio-content span{color: var(--text-primary);font-weight: 600}.profile-page__location-fields{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-5)}.profile-page__websites-section{display: flex;flex-direction: column;gap: var(--spacing-4)}.profile-page__website-entry{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--secondary-color);border-radius: var(--radius-md);border: 1px solid var(--border-color)}.profile-page__website-fields{flex: 1;display: grid;grid-template-columns: 1fr 2fr;gap: var(--spacing-3)}.profile-page__btn-remove-website{flex-shrink: 0;width: 40px;height: 40px;border: none;background: var(--color-danger-hover);color: var(--color-text-inverse);border-radius: var(--radius-md);cursor: pointer;transition: var(--transition);display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-sm)}.profile-page__btn-remove-website:hover{background: var(--color-danger-hover);transform: scale(1.05);box-shadow: var(--shadow-md)}.profile-page__btn-remove-website i{font-family: "Font Awesome 6 Free"!important;font-weight: 900!important}.profile-page__no-websites{text-align: center;padding: var(--spacing-8);color: var(--text-muted);font-style: italic;background: var(--secondary-color);border-radius: var(--radius-md);border: 1px dashed var(--border-color)}.profile-page__field-error{display: block;margin-top: var(--spacing-1-5);color: var(--error-color);font-size: var(--font-size-xs);font-weight: 500}.profile-page__form-submit{display: flex;justify-content: flex-end;margin-top: var(--spacing-8)}@media (max-width: 1024px){.profile-page__grid{grid-template-columns: 1fr}.profile-page__website-fields{grid-template-columns: 1fr}}@media (max-width: 768px){.profile-page{padding: 0 var(--spacing-3) var(--spacing-8)}.profile-page__hero{border-radius: var(--radius-md)}.profile-page__hero-content{padding: var(--spacing-8) var(--spacing-4)}.profile-page__username{font-size: var(--font-size-3xl)}.profile-page__subtitle{font-size: var(--font-size-base)}.profile-page__grid{gap: var(--spacing-4);margin-bottom: var(--spacing-6)}.profile-page__card-header{padding: var(--spacing-5)}.profile-page__card-icon{width: 48px;height: 48px;font-size: var(--font-size-xl)}.profile-page__card-body{padding: var(--spacing-5)}.profile-page__location-fields{grid-template-columns: 1fr;gap: 0}.profile-page__radio-group{grid-template-columns: 1fr}.profile-page__form-submit{margin-top: var(--spacing-6);justify-content: center}.profile-page__website-entry{flex-direction: column}.profile-page__website-fields{width: 100%}}@media (max-width: 640px){.profile-page__username{font-size: var(--font-size-2xl)}.profile-page__card-title h3{font-size: var(--font-size-lg)}.profile-page__form-field{margin-bottom: var(--spacing-5)}}.bug-report-widget{position: fixed;z-index: var(--z-index-toast)}.bug-report-widget__fab{position: fixed;bottom: var(--spacing-5);right: var(--spacing-5);width: 60px;height: 60px;border-radius: var(--border-radius-full);box-shadow: var(--shadow-lg);transition: all var(--transition-normal);display: flex;align-items: center;justify-content: center;z-index: calc(var(--z-index-toast) + 1);font-size: var(--font-size-2xl)}body:has(.mobile-drawer) .bug-report-widget__fab{display: none}.bug-report-widget__fab:hover{transform: scale(1.1) rotate(10deg);box-shadow: var(--shadow-xl)}.bug-report-widget__fab:active{transform: scale(0.95)}.bug-report-widget__overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-black) 50%,transparent);z-index: var(--z-index-modal-backdrop);animation: bug-report-widget-fadeIn var(--transition-fast) ease}.bug-report-widget__dialog{position: fixed;bottom: 100px;right: var(--spacing-5);width: 450px;max-width: calc(100vw - var(--spacing-10));background: var(--color-surface);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-2xl);z-index: var(--z-index-modal);animation: bug-report-widget-slideUp var(--transition-normal) ease;max-height: calc(100vh - 140px);display: flex;flex-direction: column}.bug-report-widget__header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-6);border-bottom: 1px solid var(--color-border);background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color: var(--color-text-inverse);border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;flex-shrink: 0}.bug-report-widget__header h3{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.bug-report-widget__close-btn{background: transparent;border: none;color: var(--color-text-inverse);font-size: var(--font-size-2xl);cursor: pointer;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: var(--border-radius-full);transition: all var(--transition-fast);padding: 0;line-height: 1}.bug-report-widget__close-btn:hover{background: color-mix(in srgb,var(--color-surface) 20%,transparent);transform: rotate(90deg)}.bug-report-widget__body{padding: var(--spacing-6);overflow-y: auto;flex: 1;min-height: 0}.bug-report-widget__form-group{margin-bottom: var(--spacing-4)}.bug-report-widget__form-group:last-child{margin-bottom: 0}.bug-report-widget__label{display: block;margin-bottom: var(--spacing-2);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-sm)}.bug-report-widget__required{color: var(--color-danger-text)}.bug-report-widget__textarea{width: 100%;padding: var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);font-family: inherit;transition: all var(--transition-fast);resize: vertical;min-height: 100px}.bug-report-widget__textarea:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.bug-report-widget__select{width: 100%;padding: var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);transition: all var(--transition-fast)}.bug-report-widget__select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.bug-report-widget__screenshot-section{display: flex;flex-direction: column;gap: var(--spacing-3)}.bug-report-widget__capture-btn{align-self: flex-start}.bug-report-widget__screenshot-preview{position: relative;border: 2px dashed var(--color-border);border-radius: var(--border-radius-md);padding: var(--spacing-2);background: var(--color-background);max-height: 200px;overflow: hidden}.bug-report-widget__screenshot-image{width: 100%;height: auto;max-height: 180px;object-fit: contain;border-radius: var(--border-radius-sm);display: block;cursor: pointer;transition: opacity var(--transition-fast)}.bug-report-widget__screenshot-image:hover{opacity: 0.9}.bug-report-widget__screenshot-image:hover + .bug-report-widget__zoom-hint{opacity: 1}.bug-report-widget__zoom-hint{position: absolute;bottom: var(--spacing-3);left: 50%;transform: translateX(-50%);background: color-mix(in srgb,var(--color-black) 70%,transparent);color: var(--color-text-inverse);padding: var(--spacing-2) var(--spacing-3);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);pointer-events: none;opacity: 0;transition: opacity var(--transition-fast);white-space: nowrap}.bug-report-widget__screenshot-preview:hover .bug-report-widget__zoom-hint{opacity: 1}.bug-report-widget__screenshot-remove{position: absolute;top: var(--spacing-2);right: var(--spacing-2);z-index: 1}.bug-report-widget__screenshot-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-black) 90%,transparent);z-index: calc(var(--z-index-modal) + 100);display: flex;align-items: center;justify-content: center;padding: var(--spacing-4);cursor: pointer;animation: bug-report-widget-fadeIn var(--transition-fast) ease}.bug-report-widget__screenshot-overlay img{max-width: 90%;max-height: 90vh;object-fit: contain;border-radius: var(--border-radius-md);box-shadow: var(--shadow-2xl)}.bug-report-widget__error-container{padding: var(--spacing-3) var(--spacing-6);padding-bottom: 0;flex-shrink: 0;background: var(--color-surface)}.bug-report-widget__alert{padding: var(--spacing-3);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);display: flex;align-items: center;gap: var(--spacing-2);animation: bug-report-widget-slideDown var(--transition-fast) ease}.bug-report-widget__alert--danger{background: var(--color-danger-light);color: var(--color-danger-text);border: 1px solid var(--color-danger)}.bug-report-widget__actions{padding: var(--spacing-4) var(--spacing-6);border-top: 1px solid var(--color-border);display: flex;gap: var(--spacing-3);justify-content: flex-end;flex-shrink: 0;background: var(--color-surface)}.bug-report-widget__success{text-align: center;padding: var(--spacing-8) var(--spacing-4)}.bug-report-widget__success-icon{font-size: var(--font-size-6xl);margin-bottom: var(--spacing-4);animation: bug-report-widget-bounceIn 0.6s ease;color: var(--color-success-text)}.bug-report-widget__success h4{color: var(--color-success-text);margin-bottom: var(--spacing-2);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold)}.bug-report-widget__success p{color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.bug-report-widget__reference{font-size: var(--font-size-sm);color: var(--color-text-tertiary)}@keyframes bug-report-widget-fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes bug-report-widget-slideUp{from{transform: translateY(var(--spacing-5));opacity: 0}to{transform: translateY(0);opacity: 1}}@keyframes bug-report-widget-slideDown{from{transform: translateY(-10px);opacity: 0}to{transform: translateY(0);opacity: 1}}@keyframes bug-report-widget-bounceIn{0%{transform: scale(0)}50%{transform: scale(1.2)}100%{transform: scale(1)}}@media (max-width: 768px){.bug-report-widget__dialog{width: calc(100vw - var(--spacing-10));bottom: 90px;right: var(--spacing-5);left: var(--spacing-5)}.bug-report-widget__fab{bottom: var(--spacing-4);right: var(--spacing-4);width: 56px;height: 56px;font-size: var(--font-size-xl)}.bug-report-widget__screenshot-preview{max-height: 150px}.bug-report-widget__screenshot-image{max-height: 130px}}@media (max-width: 640px){.bug-report-widget__fab{width: 44px;height: 44px;bottom: var(--spacing-3);right: var(--spacing-3);font-size: var(--font-size-base);opacity: 0.85}.bug-report-widget__header h3{font-size: var(--font-size-lg)}.bug-report-widget__actions{flex-direction: column}.bug-report-widget__actions > *{width: 100%}.bug-report-widget__screenshot-preview{max-height: 120px}.bug-report-widget__screenshot-image{max-height: 100px}}.report-bug-page{min-height: 100vh;padding: var(--spacing-8) var(--spacing-4);background: var(--color-background)}.report-bug-page__container{max-width: 800px;margin: 0 auto}.report-bug-page__header{text-align: center;margin-bottom: var(--spacing-12)}.report-bug-page__header h2{font-size: var(--font-size-3xl);font-weight: 700;color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;display: flex;align-items: center;justify-content: center;gap: var(--spacing-3)}.report-bug-page__header h2 i{color: var(--color-primary)}.report-bug-page__subtitle{color: var(--color-text-secondary);margin: 0;font-size: var(--font-size-base)}.report-bug-page__success{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-12) var(--spacing-8);text-align: center;box-shadow: var(--shadow-md);border: 2px solid var(--color-success)}.report-bug-page__success-icon{font-size: var(--font-size-6xl);color: var(--color-success-text);margin-bottom: var(--spacing-6)}.report-bug-page__success-title{font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-text-primary);margin-bottom: var(--spacing-2)}.report-bug-page__success-text{color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.report-bug-page__success-ref{color: var(--color-text-tertiary);font-size: var(--font-size-sm);margin-bottom: var(--spacing-8)}.report-bug-page__success-ref strong{color: var(--color-text-primary);font-family: monospace}.report-bug-page__success-actions{display: flex;gap: var(--spacing-4);justify-content: center;flex-wrap: wrap}.report-bug-page__form{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-8);box-shadow: var(--shadow-md)}.report-bug-page__form-group,.form-group.report-bug-page__form-group{margin-bottom: var(--spacing-6)}.report-bug-page__label{display: block;font-size: var(--font-size-base);font-weight: 600;color: var(--color-text-primary);margin-bottom: var(--spacing-2)}.report-bug-page__required{color: var(--color-danger-text)}.report-bug-page__textarea{width: 100%;padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);color: var(--color-text-primary);line-height: 1.6;resize: vertical;min-height: 150px;font-family: inherit;transition: border-color 0.2s ease,box-shadow 0.2s ease}.report-bug-page__textarea:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.report-bug-page__textarea::placeholder{color: var(--color-text-tertiary)}.report-bug-page__select{width: 100%;padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);color: var(--color-text-primary);background: var(--color-surface);cursor: pointer;transition: border-color 0.2s ease,box-shadow 0.2s ease}.report-bug-page__select:hover{border-color: var(--color-primary)}.report-bug-page__select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.report-bug-page__hint{display: flex;align-items: center;gap: var(--spacing-2);margin-top: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-tertiary)}.report-bug-page__hint i{color: var(--color-primary)}.report-bug-page__validation{display: block;margin-top: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-danger-text)}.report-bug-page__error{padding: var(--spacing-4);background: var(--color-surface-secondary);border: 1px solid var(--color-danger-light);border-radius: var(--border-radius-md);color: var(--color-danger-text);display: flex;align-items: center;gap: var(--spacing-3);margin-bottom: var(--spacing-6)}.report-bug-page__error i{font-size: var(--font-size-xl);flex-shrink: 0}.report-bug-page__form-actions{display: flex;gap: var(--spacing-4);padding-top: var(--spacing-4);border-top: 1px solid var(--color-border)}@media (max-width: 768px){.report-bug-page{padding: var(--spacing-6) var(--spacing-2)}.report-bug-page__header h2{font-size: var(--font-size-2xl)}.report-bug-page__form{padding: var(--spacing-6)}.report-bug-page__success{padding: var(--spacing-8) var(--spacing-4)}.report-bug-page__success-actions{flex-direction: column}.report-bug-page__form-actions{flex-direction: column}}.bug-reports__filters{margin-bottom: var(--spacing-6)}.bug-reports__filters-grid{display: flex;gap: var(--spacing-4);align-items: flex-end;flex-wrap: wrap}.bug-reports__filter-group{display: flex;flex-direction: column;gap: var(--spacing-2);min-width: 200px}.bug-reports__filter-label{font-size: var(--font-size-sm);font-weight: 600;color: var(--color-text-primary)}.bug-reports__filter-select{padding: var(--spacing-2-5) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-surface);font-size: var(--font-size-sm);color: var(--color-text-primary);cursor: pointer;transition: all 0.2s ease}.bug-reports__filter-select:hover{border-color: var(--color-primary)}.bug-reports__filter-select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.bug-reports__empty{text-align: center;padding: var(--spacing-16) var(--spacing-8)}.bug-reports__empty-icon{font-size: var(--font-size-6xl);color: var(--color-text-tertiary);margin-bottom: var(--spacing-6)}.bug-reports__empty-title{font-size: var(--font-size-xl);font-weight: 600;color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.bug-reports__empty-text{color: var(--color-text-tertiary);margin: 0}.bug-reports__list{display: grid;gap: var(--spacing-6)}.bug-reports__card{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-6);transition: all 0.3s ease;border-left: 4px solid var(--color-border)}.bug-reports__card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.bug-reports__card--critical{border-left-color: var(--color-danger)}.bug-reports__card--high{border-left-color: var(--color-warning-hover)}.bug-reports__card--medium{border-left-color: var(--color-warning)}.bug-reports__card--low{border-left-color: var(--color-success)}.bug-reports__card-header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: var(--spacing-4);gap: var(--spacing-4)}.bug-reports__card-title-section{display: flex;align-items: center;gap: var(--spacing-3);flex: 1;min-width: 0}.bug-reports__severity-badge{font-size: var(--font-size-xl);flex-shrink: 0}.bug-reports__card-title{font-size: var(--font-size-lg);font-weight: 600;color: var(--color-text-primary);margin: 0;overflow: hidden;text-overflow: ellipsis}.bug-reports__status-badge{padding: var(--spacing-1-5) var(--spacing-4);border-radius: var(--border-radius-2xl);font-size: var(--font-size-sm);font-weight: 600;white-space: nowrap;flex-shrink: 0}.bug-reports__card--new .bug-reports__status-badge{background: var(--color-surface-tertiary);color: var(--color-primary-dark)}.bug-reports__card--inprogress .bug-reports__status-badge{background: var(--color-border-light);color: var(--color-warning-hover)}.bug-reports__card--resolved .bug-reports__status-badge{background: var(--color-border-light);color: var(--color-success-text)}.bug-reports__card--closed .bug-reports__status-badge{background: var(--color-gray-100);color: var(--color-gray-600)}.bug-reports__card--rejected .bug-reports__status-badge{background: var(--color-border-light);color: var(--color-danger-text)}.bug-reports__card-body{margin-bottom: var(--spacing-4)}.bug-reports__description{color: var(--color-text-secondary);line-height: 1.6;margin-bottom: var(--spacing-4);white-space: pre-wrap;word-break: break-word}.bug-reports__meta{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-background);border-radius: var(--border-radius-md)}.bug-reports__meta-item{display: flex;flex-direction: column;gap: var(--spacing-1)}.bug-reports__meta-item--full{grid-column: 1 / -1}.bug-reports__meta-label{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-2)}.bug-reports__meta-label i{width: 14px}.bug-reports__meta-value{font-size: var(--font-size-sm);color: var(--color-text-primary)}.bug-reports__meta-link{color: var(--color-primary);text-decoration: none;font-size: var(--font-size-sm);word-break: break-all}.bug-reports__meta-link:hover{text-decoration: underline}.bug-reports__card-footer{display: flex;justify-content: space-between;align-items: center;padding-top: var(--spacing-4);border-top: 1px solid var(--color-border);margin-top: var(--spacing-4);gap: var(--spacing-4)}.bug-reports__footer-left{display: flex;flex-direction: column;gap: var(--spacing-1);flex: 1;min-width: 0}.bug-reports__bug-id,.bug-reports__assigned-to{font-size: var(--font-size-sm);color: var(--color-text-tertiary)}.bug-reports__assigned-to i{margin-right: var(--spacing-1)}@media (max-width: 768px){.bug-reports__filters-grid{flex-direction: column;align-items: stretch}.bug-reports__filter-group{min-width: unset}.bug-reports__card-header{flex-direction: column;align-items: flex-start}.bug-reports__status-badge{align-self: flex-start}.bug-reports__meta{grid-template-columns: 1fr}.bug-reports__card-title{font-size: var(--font-size-base)}.bug-reports__card-footer{flex-direction: column;align-items: flex-start}}.bug-reports__screenshot{max-width: 100%;max-height: 300px;border: 1px solid var(--color-border);border-radius: var(--border-radius-md);cursor: pointer}.bug-reports__screenshot-overlay{position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--color-black) 90%,transparent);z-index: var(--z-index-popover);cursor: pointer}.bug-reports__screenshot-full{max-width: 90%;max-height: 90vh}@keyframes skeleton-shimmer{0%{background-position: -600px 0}100%{background-position: 600px 0}}.skeleton-bone{display: block;background: linear-gradient( 90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75% );background-size: 1200px 100%;border-radius: var(--border-radius-sm);animation: skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-bone--circle{border-radius: var(--border-radius-full)}.skeleton-loader{display: flex;flex-direction: column;gap: var(--spacing-3)}.skeleton-card{display: flex;align-items: flex-start;gap: var(--spacing-4);padding: var(--spacing-4) var(--spacing-5);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.skeleton-card__avatar{flex-shrink: 0;width: 48px;height: 48px}.skeleton-card__body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-1-5)}.skeleton-card__header{height: 14px;width: 68%}.skeleton-card__line-1{height: 13px;width: 100%;margin-top: var(--spacing-0-5)}.skeleton-card__line-2{height: 13px;width: 82%}.skeleton-card__meta{height: 12px;width: 40%;margin-top: var(--spacing-1-5)}.skeleton-card:nth-child(1) .skeleton-bone{animation-delay: 0.00s}.skeleton-card:nth-child(2) .skeleton-bone{animation-delay: 0.10s}.skeleton-card:nth-child(3) .skeleton-bone{animation-delay: 0.20s}.skeleton-card:nth-child(4) .skeleton-bone{animation-delay: 0.30s}.skeleton-card:nth-child(5) .skeleton-bone{animation-delay: 0.40s}.skeleton-card:nth-child(6) .skeleton-bone{animation-delay: 0.50s}.skeleton-card:nth-child(7) .skeleton-bone{animation-delay: 0.60s}.skeleton-card:nth-child(8) .skeleton-bone{animation-delay: 0.70s}@media (prefers-reduced-motion: reduce){.skeleton-bone{animation: none;background: var(--color-gray-100)}}:root{--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-primary-light: #cfe2ff;--color-primary-dark: #0a58ca;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #fee2e2;--color-info: #3b82f6;--color-info-hover: #2563eb;--color-success-text: #047857;--color-warning-text: #b45309;--color-danger-text: color-mix(in srgb,var(--color-danger-hover) 85%,var(--color-black));--color-info-text: color-mix(in srgb,var(--color-info-hover) 85%,var(--color-black));--color-info-light: #dbeafe;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-surface: #ffffff;--color-surface-secondary: #f8f9fa;--color-surface-tertiary: #f0f2f5;--color-background: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #6b7280;--color-text-tertiary: var(--color-gray-500);--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-light: #f0f0f0;--color-border-dark: #d1d5db;--spacing-0: 0;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--border-radius-none: 0;--border-radius-sm: 0.25rem;--border-radius-md: 0.5rem;--border-radius-lg: 0.75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06);--transition-fast: 150ms ease-in-out;--transition-normal: 300ms ease-in-out;--transition-slow: 500ms ease-in-out;--page-max-width: 1400px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--color-background-secondary: var(--color-gray-50);--color-background-tertiary: var(--color-gray-100);--color-danger-dark: var(--color-danger-hover);--color-info-dark: var(--color-info-hover);--color-text-disabled: var(--color-gray-400);--font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--font-family-mono: var(--font-mono);--font-size-6xl: 3.75rem;--spacing-0-5: 0.125rem;--spacing-1-5: 0.375rem;--spacing-2-5: 0.625rem;--spacing-3-5: 0.875rem;--primary-color: var(--color-primary);--secondary-color: #f8fafc;--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--border-color: var(--color-border);--error-color: var(--color-danger);--radius-sm: 6px;--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--transition: all 0.2s ease}:root{--discussion-card-icon-size: 48px;--room-card-icon-size: 48px;--event-teams: linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--event-webinar: linear-gradient(135deg,#ec4899 0%,#f43f5e 100%);--event-training: linear-gradient(135deg,#14b8a6 0%,#06b6d4 100%);--event-presentation: linear-gradient(135deg,var(--color-warning) 0%,#eab308 100%);--event-physical: linear-gradient(135deg,var(--color-success) 0%,#34d399 100%);--event-other: linear-gradient(135deg,#64748b 0%,#94a3b8 100%);--portfolio-blog-card-color-bg: white;--portfolio-blog-card-border-radius: 12px;--portfolio-blog-card-shadow: 0 1px 3px rgba(0,0,0,0.05);--portfolio-blog-card-shadow-hover: 0 4px 12px color-mix(in srgb,var(--color-primary) 10%,transparent);--portfolio-blog-card-transition: all 0.2s ease;--portfolios-page-border-radius: 8px;--portfolio-card-color-bg: white;--portfolio-card-border-radius: 8px;--portfolio-card-border-radius-icon: 12px;--portfolio-card-shadow-hover: 0 2px 8px color-mix(in srgb,var(--color-primary) 10%,transparent);--portfolio-card-transition: all 0.2s ease;--upload-logo-size: 120px;--upload-logo-size-mobile: 100px;--upload-logo-border-radius: 12px;--upload-logo-color-primary: #8b5cf6;--upload-logo-color-primary-gradient: linear-gradient(135deg,#667eea 0%,#764ba2 100%);--upload-logo-color-primary-gradient-hover: linear-gradient(135deg,#764ba2 0%,#667eea 100%);--upload-logo-color-text: #475569;--upload-logo-color-success: #166534;--upload-logo-color-success-bg: #dcfce7;--upload-logo-color-success-border: #86efac;--upload-logo-color-error: #991b1b;--upload-logo-color-error-border: #fca5a5;--upload-logo-shadow: 0 4px 12px rgba(0,0,0,0.15);--upload-logo-shadow-hover: 0 6px 20px rgba(0,0,0,0.25);--upload-logo-shadow-badge: 0 2px 8px rgba(0,0,0,0.2);--upload-logo-shadow-badge-hover: 0 4px 12px rgba(102,126,234,0.4);--upload-logo-transition: 0.3s ease;--member-detail-border-radius: 12px;--member-detail-border-radius-sm: 8px;--member-detail-border-radius-xs: 4px;--member-detail-shadow: 0 2px 8px rgba(0,0,0,0.1);--member-detail-transition: all 0.2s ease;--page-layout-color-bg: transparent;--page-layout-shadow: 0 2px 4px rgba(0,0,0,0.1);--topbar-height: 64px;--topbar-color-text: #64748b;--topbar-color-text-dark: #1e293b;--topbar-color-bg: #fff;--topbar-color-border: #e2e8f0;--topbar-color-hover-bg: color-mix(in srgb,var(--color-primary) 10%,transparent);--topbar-color-active-bg: color-mix(in srgb,var(--color-primary) 12%,transparent);--topbar-color-search-bg: #f1f5f9;--topbar-border-radius: 8px;--topbar-border-radius-pill: 20px;--topbar-shadow: 0 1px 2px rgba(0,0,0,0.05);--topbar-shadow-menu: 0 4px 18px rgba(0,0,0,0.08);--topbar-transition: 0.18s;--topbar-transition-fast: 0.2s;--topbar-z-index: 100;--topbar-z-index-menu: 1010;--topbar-z-index-drawer: 1200;--tag-picker-color-border-selected: #bfdbfe;--tag-picker-color-bg-selected: #f0f9ff;--tag-picker-color-border-warning: #fde68a;--tag-picker-color-text-warning: #92400e;--tag-picker-border-radius: 8px;--tag-picker-border-radius-pill: 16px;--tag-picker-transition: all 0.2s ease}@keyframes bounce{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.7}}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}@keyframes slideIn{from{transform: translateX(100%);opacity: 0}to{transform: translateX(0);opacity: 1}}@keyframes slideInDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}@keyframes spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}@keyframes typing-bounce{0%,80%,100%{transform: scale(0)}40%{transform: scale(1)}}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}ul[role='list'],ol[role='list']{list-style: none}html:focus-within{scroll-behavior: smooth}img,picture{max-width: 100%;display: block}input,button,textarea,select{font: inherit}button{background: none;border: none;cursor: pointer}[hidden]{display: none!important}table{border-collapse: collapse;caption-side: bottom}th{text-align: inherit}fieldset{min-width: 0;border: 0}legend{float: left;width: 100%;padding: 0;line-height: inherit}legend + *{clear: left}label{display: inline-block}textarea{resize: vertical}small{font-size: 0.875em}svg,img{vertical-align: middle}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms!important;animation-iteration-count: 1!important;transition-duration: 0.01ms!important;scroll-behavior: auto!important}}html{font-size: var(--font-size-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}body{min-height: 100vh;text-rendering: optimizeSpeed;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size: var(--font-size-base);font-weight: var(--font-weight-normal);line-height: var(--line-height-normal);color: var(--color-text-primary);background-color: var(--color-background)}.route-scope{display: contents}h1,h2,h3,h4,h5,h6{font-weight: var(--font-weight-bold);line-height: var(--line-height-tight);color: var(--color-text-primary)}h1{font-size: var(--font-size-4xl)}h2{font-size: var(--font-size-3xl)}h3{font-size: var(--font-size-2xl)}h4{font-size: var(--font-size-xl)}h5{font-size: var(--font-size-lg)}h6{font-size: var(--font-size-base)}p{margin-bottom: var(--spacing-4);color: var(--color-text-secondary)}a{color: var(--color-primary);text-decoration: none;transition: color var(--transition-fast)}a:hover{color: var(--color-primary-hover);text-decoration: underline}ul,ol{margin-bottom: var(--spacing-4);padding-left: var(--spacing-6)}li{margin-bottom: var(--spacing-2)}code{font-family: 'Courier New',Courier,monospace;font-size: 0.875em;background-color: var(--color-gray-100);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm)}pre{background-color: var(--color-gray-900);color: var(--color-white);padding: var(--spacing-4);border-radius: var(--border-radius-md);overflow-x: auto;margin-bottom: var(--spacing-4)}pre code{background: none;padding: 0;color: inherit}blockquote{border-left: 4px solid var(--color-primary);padding-left: var(--spacing-4);margin: var(--spacing-4) 0;font-style: italic;color: var(--color-text-secondary)}hr{border: none;border-top: 1px solid var(--color-border);margin: var(--spacing-8) 0}::selection{background-color: var(--color-primary-light);color: var(--color-text-primary)}::-moz-selection{background-color: var(--color-primary-light);color: var(--color-text-primary)}*:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}h1:focus{outline: none}.valid.modified:not([type=checkbox]){outline: 1px solid var(--color-success)}.invalid{outline: 1px solid var(--color-danger-hover)}.blazor-error-boundary{background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNTAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,var(--color-danger-hover);padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-16);color: var(--color-text-inverse)}.blazor-error-boundary::after{content: "Une erreur est survenue."}.admin-sidebar{width: 250px;background-color: var(--color-gray-50);color: var(--color-text-primary);display: flex;flex-direction: column;height: 100vh}@media (max-width: 768px){.admin-sidebar{width: 100%;height: auto}}.icon{margin-right: var(--spacing-3);font-size: var(--font-size-xl)}.admin-sidebar-menu{flex-grow: 1;padding: var(--spacing-3);background-color: transparent}.admin-sidebar-logo{display: flex;justify-content: center;align-items: center;cursor: pointer;padding: var(--spacing-5) var(--spacing-3)}.admin-sidebar-logo img{max-width: 180px;height: 80px;display: block}.admin-layout__container{display: flex}.admin-layout__sidebar-wrapper{flex-shrink: 0;transition: transform var(--transition-normal);z-index: var(--z-index-sticky);background: var(--color-surface);border-right: 1px solid var(--color-border)}.admin-layout__main-content{flex-grow: 1;position: relative;overflow-y: auto;background: var(--color-surface-tertiary);padding: var(--spacing-6)}.admin-layout__hamburger{display: none;position: fixed;top: calc(64px + var(--spacing-4));left: var(--spacing-4);width: 40px;height: 40px;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-xl);color: var(--color-text-primary);z-index: var(--z-index-fixed);cursor: pointer;box-shadow: var(--shadow-md);transition: all var(--transition-fast);align-items: center;justify-content: center}.admin-layout__hamburger:hover{background: var(--color-gray-50);border-color: var(--color-primary);color: var(--color-primary);transform: scale(1.05)}.admin-layout__hamburger:active{transform: scale(0.95)}@media (max-width: 768px){.admin-layout__container{flex-direction: column}.admin-layout__sidebar-wrapper{position: fixed;top: 64px;left: 0;height: calc(100vh - 64px);width: 280px;max-width: 80vw;transform: translateX(-100%);box-shadow: var(--shadow-xl)}.admin-layout__container.admin-layout--sidebar-open .admin-layout__sidebar-wrapper{transform: translateX(0)}.admin-layout__hamburger{display: flex}.admin-layout__main-content{padding: var(--spacing-4);width: 100%}.admin-layout__container.admin-layout--sidebar-open::before{content: '';position: fixed;top: 64px;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-black) 50%,transparent);z-index: calc(var(--z-index-sticky) - 1);animation: fadeIn var(--transition-fast)}}@media (max-width: 1024px) and (min-width: 769px){.admin-layout__main-content{padding: var(--spacing-5)}}@media (min-width: 1440px){.admin-layout__main-content{max-width: var(--page-max-width);margin-left: auto;margin-right: auto}}.main-layout{display: flex;flex-direction: column;min-height: 100vh;background: var(--color-surface-tertiary)}.main-content{margin-top: var(--spacing-16);padding: var(--spacing-5)}@keyframes slideOut{from{opacity: 1;transform: translateX(0)}to{opacity: 0;transform: translateX(100%)}}.forum-manage-layout{padding: var(--spacing-5);max-width: 1200px;margin: 0 auto}@media (max-width: 768px){.forum-manage-layout{padding: var(--spacing-4)}}@media (max-width: 640px){.forum-manage-layout{padding: var(--spacing-3)}}.app-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-2);border: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-medium);cursor: pointer;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-decoration: none;white-space: nowrap;user-select: none;outline: none;line-height: var(--line-height-tight)}.app-btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.app-btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: none!important}.app-btn i{font-size: 1em;flex-shrink: 0}.app-btn-Primary{background: linear-gradient(135deg,var(--color-info),var(--color-info-hover));color: var(--color-text-inverse);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.app-btn-Primary:hover:not(:disabled){background: linear-gradient(135deg,var(--color-info-hover),var(--color-primary-dark));transform: translateY(-2px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 40%,transparent)}.app-btn-Primary:active:not(:disabled){transform: translateY(0);box-shadow: 0 1px 4px color-mix(in srgb,var(--color-primary) 30%,transparent)}.app-btn-Secondary{background: var(--color-gray-100);color: var(--color-gray-700);border: 1px solid var(--color-border)}.app-btn-Secondary:hover:not(:disabled){background: var(--color-gray-200);color: var(--color-text-primary);border-color: var(--color-gray-300)}.app-btn-Secondary:active:not(:disabled){background: var(--color-gray-300)}.app-btn-Accent{background: var(--color-success-text);color: var(--color-text-inverse);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-success) 30%,transparent)}.app-btn-Accent:hover:not(:disabled){background: color-mix(in srgb,var(--color-success-text) 85%,var(--color-black));transform: translateY(-2px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-success) 40%,transparent)}.app-btn-Accent:active:not(:disabled){transform: translateY(0);box-shadow: 0 1px 4px color-mix(in srgb,var(--color-success) 30%,transparent)}.app-btn-Danger{background: var(--color-danger-hover);color: var(--color-text-inverse);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-danger) 30%,transparent)}.app-btn-Danger:hover:not(:disabled){background: color-mix(in srgb,var(--color-danger-hover) 85%,var(--color-black));transform: translateY(-2px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-danger) 40%,transparent)}.app-btn-Danger:active:not(:disabled){transform: translateY(0);box-shadow: 0 1px 4px color-mix(in srgb,var(--color-danger) 30%,transparent)}.app-btn-Outline{background: transparent;color: var(--color-info-text);border: 2px solid var(--color-info)}.app-btn-Outline:hover:not(:disabled){background: var(--color-info);color: var(--color-text-inverse)}.app-btn-Outline:active:not(:disabled){background: var(--color-info-hover);border-color: var(--color-info-hover)}.app-btn-Ghost{background: transparent;color: var(--color-text-secondary);border: none}.app-btn-Ghost:hover:not(:disabled){background: var(--color-gray-100);color: var(--color-gray-700)}.app-btn-Ghost:active:not(:disabled){background: var(--color-gray-200)}.app-btn-Link{background: transparent;color: var(--color-info-text);border: none;text-decoration: none}.app-btn-Link:hover:not(:disabled){color: var(--color-info-hover);text-decoration: underline}.app-btn-Link:active:not(:disabled){color: var(--color-primary-dark)}.app-btn-Small{padding: var(--spacing-1) var(--spacing-3);font-size: var(--font-size-sm);min-height: 32px}.app-btn-Small i{font-size: 0.875em}.app-btn-Medium{padding: var(--spacing-2) var(--spacing-5);font-size: var(--font-size-base);min-height: 40px}.app-btn-Large{padding: var(--spacing-3) var(--spacing-8);font-size: var(--font-size-lg);min-height: 48px}.app-btn-Large i{font-size: 1.1em}.app-btn-full-width{width: 100%}.app-btn .fa-spinner{animation: spin 1s linear infinite}.app-btn-group{display: inline-flex;gap: var(--spacing-2)}.app-btn-group-vertical{display: flex;flex-direction: column;gap: var(--spacing-2)}.app-btn-group-vertical .app-btn{width: 100%}@media (max-width: 768px){.app-btn-Medium{padding: var(--spacing-2) var(--spacing-4);font-size: var(--font-size-sm)}.app-btn-Large{padding: var(--spacing-3) var(--spacing-6);font-size: var(--font-size-base)}}.tag-picker{display: flex;flex-direction: column;gap: var(--spacing-3)}.tag-picker__label{font-weight: 600;color: var(--color-gray-700);font-size: var(--font-size-sm);display: block}.tag-picker__loading,.tag-picker__empty{padding: var(--spacing-4);text-align: center;color: var(--color-gray-500);font-style: italic;background: var(--color-gray-50);border-radius: var(--tag-picker-border-radius);border: 1px dashed var(--color-gray-200)}.tag-picker__selected-tags{display: flex;flex-wrap: wrap;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--tag-picker-color-bg-selected);border-radius: var(--tag-picker-border-radius);border: 2px solid var(--tag-picker-color-border-selected)}.tag-picker__available-tags{display: flex;flex-wrap: wrap;gap: var(--spacing-2)}.tag-badge{display: inline-flex;align-items: center;gap: var(--spacing-1-5);padding: var(--spacing-1-5) var(--spacing-3);border-radius: var(--tag-picker-border-radius-pill);font-weight: 500;font-size: var(--font-size-sm);cursor: pointer;transition: var(--tag-picker-transition);user-select: none}.tag-badge--selected{background-color: var(--tag-color);color: var(--color-text-inverse);text-shadow: 0 1px 2px color-mix(in srgb,var(--color-black) 20%,transparent);box-shadow: var(--shadow-md)}.tag-badge--selected:hover{opacity: 0.9;transform: translateY(-1px);box-shadow: var(--shadow-md)}.tag-badge--available{background: var(--color-surface);border: 2px dashed var(--tag-color);color: var(--tag-color)}.tag-badge--available:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);border-style: solid;transform: translateY(-1px)}.tag-badge__name{font-weight: 500}.tag-badge__remove-icon{font-size: var(--font-size-xs);opacity: 0.8;transition: opacity 0.2s ease}.tag-badge__remove-icon:hover{opacity: 1}.tag-badge__add-icon{font-size: var(--font-size-xs)}.tag-picker__limit-message{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-warning-light);border: 1px solid var(--tag-picker-color-border-warning);border-radius: var(--tag-picker-border-radius);color: var(--tag-picker-color-text-warning);font-size: var(--font-size-sm)}.tag-picker__limit-message-icon{font-size: var(--font-size-base);color: var(--color-warning-text);flex-shrink: 0}.tag-picker__limit-message-text{flex: 1}@media (max-width: 768px){.tag-badge{font-size: var(--font-size-xs);padding: var(--spacing-1-5) var(--spacing-2-5)}}.tags-editor{display: flex;flex-direction: column;gap: var(--spacing-3)}.tags-editor__label{font-weight: var(--font-weight-semibold);color: var(--color-gray-700);font-size: var(--font-size-sm);display: block}.tags-editor__loading,.tags-editor__empty{padding: var(--spacing-4);text-align: center;color: var(--color-gray-500);font-style: italic;background: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px dashed var(--color-border)}.tags-editor__selected-tags{display: flex;flex-wrap: wrap;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-info-light);border-radius: var(--border-radius-md);border: 2px solid var(--color-primary-light)}.tags-editor__available-tags{display: flex;flex-wrap: wrap;gap: var(--spacing-2)}.tags-editor__tag-badge{display: inline-flex;align-items: center;gap: var(--spacing-1-5);padding: var(--spacing-1-5) var(--spacing-3);border-radius: var(--border-radius-full);font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);cursor: pointer;transition: var(--transition-normal);user-select: none}.tags-editor__tag-badge--selected{background-color: var(--tag-color);color: var(--color-white);text-shadow: 0 1px 2px color-mix(in srgb,var(--color-black) 20%,transparent);box-shadow: var(--shadow-sm)}.tags-editor__tag-badge--selected:hover{opacity: 0.9;transform: translateY(-1px);box-shadow: var(--shadow-md)}.tags-editor__tag-badge--available{background: var(--color-white);border: 2px dashed var(--tag-color);color: var(--tag-color)}.tags-editor__tag-badge--available:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);border-style: solid;transform: translateY(-1px)}.tags-editor__tag-name{font-weight: var(--font-weight-medium)}.tags-editor__tag-remove-icon{font-size: var(--font-size-xs);opacity: 0.8;transition: opacity var(--transition-fast)}.tags-editor__tag-remove-icon:hover{opacity: 1}.tags-editor__tag-add-icon{font-size: var(--font-size-xs)}.tags-editor__limit-message{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-warning-light);border: 1px solid var(--color-warning-light);border-radius: var(--border-radius-md);color: var(--color-warning-text);font-size: var(--font-size-sm)}.tags-editor__limit-message-icon{font-size: var(--font-size-base);color: var(--color-warning-text);flex-shrink: 0}.tags-editor__limit-message-text{flex: 1}@media (max-width: 768px){.tags-editor__tag-badge{font-size: var(--font-size-xs);padding: var(--spacing-1-5) var(--spacing-2-5)}}.filter-tabs-container{background: var(--color-white);border-radius: var(--border-radius-xl);padding: var(--spacing-4) var(--spacing-5);margin-bottom: var(--spacing-5);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border)}.filter-tabs-content{display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-5);flex-wrap: nowrap;min-width: 0}.filter-tabs{display: flex;gap: var(--spacing-1);flex-wrap: wrap;background: var(--color-gray-50);padding: var(--spacing-1);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);flex-shrink: 1;min-width: 0}.filter-tabs[data-mobile-scroll="true"]{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}.filter-tabs[data-mobile-scroll="true"]::-webkit-scrollbar{display: none}.filter-tabs-search{display: flex;align-items: center;flex-shrink: 0;min-width: 200px}.filter-tabs-search .search-input-container{position: relative;display: flex;align-items: center;width: 100%;min-width: 200px}.filter-tabs-search .search-icon{position: absolute;left: var(--spacing-3);color: var(--color-text-tertiary);font-size: var(--font-size-sm);z-index: 10;pointer-events: none;display: flex;align-items: center;height: 100%}.filter-tabs-search .search-input{padding: var(--spacing-2) var(--spacing-3);padding-left: calc(var(--spacing-3) + var(--spacing-8));border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);transition: var(--transition-fast);background: var(--color-white);width: 100%;box-sizing: border-box;min-width: var(--search-min-width,180px)}.filter-tabs-search .search-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.filter-tabs-search .search-input::placeholder{color: var(--color-text-tertiary);opacity: 0.8}.filter-tabs-custom{display: flex;gap: var(--spacing-3);align-items: center;flex-shrink: 0;white-space: nowrap}.filter-tabs-custom select{padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);background: var(--color-white);cursor: pointer;transition: var(--transition-fast);min-width: 120px}.filter-tabs-custom select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}@media (max-width: 640px){.filter-tabs-content{flex-wrap: wrap;gap: var(--spacing-3)}.filter-tabs-search{min-width: auto;width: 100%;order: 2}.filter-tabs-custom{order: 3;width: 100%;justify-content: flex-start}.filter-tabs{order: 1}.filter-tabs-search .search-input{min-width: auto}}.loading-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: calc(var(--spacing-12) + var(--spacing-4)) var(--spacing-5);text-align: center;color: var(--color-text-secondary)}.loading-state p{margin: 0 0 var(--spacing-1) 0;font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.loading-state i{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);opacity: 0.5;color: var(--color-text-tertiary)}.loading-spinner{width: 40px;height: 40px;border: 3px solid var(--color-gray-100);border-top: 3px solid var(--color-primary);border-radius: var(--border-radius-full);animation: loading-spin 1s linear infinite;margin-bottom: var(--spacing-4)}@keyframes loading-spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.formatted-timestamp{color: var(--color-text-tertiary);font-size: var(--font-size-sm);cursor: help;line-height: var(--line-height-tight);transition: var(--transition-fast);white-space: nowrap}.formatted-timestamp:hover{color: var(--color-text-secondary)}.pagination-container{display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap;justify-content: center;padding: var(--spacing-4) 0}.pagination-container .page-active{box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.trs-badge{display: inline-flex;align-items: center;padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase}.trs-badge.trs-badge-success{background-color: var(--color-success-light);color: var(--color-success-text)}.trs-badge.trs-badge-danger{background-color: var(--color-danger-light);color: var(--color-danger-text)}.trs-badge.trs-badge-secondary{background-color: var(--color-gray-100);color: var(--color-gray-700)}.adg-empty{display: flex;align-items: center;justify-content: center;padding: var(--spacing-12);color: var(--color-text-secondary);font-style: italic;text-align: center}.adg-scroll{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}.adg-table{width: 100%;margin-bottom: 0}.adg-table th{white-space: nowrap}.adg-table__sort{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: 0;border: 0;background: none;color: inherit;font: inherit;cursor: pointer;white-space: nowrap}.adg-table__sort:hover,.adg-table__sort:focus-visible{color: var(--color-primary)}.adg-table__sort-icon{font-size: var(--font-size-xs);color: var(--color-text-muted)}.adg-table__sort--active .adg-table__sort-icon{color: var(--color-primary)}.adg-cell__value--positive{color: var(--color-success-text);font-weight: var(--font-weight-semibold)}.adg-cell__value--negative{color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.adg-cell__value--neutral{color: var(--color-text-secondary)}.adg-cell__value--strong{font-weight: var(--font-weight-semibold)}.adg-totals{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--spacing-2) var(--spacing-8);margin: var(--spacing-3) 0 0;padding-top: var(--spacing-3);border-top: 1px solid var(--color-border-light)}.adg-totals__item{display: flex;align-items: baseline;gap: var(--spacing-2)}.adg-totals__label{margin: 0;color: var(--color-text-secondary);font-weight: var(--font-weight-normal)}.adg-totals__value{margin: 0;font-weight: var(--font-weight-semibold)}.adg-pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--spacing-3);padding: var(--spacing-2) var(--spacing-1) 0 var(--spacing-1)}.adg-pager .adg-page-info{color: var(--color-text-secondary);font-size: var(--font-size-sm)}@media (max-width: 640px){.adg-table--list,.adg-table--list tbody,.adg-table--list tr,.adg-table--list td{display: block;width: 100%}.adg-table--list thead{display: none}.adg-table--list tr{padding: var(--spacing-3) var(--spacing-2);border-bottom: 1px solid var(--color-border)}.adg-table--list > :not(caption) > * > td{display: flex;justify-content: space-between;align-items: baseline;gap: var(--spacing-3);padding: var(--spacing-1) 0;border-bottom: 0;text-align: right;white-space: normal}.adg-table--list td::before{content: attr(data-label);flex-shrink: 0;color: var(--color-text-secondary);font-size: var(--font-size-xs);text-align: left}.adg-table--list > :not(caption) > * > td.adg-cell--mobile-title{display: block;font-weight: var(--font-weight-semibold);text-align: left}.adg-table--list td.adg-cell--mobile-title::before,.adg-table--list td[data-label=""]::before{content: none}.adg-table--list td.adg-cell--mobile-hidden{display: none}}.emoji-picker{display: flex;flex-wrap: wrap;gap: var(--spacing-1);padding: var(--spacing-2);background-color: var(--color-surface);border-radius: var(--border-radius-md);max-width: 250px}.emoji-picker .emoji-button{font-size: var(--font-size-xl);background: none;border: none;cursor: pointer;transition: transform var(--transition-fast);padding: var(--spacing-1);border-radius: var(--border-radius-sm)}.emoji-picker .emoji-button:hover{transform: scale(1.2);background-color: var(--color-gray-100)}.emoji-picker .emoji-button:active{transform: scale(1.1)}.notification-badge-container{position: relative}.notification-badge-container .notif-icon-btn{position: relative;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: none;background: none;color: var(--color-gray-500);border-radius: var(--border-radius-md);cursor: pointer;transition: var(--transition-fast)}.notification-badge-container .notif-icon-btn:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary)}.notification-badge-container .notif-badge{position: absolute;top: var(--spacing-1);right: var(--spacing-1);background: var(--color-danger);color: var(--color-white);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);padding: var(--spacing-1) var(--spacing-1-5);border-radius: var(--border-radius-full);min-width: 18px;text-align: center}.notification-badge-container .notification-dropdown{position: absolute;top: calc(100% + var(--spacing-2));right: 0;width: 380px;max-width: 90vw;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-2xl);z-index: var(--z-index-dropdown);max-height: 500px;display: flex;flex-direction: column}.notification-badge-container .notification-dropdown__header{padding: var(--spacing-4);border-bottom: 1px solid var(--color-border);background: var(--color-gray-50);border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0}.notification-badge-container .notification-dropdown__header h6{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-gray-800)}.notification-badge-container .dropdown-body{overflow-y: auto;max-height: 350px;padding: var(--spacing-2) 0}.notification-badge-container .notification-item{display: flex;align-items: start;gap: var(--spacing-3);padding: var(--spacing-3) var(--spacing-4);cursor: pointer;transition: var(--transition-fast);border-left: 3px solid transparent}.notification-badge-container .notification-item:hover{background: var(--color-gray-100)}.notification-badge-container .notification-item.unread{background: var(--color-primary-light);border-left-color: var(--color-primary)}.notification-badge-container .notification-icon{width: 36px;height: 36px;border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;color: var(--color-white);flex-shrink: 0;font-size: var(--font-size-sm)}.notification-badge-container .notification-icon--primary{background: var(--color-primary)}.notification-badge-container .notification-icon--success{background: var(--color-success)}.notification-badge-container .notification-icon--warning{background: var(--color-warning)}.notification-badge-container .notification-icon--info{background: var(--color-info)}.notification-badge-container .notification-icon--danger{background: var(--color-danger)}.notification-badge-container .notification-icon--neutral{background: var(--color-gray-500)}.notification-badge-container .notification-content{flex: 1;min-width: 0}.notification-badge-container .notification-content strong{display: block;font-size: var(--font-size-sm);color: var(--color-gray-800);margin-bottom: var(--spacing-1)}.notification-badge-container .notification-content p{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0 0 var(--spacing-1) 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.notification-badge-container .notification-content small{font-size: var(--font-size-xs);color: var(--color-gray-400)}.notification-badge-container .notification-marker{flex-shrink: 0;align-self: center}.notification-badge-container .notification-marker__dot{display: block;width: 8px;height: 8px;border-radius: var(--border-radius-full);background: var(--color-primary)}.notification-badge-container .notification-dropdown__empty-icon{opacity: 0.25}.notification-badge-container .dropdown-footer{padding: var(--spacing-3) var(--spacing-4);border-top: 1px solid var(--color-border);background: var(--color-gray-50);border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl)}.notification-badge-container .dropdown-footer .app-btn{font-size: var(--font-size-sm);padding: var(--spacing-2)}@media (max-width: 768px){.notification-badge-container .notification-dropdown{position: fixed;top: 64px;right: var(--spacing-2);left: var(--spacing-2);width: auto}}.autocomplete-member-picker{position: relative}.autocomplete-member-picker__dropdown{position: absolute;top: 100%;left: 0;right: 0;background: var(--color-white);border: 1px solid var(--color-border);z-index: var(--z-index-dropdown);max-height: 200px;overflow-y: auto;box-shadow: var(--shadow-md);margin-top: var(--spacing-1);border-radius: var(--border-radius-md)}.autocomplete-member-picker__item{padding: var(--spacing-2);cursor: pointer;display: flex;align-items: center;gap: var(--spacing-2);transition: background-color var(--transition-fast)}.autocomplete-member-picker__item:hover{background-color: var(--color-gray-100)}.autocomplete-member-picker__avatar{width: 24px;height: 24px;border-radius: var(--border-radius-full);background-color: var(--color-primary-light);color: var(--color-gray-800);font-weight: var(--font-weight-bold);font-size: var(--font-size-xs);display: inline-flex;align-items: center;justify-content: center}.document-card__link{text-decoration: none}.document-card__link:hover,.document-card__link:focus-visible{text-decoration: underline}.document-card__company-link{cursor: pointer}.document-icon{font-size: var(--font-size-2xl);margin-top: var(--spacing-0-5);color: var(--color-text-secondary)}.document-icon--danger{color: var(--color-danger)}.document-icon--primary{color: var(--color-primary)}.document-icon--success{color: var(--color-success-text)}.document-icon--warning{color: var(--color-warning)}.document-icon--info{color: var(--color-info)}.document-icon--text{color: var(--color-text-primary)}.document-icon--neutral{color: var(--color-text-secondary)}.app-toast-stack{margin: 0;padding: 0;border: 0;background: transparent;overflow: visible;inset: auto;position: fixed;top: calc(var(--topbar-height) + var(--spacing-3));right: var(--spacing-5);z-index: var(--z-index-toast);display: flex;flex-direction: column;gap: var(--spacing-3);width: min(100% - 2 * var(--spacing-5),420px);pointer-events: none}.app-toast-stack__region{display: contents}.app-toast{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4);border-left: 4px solid var(--color-info);border-radius: var(--border-radius-lg);background: var(--color-surface);box-shadow: var(--shadow-lg);pointer-events: auto;animation: app-toast-in var(--transition-normal)}.app-toast--success{border-left-color: var(--color-success)}.app-toast--warning{border-left-color: var(--color-warning)}.app-toast--error{border-left-color: var(--color-danger)}.app-toast__icon{flex-shrink: 0;margin-top: var(--spacing-0-5);font-size: var(--font-size-lg);color: var(--color-info-text)}.app-toast--success .app-toast__icon{color: var(--color-success-text)}.app-toast--warning .app-toast__icon{color: var(--color-warning-text)}.app-toast--error .app-toast__icon{color: var(--color-danger-text)}.app-toast__message{flex: 1;min-width: 0;overflow-wrap: anywhere;white-space: pre-line;font-size: var(--font-size-sm);line-height: var(--line-height-normal);color: var(--color-text-primary)}.app-toast__close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;margin: calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-1)) 0 0;border: 0;border-radius: var(--border-radius-sm);background: transparent;color: var(--color-text-secondary);cursor: pointer}.app-toast__close:hover{color: var(--color-text-primary)}.app-toast__close:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}@keyframes app-toast-in{from{transform: translateY(-0.5rem);opacity: 0}to{transform: none;opacity: 1}}@media (prefers-reduced-motion: reduce){.app-toast{animation: none}}@media (max-width: 640px){.app-toast-stack{top: auto;bottom: var(--spacing-4);right: var(--spacing-3);width: calc(100% - 2 * var(--spacing-3))}}.app-dialog{margin: auto;width: min(100% - 2 * var(--spacing-4),560px);max-height: calc(100dvh - 2 * var(--spacing-8));padding: 0;border: 0;border-radius: var(--border-radius-lg);background: var(--color-surface);color: var(--color-text-primary);box-shadow: var(--shadow-xl);overflow: hidden}.app-dialog--small{width: min(100% - 2 * var(--spacing-4),440px)}.app-dialog--large{width: min(100% - 2 * var(--spacing-4),880px)}.app-dialog::backdrop{background: color-mix(in srgb,var(--color-gray-900) 50%,transparent)}.app-dialog__panel{display: flex;flex-direction: column;max-height: inherit}.app-dialog__header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-3);padding: var(--spacing-5) var(--spacing-6) var(--spacing-3)}.app-dialog__title{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);line-height: var(--line-height-tight);color: var(--color-gray-900)}.app-dialog__title-icon{margin-right: var(--spacing-2);color: var(--color-danger-text)}.app-dialog__close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;margin: calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-2)) 0 0;border: 0;border-radius: var(--border-radius-md);background: transparent;color: var(--color-text-secondary);cursor: pointer}.app-dialog__close:hover{background: var(--color-surface-tertiary);color: var(--color-text-primary)}.app-dialog__close:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.app-dialog__body{flex: 1;min-height: 0;overflow-y: auto;padding: var(--spacing-2) var(--spacing-6) var(--spacing-5)}.app-dialog__message{margin: 0;white-space: pre-line;line-height: var(--line-height-relaxed);color: var(--color-text-secondary)}.app-dialog__footer{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--spacing-3);padding: var(--spacing-4) var(--spacing-6);border-top: 1px solid var(--color-border);background: var(--color-surface-secondary)}html.has-app-dialog{overflow: hidden}@media (max-width: 640px){.app-dialog,.app-dialog--small,.app-dialog--large{width: 100%;max-width: none;margin: auto 0 0;border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0}.app-dialog__header,.app-dialog__body,.app-dialog__footer{padding-left: var(--spacing-4);padding-right: var(--spacing-4)}.app-dialog__footer > *{flex: 1 1 auto}}.badge{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-3);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);line-height: var(--line-height-tight);border-radius: var(--border-radius-full);white-space: nowrap;background: var(--color-gray-100);color: var(--color-text-primary)}.badge--primary{background: var(--color-primary-dark);color: var(--color-white)}.badge--secondary{background: var(--color-gray-600);color: var(--color-white)}.badge--success{background: var(--color-success-text);color: var(--color-white)}.badge--danger{background: var(--color-danger-text);color: var(--color-white)}.badge--warning{background: var(--color-warning-text);color: var(--color-white)}.badge--info{background: var(--color-info-text);color: var(--color-white)}.badge--primary-outline{background: transparent;color: var(--color-primary);border: 1px solid var(--color-primary)}.badge--success-outline{background: transparent;color: var(--color-success-text);border: 1px solid var(--color-success)}.badge--danger-outline{background: transparent;color: var(--color-danger-text);border: 1px solid var(--color-danger)}.badge--warning-outline{background: transparent;color: var(--color-warning-text);border: 1px solid var(--color-warning)}.badge--small{padding: var(--spacing-0-5) var(--spacing-2);font-size: var(--font-size-xs)}.badge--large{padding: var(--spacing-2) var(--spacing-4);font-size: var(--font-size-sm)}.data-table-scroll{width: 100%;overflow-x: auto}.data-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm);color: var(--color-text-primary)}.data-table th,.data-table td{padding: var(--spacing-2) var(--spacing-3);border-bottom: 1px solid var(--color-border);text-align: left;vertical-align: middle}.data-table th{font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);background: var(--color-surface-secondary);white-space: nowrap}.data-table--striped tbody tr:nth-child(even){background: var(--color-surface-secondary)}.data-table tbody tr:hover{background: var(--color-surface-tertiary)}.meter{width: 100%;height: 0.5rem;overflow: hidden;border-radius: var(--border-radius-full);background: var(--color-gray-200)}.meter--large{height: 1rem}.meter__bar{width: var(--meter-value,0%);height: 100%;background: var(--color-primary);transition: width var(--transition-normal)}.meter__bar--success{background: var(--color-success)}.meter__bar--warning{background: var(--color-warning)}.meter__bar--danger{background: var(--color-danger)}.meter__bar--info{background: var(--color-info)}.push-notification-host{position: fixed;bottom: var(--spacing-5);right: var(--spacing-5);z-index: var(--z-index-toast)}.push-notification-prompt{max-width: 350px;border-radius: var(--border-radius-lg);background: var(--color-surface);box-shadow: var(--shadow-lg)}.health-indicator{background: var(--color-surface);padding: var(--spacing-10);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);margin-bottom: var(--spacing-8);display: flex;align-items: center;gap: var(--spacing-16)}.health-indicator__circle{width: 11.25rem;height: 11.25rem;border-radius: var(--border-radius-full);display: flex;flex-direction: column;align-items: center;justify-content: center;border-width: 0.5rem;border-style: solid;flex-shrink: 0}.health-indicator__circle--healthy{border-color: var(--color-success);background: color-mix(in srgb,var(--color-success) 10%,transparent)}.health-indicator__circle--warning{border-color: var(--color-warning);background: color-mix(in srgb,var(--color-warning) 10%,transparent)}.health-indicator__circle--critical{border-color: var(--color-danger);background: color-mix(in srgb,var(--color-danger) 10%,transparent)}.health-indicator__percentage{font-size: var(--font-size-5xl);font-weight: var(--font-weight-bold);line-height: 1;color: var(--color-text-primary)}.health-indicator__label{font-size: var(--font-size-base);color: var(--color-text-secondary);margin-top: var(--spacing-2)}.health-indicator__summary{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-4)}.health-indicator__summary-item{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-lg);color: var(--color-text-primary)}.health-indicator__summary-item i{font-size: var(--font-size-2xl);flex-shrink: 0}@media (max-width: 768px){.health-indicator{flex-direction: column;gap: var(--spacing-8);padding: var(--spacing-8)}.health-indicator__circle{width: 10rem;height: 10rem}.health-indicator__percentage{font-size: var(--font-size-4xl)}.health-indicator__summary-item{font-size: var(--font-size-base)}}.trend-card{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-md)}.trend-card__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-5)}.trend-card__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold)}.trend-card__icon{font-size: var(--font-size-2xl);color: var(--color-gray-400)}.trend-card__content{display: flex;flex-direction: column;gap: var(--spacing-4)}.trend-card__stat{display: flex;justify-content: space-between;align-items: center}.trend-card__stat-label{color: var(--color-text-secondary);font-size: var(--font-size-base)}.trend-card__stat-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}@media (max-width: 768px){.trend-card{padding: var(--spacing-4)}.trend-card__title{font-size: var(--font-size-base)}.trend-card__icon{font-size: var(--font-size-xl)}.trend-card__stat-label,.trend-card__stat-value{font-size: var(--font-size-sm)}}.scraper-card{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-md);border-left-width: 4px;border-left-style: solid;transition: transform var(--transition-fast),box-shadow var(--transition-fast)}.scraper-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.scraper-card--healthy{border-left-color: var(--color-success)}.scraper-card--warning{border-left-color: var(--color-warning)}.scraper-card--critical{border-left-color: var(--color-danger)}.scraper-card__header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: var(--spacing-5)}.scraper-card__title{display: flex;align-items: center;gap: var(--spacing-3)}.scraper-card__title-icon{font-size: var(--font-size-2xl);color: var(--color-primary)}.scraper-card__title-text{margin: 0;font-size: var(--font-size-xl);color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}.scraper-card__badge{padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold)}.scraper-card__badge--healthy{background: color-mix(in srgb,var(--color-success) 15%,transparent);color: color-mix(in srgb,var(--color-success) 85%,var(--color-black))}.scraper-card__badge--warning{background: color-mix(in srgb,var(--color-warning) 15%,transparent);color: color-mix(in srgb,var(--color-warning) 85%,var(--color-black))}.scraper-card__badge--critical{background: color-mix(in srgb,var(--color-danger) 15%,transparent);color: color-mix(in srgb,var(--color-danger) 85%,var(--color-black))}.scraper-card__metrics{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-4);margin-bottom: var(--spacing-5)}.scraper-card__metric{display: flex;flex-direction: column}.scraper-card__metric-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-1)}.scraper-card__metric-value{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.scraper-card__issues{background: color-mix(in srgb,var(--color-danger) 10%,transparent);padding: var(--spacing-4);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-4);border-left: 3px solid var(--color-danger)}.scraper-card__issues-header{display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-semibold);color: color-mix(in srgb,var(--color-danger) 85%,var(--color-black));margin-bottom: var(--spacing-3)}.scraper-card__issues-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.scraper-card__issues-list li{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm)}.scraper-card__issue--critical{color: color-mix(in srgb,var(--color-danger) 85%,var(--color-black))}.scraper-card__issue--warning{color: color-mix(in srgb,var(--color-warning) 85%,var(--color-black))}.scraper-card__issue--info{color: var(--color-info-text)}.scraper-card__actions{display: flex;gap: var(--spacing-2);flex-wrap: wrap;padding-top: var(--spacing-4);border-top: 1px solid var(--color-border)}.scraper-card__actions .app-btn{flex: 1;min-width: 100px}.scraper-card__date-picker{width: 100%;margin-bottom: var(--spacing-2)}.scraper-card__date-input{width: 100%;padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.scraper-card__date-input:hover{border-color: var(--color-gray-400)}.scraper-card__date-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.scraper-card__date-input::-webkit-calendar-picker-indicator{cursor: pointer;padding: var(--spacing-1)}.scraper-card__label{font-weight: var(--font-weight-semibold);color: var(--color-gray-700)}.scraper-card__options{flex: 1 0 100%;margin-top: var(--spacing-4);padding: var(--spacing-4);background: var(--color-surface-secondary);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg)}.scraper-card__options-title{display: flex;align-items: center;gap: var(--spacing-2);margin: 0 0 var(--spacing-3) 0;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.scraper-card__options-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(12em,1fr));gap: var(--spacing-3)}.scraper-card__option{display: flex;flex-direction: column;gap: var(--spacing-1)}.scraper-card__option label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary)}.scraper-card__option-hint{font-size: var(--font-size-xs);color: var(--color-text-muted)}.scraper-card__runs{margin-bottom: var(--spacing-4)}.scraper-card__runs-title{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.scraper-card__runs-list{list-style: none;margin: 0;padding: 0}.scraper-card__run{display: grid;grid-template-columns: auto auto 1fr;align-items: center;gap: var(--spacing-3);padding: var(--spacing-1) 0;font-size: var(--font-size-sm);border-bottom: 1px solid var(--color-border-light)}.scraper-card__run:last-child{border-bottom: none}.scraper-card__run-date{color: var(--color-text-primary);font-variant-numeric: tabular-nums}.scraper-card__run-status{display: inline-flex;align-items: center;gap: var(--spacing-1);font-weight: var(--font-weight-medium)}.scraper-card__run-status--success{color: var(--color-success-text)}.scraper-card__run-status--partial,.scraper-card__run-status--running{color: var(--color-warning-text)}.scraper-card__run-status--failed{color: var(--color-danger-text)}.scraper-card__run-status--cancelled{color: var(--color-text-secondary)}.scraper-card__run-volume{color: var(--color-text-secondary);text-align: right}@media (max-width: 768px){.scraper-card{padding: var(--spacing-4)}.scraper-card__metrics{grid-template-columns: 1fr}.scraper-card__actions{flex-direction: column}.scraper-card__actions .app-btn{width: 100%}}.menu-group-title{font-size: var(--font-size-xs);color: var(--color-text-tertiary);margin: var(--spacing-4) var(--spacing-3) var(--spacing-2);text-transform: uppercase;display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-semibold);letter-spacing: 0.05em}.menu-group-title i{font-size: var(--font-size-base)}.menu-item{display: flex;align-items: center;padding: var(--spacing-2) var(--spacing-3);cursor: pointer;color: var(--color-text-primary);border-radius: var(--border-radius-md);transition: background-color var(--transition-fast);font-size: var(--font-size-base);text-decoration: none;gap: var(--spacing-2)}.menu-item:hover{background-color: var(--color-gray-100)}.menu-item.selected{background-color: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary);font-weight: var(--font-weight-semibold)}.menu-item .icon{margin-right: var(--spacing-2)}.dividends-chart__container{padding: var(--spacing-4);max-width: 800px;margin: auto}.transactions-grid table{table-layout: auto;width: 100%}.transactions-grid th,.transactions-grid td{white-space: normal;word-break: normal;padding: var(--spacing-2)}@media (max-width: 768px){.transactions-grid{display: grid;overflow-x: auto}.transactions-grid th,.transactions-grid td{white-space: normal;word-break: break-word;min-width: 100px}.transactions-grid{overflow-x: auto}}.like-button{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-2);min-width: 36px;height: 36px;padding: 0 var(--spacing-3);background: color-mix(in srgb,var(--color-success) 5%,transparent);color: var(--color-success-text);border: 1px solid color-mix(in srgb,var(--color-success) 20%,transparent);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);cursor: pointer;transition: all var(--transition-fast);outline: none}.like-button__icon{font-size: var(--font-size-sm);transition: transform var(--transition-fast)}.like-button__count{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);line-height: var(--line-height-tight)}.like-button--liked{background: var(--color-success);color: var(--color-white);border-color: var(--color-success)}.like-button:hover{background: color-mix(in srgb,var(--color-success) 10%,transparent);color: var(--color-success-text);border-color: var(--color-success);box-shadow: var(--shadow-sm);transform: translateY(-1px)}.like-button:hover .like-button__icon{transform: scale(1.1)}.like-button--liked:hover{background: var(--color-success);border-color: var(--color-success)}.like-button:active{transform: translateY(0)}.like-button:focus-visible{outline: 2px solid var(--color-success);outline-offset: 2px}.like-button:disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none}.follow-member-button__full-text{display: none}.follow-member-button__short-text{display: inline}@media (min-width: 640px){.follow-member-button__full-text{display: inline}.follow-member-button__short-text{display: none}}.avatar{border-radius: var(--border-radius-full);flex-shrink: 0;display: inline-block;vertical-align: middle}.avatar__image{width: var(--avatar-size,64px);height: var(--avatar-size,64px);border-radius: var(--border-radius-full);object-fit: cover;flex-shrink: 0;display: inline-block;vertical-align: middle;border: 2px solid var(--color-gray-300);box-shadow: var(--shadow-sm)}.avatar__generated{width: var(--avatar-size);height: var(--avatar-size);background: var(--avatar-color);font-size: calc(var(--avatar-size) / 2.5);border-radius: var(--border-radius-full);display: inline-flex;align-items: center;justify-content: center;border: 2px solid color-mix(in srgb,var(--color-white) 30%,transparent);box-shadow: var(--shadow-sm);flex-shrink: 0;vertical-align: middle}.avatar__initials{color: var(--color-white);font-weight: var(--font-weight-bold);text-transform: uppercase;text-shadow: 0 1px 2px color-mix(in srgb,var(--color-black) 20%,transparent);letter-spacing: 1px;user-select: none}.avatar__skeleton{width: var(--avatar-size);height: var(--avatar-size);border-radius: var(--border-radius-full);background: linear-gradient(90deg,var(--color-border-light) 25%,var(--color-gray-200) 50%,var(--color-border-light) 75%);background-size: 200% 100%;animation: avatar-shimmer 1.5s infinite;flex-shrink: 0;display: inline-block;vertical-align: middle}@keyframes avatar-shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.blazored-typeahead{border: 1px solid var(--color-border-dark);border-radius: var(--border-radius-md);background-color: var(--color-surface)}.blazored-typeahead:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.blazored-typeahead__input{font-size: var(--font-size-base);color: var(--color-text-primary);border-radius: var(--border-radius-md)}.app-tabs{background: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-4);padding: 0 var(--spacing-2)}.app-tabs__list{display: flex;gap: var(--spacing-1);overflow-x: auto;scrollbar-width: thin;-webkit-overflow-scrolling: touch}.app-tabs__tab{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-3) var(--spacing-4);border-bottom: 3px solid transparent;color: var(--color-text-secondary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);text-decoration: none;white-space: nowrap;flex-shrink: 0;transition: color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.app-tabs__tab:hover{color: var(--color-primary);background-color: var(--color-gray-50);text-decoration: none}.app-tabs__tab:focus-visible{outline: 2px solid var(--color-primary);outline-offset: -2px}.app-tabs__tab--active,.app-tabs__tab--active:hover{color: var(--color-primary);border-bottom-color: var(--color-primary);font-weight: var(--font-weight-semibold);background-color: transparent}.app-tabs__icon{font-size: 0.95em}.app-tabs__badge{background: var(--color-gray-100);color: var(--color-text-secondary);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);padding: 0 var(--spacing-2);border-radius: var(--border-radius-full);line-height: 1.6}.app-tabs__tab--active .app-tabs__badge{background: var(--color-primary-light);color: var(--color-primary-dark)}@media (max-width: 768px){.app-tabs__list{flex-wrap: wrap;overflow-x: visible;column-gap: 0}.app-tabs__tab{padding: var(--spacing-2) var(--spacing-3)}}.kpi-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4);margin-bottom: var(--spacing-6)}.kpi-grid > .kpi-card{container-type: inline-size}.kpi-card{display: flex;align-items: center;gap: var(--spacing-4);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-4) var(--spacing-5);box-shadow: var(--shadow-sm);min-width: 0;color: inherit;text-decoration: none}.kpi-card--featured{grid-column: span 2;border-color: color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.kpi-card--featured .kpi-card__value{font-size: var(--font-size-3xl)}@media (max-width: 640px){.kpi-card--featured{grid-column: auto}}a.kpi-card:hover{border-color: var(--color-primary);text-decoration: none}.kpi-card__icon{flex-shrink: 0;width: 48px;height: 48px;border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xl);background-color: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary)}.kpi-card__icon--primary,.kpi-card__icon--rank,.kpi-card__icon--messages{background-color: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary)}.kpi-card__icon--success,.kpi-card__icon--perf-positive{background-color: color-mix(in srgb,var(--color-success) 12%,transparent);color: var(--color-success-hover)}.kpi-card__icon--danger,.kpi-card__icon--perf-negative{background-color: color-mix(in srgb,var(--color-danger) 10%,transparent);color: var(--color-danger-text)}.kpi-card__icon--warning{background-color: color-mix(in srgb,var(--color-warning) 14%,transparent);color: var(--color-warning-hover)}.kpi-card__icon--neutral,.kpi-card__icon--perf-neutral{background-color: var(--color-gray-100);color: var(--color-gray-500)}.kpi-card__body{min-width: 0}.kpi-card__label{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.03em;margin-bottom: var(--spacing-0-5)}.kpi-card__value{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);line-height: 1.2;overflow-wrap: normal}@container (max-width: 260px){.kpi-card__icon{display: none}.kpi-card__value{font-size: var(--font-size-xl)}}.kpi-card__value--positive{color: var(--color-success-hover)}.kpi-card__value--negative{color: var(--color-danger-text)}.kpi-card__sub{font-size: var(--font-size-xs);color: var(--color-text-tertiary);margin-top: var(--spacing-0-5)}@media (max-width: 640px){.kpi-grid--compact-mobile{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--spacing-2);margin-bottom: var(--spacing-4)}.kpi-grid--compact-mobile .kpi-card{flex-direction: column;align-items: flex-start;gap: var(--spacing-1);padding: var(--spacing-2) var(--spacing-3)}.kpi-grid--compact-mobile .kpi-card__icon,.kpi-grid--compact-mobile .kpi-card__sub{display: none}.kpi-grid--compact-mobile .kpi-card__value{font-size: var(--font-size-lg)}}.empty-state{display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--spacing-2);padding: var(--spacing-10) var(--spacing-6);background: var(--color-gray-50);border: 1px dashed var(--color-border-dark);border-radius: var(--border-radius-lg);color: var(--color-text-secondary)}.empty-state--compact{padding: var(--spacing-6) var(--spacing-4)}.empty-state__icon,.empty-state > i{font-size: var(--font-size-4xl);color: var(--color-gray-400);margin-bottom: var(--spacing-2)}.empty-state__icon i{font-size: inherit}.empty-state__title,.empty-state > h3,.empty-state > h4,.empty-state > h5{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.empty-state__description,.empty-state > p{margin: 0;max-width: 480px;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-normal)}.empty-state__description--muted{color: var(--color-text-tertiary)}.empty-state__actions{margin-top: var(--spacing-3);display: flex;gap: var(--spacing-2);flex-wrap: wrap;justify-content: center}.form-group{margin-bottom: var(--spacing-4)}.form-label,.form-group > label{display: block;margin-bottom: var(--spacing-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.form-label__required{margin-left: var(--spacing-1);color: var(--color-danger-text)}.form-label__optional{margin-left: var(--spacing-1);font-weight: var(--font-weight-normal);color: var(--color-text-secondary)}.form-label i,.form-group > label i{margin-right: var(--spacing-1);color: var(--color-text-secondary)}.form-input,.form-textarea,.form-select{width: 100%;padding: var(--spacing-2) var(--spacing-3);font-family: inherit;font-size: var(--font-size-base);line-height: var(--line-height-normal);color: var(--color-text-primary);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);transition: border-color var(--transition-fast),box-shadow var(--transition-fast);outline: none}.form-input:hover,.form-textarea:hover,.form-select:hover:hover{border-color: var(--color-primary-light)}.form-input:focus,.form-textarea:focus,.form-select:focus:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled:disabled{background-color: var(--color-gray-50);color: var(--color-text-tertiary);cursor: not-allowed}.form-input::placeholder,.form-textarea::placeholder{color: var(--color-text-tertiary)}.form-input.invalid,.form-textarea.invalid,.form-select.invalid{border-color: var(--color-danger)}.form-textarea{min-height: 6rem;resize: vertical}.form-select{padding-right: var(--spacing-8);cursor: pointer}.form-input-icon{position: relative}.form-input-icon__icon{position: absolute;left: var(--spacing-3);top: 50%;transform: translateY(-50%);color: var(--color-text-secondary);pointer-events: none}.form-input-icon .form-input{padding-left: var(--spacing-10)}.form-help-text{display: block;margin-top: var(--spacing-1);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.form-help-text--counter{text-align: right;font-size: var(--font-size-xs)}.form-help-text--success{color: var(--color-success-text)}.form-help-text i{margin-right: var(--spacing-1)}.form-checkbox{position: relative;display: inline-flex;align-items: center;padding-left: var(--spacing-8);cursor: pointer;user-select: none}.form-checkbox input[type="checkbox"]{position: absolute;width: 1px;height: 1px;opacity: 0}.form-checkbox__checkmark{position: absolute;left: 0;top: 50%;width: 20px;height: 20px;transform: translateY(-50%);background: var(--color-surface);border: 2px solid var(--color-border);border-radius: var(--border-radius-sm);transition: background-color var(--transition-fast),border-color var(--transition-fast)}.form-checkbox:hover input ~ .form-checkbox__checkmark{border-color: var(--color-primary)}.form-checkbox input:checked ~ .form-checkbox__checkmark{background: var(--color-primary);border-color: var(--color-primary)}.form-checkbox input:focus-visible ~ .form-checkbox__checkmark{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.form-checkbox input:disabled ~ .form-checkbox__checkmark{background: var(--color-gray-50);border-color: var(--color-border)}.form-checkbox__checkmark::after{content: "";position: absolute;display: none;left: 5px;top: 1px;width: 6px;height: 11px;border: solid var(--color-white);border-width: 0 2px 2px 0;transform: rotate(45deg)}.form-checkbox input:checked ~ .form-checkbox__checkmark::after{display: block}.form-checkbox__label{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-primary)}.form-checkbox-group{display: flex;flex-direction: column;gap: var(--spacing-3)}.form-inline{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-2)}.form-inline > .form-input,.form-inline > .form-select,.form-inline > .member-picker{flex: 1 1 14rem;width: auto;min-width: 0}.form-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr));gap: var(--spacing-4)}.form-row > .form-group{margin-bottom: 0}.form-row + .form-row,.form-row + .form-group,.form-group + .form-row{margin-top: var(--spacing-4)}.form-section{margin-bottom: var(--spacing-6)}.form-actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--spacing-3);margin-top: var(--spacing-5)}.validation-message{margin-top: var(--spacing-1);font-size: var(--font-size-sm);color: var(--color-danger-text)}.validation-summary,.validation-errors{margin: 0 0 var(--spacing-4);padding: var(--spacing-3) var(--spacing-4);list-style: none;font-size: var(--font-size-sm);color: var(--color-danger-text);background-color: var(--color-danger-light);border-radius: var(--border-radius-md)}.validation-errors .validation-message{margin-top: 0}.section-stack{display: grid;gap: var(--spacing-6)}.section-card{background: var(--color-surface);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.section-card__header{display: flex;flex-direction: column;gap: var(--spacing-1);padding: var(--spacing-4) var(--spacing-6);background: var(--color-background-secondary);border-bottom: 1px solid var(--color-border-light)}.section-card__title{display: flex;align-items: center;gap: var(--spacing-2);margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.section-card__title-icon{color: var(--color-primary)}.section-card__title-icon--danger{color: var(--color-danger-text)}.section-card__description{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.section-card__content{padding: var(--spacing-6)}.section-card__warning{margin: 0 0 var(--spacing-4);color: var(--color-text-secondary)}@media (max-width: 768px){.section-card__header{padding: var(--spacing-3) var(--spacing-4)}.section-card__content{padding: var(--spacing-4)}}.callout{display: flex;gap: var(--spacing-3);margin-bottom: var(--spacing-4);padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--callout-color);border-left-width: 4px;border-radius: var(--border-radius-md);background: color-mix(in srgb,var(--callout-color) 8%,var(--color-surface));color: var(--color-text-primary);--callout-color: var(--color-info)}.callout--success{--callout-color: var(--color-success)}.callout--warning{--callout-color: var(--color-warning)}.callout--danger{--callout-color: var(--color-danger)}.callout__icon{flex-shrink: 0;margin-top: var(--spacing-0-5);color: var(--callout-color)}.callout__body{min-width: 0}.callout__title{margin-bottom: var(--spacing-1);font-weight: var(--font-weight-semibold)}.callout__text{font-size: var(--font-size-sm);line-height: var(--line-height-normal)}.callout__text > :last-child{margin-bottom: 0}.data-freshness{display: flex;align-items: center;gap: var(--spacing-2);margin: 0 0 var(--spacing-4);font-size: var(--font-size-sm);color: var(--color-gray-600)}.page-card{margin-bottom: var(--spacing-6);padding: var(--spacing-4) var(--spacing-6);background-color: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--page-layout-shadow)}@media (max-width: 768px){.page-card{padding: var(--spacing-4);border-radius: var(--border-radius-md)}}.search-suggestions__panel{position: absolute;top: calc(100% + var(--spacing-1));right: 0;width: 22rem;max-width: calc(100vw - 2 * var(--spacing-4));max-height: 70vh;overflow-y: auto;padding: var(--spacing-2) 0;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);z-index: var(--topbar-z-index-menu)}.search-suggestions__group{margin: var(--spacing-2) 0 var(--spacing-1);padding: 0 var(--spacing-4);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-secondary)}.search-suggestions__item{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);color: var(--color-text-primary);font-size: var(--font-size-sm);text-decoration: none}.search-suggestions__item:hover,.search-suggestions__item:focus-visible{background: color-mix(in srgb,var(--color-primary) 8%,transparent);color: var(--color-primary);outline: none}.search-suggestions__icon{width: 1rem;color: var(--color-text-secondary);text-align: center}.search-suggestions__label{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.search-suggestions__meta{color: var(--color-text-secondary);font-size: var(--font-size-xs)}.search-suggestions__empty{margin: 0;padding: var(--spacing-2) var(--spacing-4);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.search-suggestions__all{display: block;margin-top: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4) var(--spacing-1);border-top: 1px solid var(--color-border);color: var(--color-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);text-decoration: none}.search-suggestions__all:hover{text-decoration: underline}.search-suggestions--drawer{position: relative;margin-bottom: var(--spacing-3)}.search-suggestions--drawer .topbar__search-input{width: 100%}.search-suggestions--drawer .topbar__search-button{top: 0;height: 34px;display: flex;align-items: center;transform: none}.search-suggestions--drawer .search-suggestions__panel{position: static;width: 100%;max-width: none;margin-top: var(--spacing-1);box-shadow: none}.page-header{background: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);padding: var(--spacing-4) var(--spacing-6);margin-bottom: var(--spacing-4);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-3)}.page-header__content{display: flex;align-items: center;gap: var(--spacing-3);flex: 1;min-width: 200px}.page-header__text{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0}.page-header__leading{display: flex;align-items: center}.page-header__title{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);line-height: var(--line-height-tight);margin: 0;display: flex;align-items: center;gap: var(--spacing-2)}.page-header__icon{color: var(--color-primary);display: flex;align-items: center;justify-content: center;width: 1.25em}.page-header__icon i{font-size: 0.85em;color: inherit}.page-header__title-text{display: flex;align-items: baseline;gap: var(--spacing-2);flex-wrap: wrap}.page-header__count{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-normal)}.page-header__subtitle{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0;line-height: var(--line-height-normal)}.page-header__actions,.page-header__stats{display: flex;gap: var(--spacing-3);align-items: center;flex-shrink: 0}.page-header__stats{gap: var(--spacing-4)}.page-header__stat{display: flex;flex-direction: column;align-items: center;padding: var(--spacing-3) var(--spacing-4);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);text-align: center}.page-header__stat-value{margin-bottom: var(--spacing-1);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-primary)}.page-header__stat-label{font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.025em}@media (max-width: 768px){.page-header{padding: var(--spacing-3) var(--spacing-4);flex-direction: column;align-items: stretch}.page-header__title{font-size: var(--font-size-xl)}.page-header__icon{font-size: var(--font-size-lg)}.page-header__actions,.page-header__stats{justify-content: flex-start}}@media (max-width: 640px){.page-header__title-text{flex-direction: column;gap: var(--spacing-1)}}@media (max-width: 640px){.page-header__count{display: none}}@media (max-width: 1024px){.page-header__stats{display: none}}.delete-document-button{transition: all var(--transition-normal);border-radius: var(--border-radius-md);cursor: pointer;color: var(--color-danger-text);font-size: var(--font-size-xl);padding: var(--spacing-2)}.delete-document-button:hover{transform: scale(1.2);background: color-mix(in srgb,var(--color-danger-hover) 10%,transparent);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-danger-hover) 30%,transparent);color: var(--color-danger-text)}.rename-document-button{transition: all var(--transition-normal);border-radius: var(--border-radius-md);cursor: pointer;color: var(--color-info-text);font-size: var(--font-size-xl);padding: var(--spacing-2)}.rename-document-button:hover{transform: scale(1.2);background: color-mix(in srgb,var(--color-primary) 10%,transparent);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent);color: var(--color-info-hover)}.sharing-status{cursor: pointer;font-size: var(--font-size-lg);display: flex;align-items: center;margin-right: var(--spacing-1)}.sharing-status__icon{transition: all var(--transition-normal);padding: var(--spacing-2);border-radius: var(--border-radius-md);font-size: var(--font-size-xl)}.sharing-status__icon:hover{transform: scale(1.2);background: color-mix(in srgb,var(--color-black) 5%,transparent);box-shadow: var(--shadow-md)}.sharing-status__icon--public{color: var(--color-success-text)}.sharing-status__icon--private{color: var(--color-text-secondary)}.category-picker{width: 100%}.category-picker__select{width: 100%;padding: var(--spacing-3) var(--spacing-4);border: 2px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);background-color: var(--color-surface);cursor: pointer;transition: var(--transition-fast);appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right var(--spacing-3) center;padding-right: var(--spacing-10)}.category-picker__select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.category-picker__select:disabled{background-color: var(--color-gray-100);cursor: not-allowed;opacity: 0.6}.category-picker__select option{padding: var(--spacing-2)}.filter-tab{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);border: none;background: transparent;border-radius: var(--border-radius-md);cursor: pointer;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-gray-700);transition: all var(--transition-fast);white-space: nowrap;position: relative;overflow: hidden;min-width: fit-content}.filter-tab:hover:not(.filter-tab--disabled){background: var(--color-gray-50);color: var(--color-primary);transform: translateY(-1px)}.filter-tab:focus{outline: 2px solid var(--color-primary);outline-offset: 2px}.filter-tab--active{background: var(--color-primary);color: var(--color-white);box-shadow: var(--shadow-md);font-weight: var(--font-weight-semibold)}.filter-tab--active:hover{background: var(--color-primary-hover);transform: translateY(-1px)}.filter-tab--disabled{opacity: 0.5;cursor: not-allowed;color: var(--color-gray-400)}.filter-tab__icon{font-size: var(--font-size-sm);transition: all var(--transition-fast);flex-shrink: 0}.filter-tab__text{transition: all var(--transition-fast);flex-shrink: 0}.filter-tab__count{background: color-mix(in srgb,var(--color-surface) 90%,transparent);color: var(--color-primary);padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-lg);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);min-width: 20px;text-align: center;flex-shrink: 0}.filter-tab--active .filter-tab__count{background: color-mix(in srgb,var(--color-surface) 25%,transparent);color: var(--color-white)}.filter-tab--active::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: var(--color-primary-light);opacity: 0.6}.company-picker-alt{position: relative;width: 100%}.company-picker-alt__loading{padding: var(--spacing-3) var(--spacing-4);background: var(--color-info-light);border: 1px solid var(--color-info-light);border-radius: var(--border-radius-md);margin-top: var(--spacing-1);color: var(--color-primary-dark);font-size: var(--font-size-sm)}.company-picker-alt__dropdown{position: absolute;top: 100%;left: 0;right: 0;background: var(--color-white);border: 1px solid var(--color-border-dark);border-radius: var(--border-radius-md);box-shadow: var(--shadow-md);max-height: 300px;overflow-y: auto;z-index: var(--z-index-dropdown);margin-top: var(--spacing-1)}.company-picker-alt__item{padding: var(--spacing-3) var(--spacing-4);cursor: pointer;transition: background-color var(--transition-fast);border-bottom: 1px solid var(--color-gray-100);display: flex;flex-direction: column;gap: var(--spacing-1)}.company-picker-alt__item:last-child{border-bottom: none}.company-picker-alt__item:hover:not(.company-picker-alt__item--no-results){background-color: var(--color-gray-100)}.company-picker-alt__item--no-results{color: var(--color-text-secondary);cursor: default;font-style: italic}.company-picker-alt__item-name{font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.company-picker-alt__item-id{color: var(--color-text-secondary);font-size: var(--font-size-xs)}.company-picker-alt__selected{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-2) var(--spacing-3);margin-top: var(--spacing-2);background: var(--color-success-light);border: 1px solid var(--color-success-light);border-radius: var(--border-radius-md);color: var(--color-success-text);font-size: var(--font-size-sm)}.company-picker-alt__clear-btn{background: transparent;border: none;color: var(--color-success-text);cursor: pointer;padding: var(--spacing-1) var(--spacing-2);font-size: var(--font-size-lg);line-height: 1;transition: color var(--transition-fast)}.company-picker-alt__clear-btn:hover{color: var(--color-danger-text)}.company-picker-alt__error{padding: var(--spacing-3) var(--spacing-4);margin-top: var(--spacing-2);background: var(--color-danger-light);border: 1px solid var(--color-danger-light);border-radius: var(--border-radius-md);color: var(--color-danger-text);font-size: var(--font-size-sm)}.company-logo--white-bg{background: var(--color-surface);padding: var(--spacing-1)}.chart-canvas{position: relative;width: 100%;max-width: var(--chart-max-width,none);height: var(--chart-height,450px)}.member-picker{position: relative;border: 1px solid var(--color-border);padding: var(--spacing-2);border-radius: var(--border-radius-lg);background: var(--color-white)}.member-picker:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.member-picker__chips-container{display: flex;flex-wrap: wrap;gap: var(--spacing-2);align-items: center}.member-picker__chip{background: var(--color-primary);color: var(--color-white);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-full);display: inline-flex;align-items: center;gap: var(--spacing-1);font-size: var(--font-size-xs)}.member-picker__chip-remove{background: transparent;border: none;color: var(--color-white);cursor: pointer;font-size: var(--font-size-sm);line-height: 1;padding: 0;transition: opacity var(--transition-fast)}.member-picker__chip-remove:hover{opacity: 0.8}.member-picker__input{flex: 1;min-width: 160px;border: none;outline: none;padding: var(--spacing-1);font-size: var(--font-size-sm)}.member-picker__suggestions{position: absolute;z-index: var(--z-index-dropdown);left: 0;right: 0;top: 100%;margin: var(--spacing-1) 0 0 0;list-style: none;padding: var(--spacing-1) 0;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);max-height: 260px;overflow-y: auto;box-shadow: var(--shadow-lg)}.member-picker__suggestion-item{padding: var(--spacing-2) var(--spacing-3);display: flex;justify-content: space-between;gap: var(--spacing-3);cursor: pointer;font-size: var(--font-size-sm);transition: background-color var(--transition-fast),color var(--transition-fast)}.member-picker__suggestion-item--active,.member-picker__suggestion-item:hover{background: var(--color-primary);color: var(--color-white)}.member-picker__suggestion-email{opacity: 0.7}@keyframes scraper-parameters-modal-spin{to{transform: rotate(360deg)}}.discussion-tags-display{display: flex;flex-wrap: wrap;gap: var(--spacing-2);align-items: center}.discussion-tags-display__badge{display: inline-block;padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-lg);background-color: var(--tag-color,var(--color-primary));color: var(--color-text-inverse);font-weight: var(--font-weight-medium);font-size: var(--font-size-xs);text-shadow: var(--shadow-sm);white-space: nowrap}@media (max-width: 768px){.discussion-tags-display{gap: var(--spacing-1)}.discussion-tags-display__badge{font-size: var(--font-size-xs);padding: var(--spacing-1) var(--spacing-2)}}.scraper-dashboard__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(400px,1fr));gap: var(--spacing-5);margin-bottom: var(--spacing-8)}.scraper-dashboard__trends{margin-bottom: var(--spacing-8)}.scraper-dashboard__trends-title{display: flex;align-items: center;gap: var(--spacing-3);margin-bottom: var(--spacing-5);color: var(--color-text-primary);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold)}.scraper-dashboard__trends-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: var(--spacing-5)}.scraper-dashboard__actions{display: flex;gap: var(--spacing-3)}@media (max-width: 768px){.scraper-dashboard__grid{grid-template-columns: 1fr}.scraper-dashboard__trends-grid{grid-template-columns: 1fr}.scraper-dashboard__actions{flex-direction: column}}.discussion-header{background: var(--color-surface);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);margin-bottom: var(--spacing-6);overflow: hidden;border: 1px solid var(--color-border)}.discussion-header__content{padding: var(--spacing-8);display: flex;justify-content: space-between;align-items: flex-start;gap: var(--spacing-6);width: 100%}.discussion-header__title-section{flex: 1;width: 100%;min-width: 0}.discussion-header__title-with-logo{display: flex;align-items: center;gap: var(--spacing-4);margin-bottom: var(--spacing-4);width: 100%}.discussion-header__room-logo{width: 48px;height: 48px;border-radius: var(--border-radius-lg);object-fit: cover;box-shadow: var(--shadow-sm);flex-shrink: 0}.discussion-header__title-container{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-6);flex: 1;width: 100%;min-width: 0}.discussion-header__name{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0;line-height: var(--line-height-tight);flex-shrink: 1;min-width: 0}.discussion-header__ai-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);margin-left: var(--spacing-2);background: var(--color-info-light);color: var(--color-info-text);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);vertical-align: middle}.discussion-header__name--clickable{cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);display: inline-flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-1) 0;position: relative}.discussion-header__name--clickable:hover{color: var(--color-info-text)}.discussion-header__name--clickable::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: linear-gradient(90deg,var(--color-info),var(--color-primary));transition: width 0.3s cubic-bezier(0.4,0,0.2,1)}.discussion-header__name--clickable:hover::after{width: 100%}.discussion-header__company-link-icon{font-size: var(--font-size-xl);opacity: 0;transform: translateX(-10px);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.discussion-header__name--clickable:hover .discussion-header__company-link-icon{opacity: 1;transform: translateX(0)}.discussion-header__private-indicator{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);background: linear-gradient(135deg,var(--color-info),var(--color-primary-dark));color: var(--color-text-inverse);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-4);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-info) 30%,transparent)}.discussion-header__private-indicator i{font-size: var(--font-size-base)}.discussion-header__company-details{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4);margin: var(--spacing-5) 0;padding: var(--spacing-5);background: linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.discussion-header__company-detail-item{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-2)}.discussion-header__company-detail-icon{font-size: var(--font-size-xl);color: var(--color-info-text);opacity: 0.8;flex-shrink: 0}.discussion-header__company-detail-content{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0}.discussion-header__company-detail-label{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-weight: var(--font-weight-medium);text-transform: uppercase;letter-spacing: 0.05em}.discussion-header__company-detail-value{font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: var(--font-weight-semibold);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.discussion-header__stock-info{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary);white-space: nowrap;flex-shrink: 0;padding: var(--spacing-1) var(--spacing-3);background: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.discussion-header__stock-price-item{display: inline-flex;align-items: center;gap: var(--spacing-1)}.discussion-header__stock-price-label{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-weight: var(--font-weight-medium)}.discussion-header__stock-price-value{font-weight: var(--font-weight-semibold);color: var(--color-text-secondary)}.discussion-header__stock-price-arrow{color: var(--color-text-tertiary);font-size: var(--font-size-sm);margin: 0 var(--spacing-2)}.discussion-header__stock-performance{font-weight: var(--font-weight-semibold);margin-left: var(--spacing-1)}.discussion-header__stock-performance--positive{color: var(--color-success-text)}.discussion-header__stock-performance--negative{color: var(--color-danger-text)}.discussion-header__stock-currency{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-weight: var(--font-weight-medium);text-transform: uppercase;margin-left: var(--spacing-1)}.discussion-header__tags{margin-bottom: var(--spacing-4)}.discussion-header__description{color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin: 0 0 var(--spacing-5) 0;font-size: var(--font-size-base)}.discussion-header__meta-info{display: flex;flex-wrap: wrap;gap: var(--spacing-5);align-items: center;padding-top: var(--spacing-4);border-top: 1px solid var(--color-border);width: 100%}.discussion-header__info{display: flex;align-items: center;gap: var(--spacing-2);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.discussion-header__info i{color: var(--color-info-text);font-size: var(--font-size-lg)}.discussion-header__info-text{font-weight: var(--font-weight-medium)}.discussion-header__action-buttons{display: flex;gap: var(--spacing-3);align-items: center;margin-left: auto}@media (max-width: 1024px){.discussion-header__content{flex-direction: column}.discussion-header__title-container{flex-direction: column;align-items: flex-start;gap: var(--spacing-3)}.discussion-header__stock-info{width: 100%;justify-content: space-between}}@media (max-width: 768px){.discussion-header{margin-bottom: var(--spacing-4);border-radius: var(--border-radius-lg)}.discussion-header__content{padding: var(--spacing-5)}.discussion-header__name{font-size: var(--font-size-2xl)}.discussion-header__room-logo{width: 40px;height: 40px}.discussion-header__company-details{grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--spacing-3);padding: var(--spacing-4)}.discussion-header__company-detail-item{padding: var(--spacing-1)}.discussion-header__company-detail-icon{font-size: var(--font-size-lg)}.discussion-header__meta-info{gap: var(--spacing-4)}}@media (max-width: 640px){.discussion-header__content{padding: var(--spacing-4)}.discussion-header__name{font-size: var(--font-size-xl)}.discussion-header__title-with-logo{gap: var(--spacing-3)}.discussion-header__room-logo{width: 36px;height: 36px}.discussion-header__company-details{grid-template-columns: 1fr;gap: var(--spacing-2);padding: var(--spacing-3)}.discussion-header__company-detail-item{gap: var(--spacing-2)}.discussion-header__company-detail-icon{font-size: var(--font-size-base)}.discussion-header__company-detail-label{font-size: var(--font-size-xs)}.discussion-header__company-detail-value{font-size: var(--font-size-sm)}.discussion-header__private-indicator{font-size: var(--font-size-xs);padding: var(--spacing-1) var(--spacing-3)}}.technical-analysis{padding: var(--spacing-6);max-width: var(--page-max-width);margin: 0 auto}.technical-analysis__indicators-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-5);margin-bottom: var(--spacing-8)}.technical-analysis__indicator-block{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-6);box-shadow: var(--shadow-md);border: 2px solid var(--color-border);border-left: 6px solid var(--color-info);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);aspect-ratio: 1;display: flex;flex-direction: column;justify-content: space-between}.technical-analysis__indicator-block:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.technical-analysis__indicator-block--bullish,.technical-analysis__indicator-block--strong-bullish{border-left-color: var(--color-success);background: linear-gradient(135deg,color-mix(in srgb,var(--color-success) 6%,var(--color-surface)),var(--color-surface))}.technical-analysis__indicator-block--bearish,.technical-analysis__indicator-block--strong-bearish{border-left-color: var(--color-danger);background: linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 6%,var(--color-surface)),var(--color-surface))}.technical-analysis__indicator-block--neutral{border-left-color: var(--color-warning);background: linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 6%,var(--color-surface)),var(--color-surface))}.technical-analysis__indicator-header{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-3);text-align: center;flex: 1}.technical-analysis__indicator-icon{width: 60px;height: 60px;border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-3xl);background: color-mix(in srgb,var(--color-primary) 10%,transparent);margin: 0 auto}.technical-analysis__indicator-info{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-1);width: 100%}.technical-analysis__indicator-name{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.5px}.technical-analysis__indicator-value{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text-primary);line-height: var(--line-height-tight)}.technical-analysis__indicator-light{width: 12px;height: 12px;border-radius: var(--border-radius-full);margin-top: var(--spacing-2)}.technical-analysis__indicator-light--bullish{background: var(--color-success);box-shadow: 0 0 8px var(--color-success)}.technical-analysis__indicator-light--bearish{background: var(--color-danger);box-shadow: 0 0 8px var(--color-danger)}.technical-analysis__indicator-light--neutral{background: var(--color-warning);box-shadow: 0 0 8px var(--color-warning)}.technical-analysis__indicator-expand{display: flex;align-items: center;justify-content: center;padding: var(--spacing-2);color: var(--color-text-secondary);font-size: var(--font-size-sm);transition: color 0.2s cubic-bezier(0.4,0,0.2,1)}.technical-analysis__indicator-block:hover .technical-analysis__indicator-expand{color: var(--color-primary)}.detail-section{margin-bottom: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-8);box-shadow: var(--shadow-md);border: 2px solid var(--color-border);animation: fadeIn 0.3s ease-in-out}.fade-in{animation: fadeIn 0.3s ease-in-out}.detail-header{margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 2px solid var(--color-border)}.detail-header h4{margin: 0;font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-3)}.detail-content{display: flex;flex-direction: column;gap: var(--spacing-6)}.detail-metrics{padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border-left: 4px solid var(--color-info)}.detail-metrics h5{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.metrics-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4);margin-top: var(--spacing-4)}.metric-item{display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-surface);border-radius: var(--border-radius-md)}.metric-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.metric-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary)}.metric-value.positive{color: var(--color-success-text)}.metric-value.negative{color: var(--color-danger-text)}.detail-explanation,.detail-recommendation{padding: var(--spacing-5);border-radius: var(--border-radius-lg);border-left: 4px solid var(--color-primary)}.detail-explanation{background: linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),var(--color-surface))}.detail-recommendation{background: linear-gradient(135deg,color-mix(in srgb,var(--color-success) 6%,var(--color-surface)),var(--color-surface));border-left-color: var(--color-success)}.detail-explanation h5,.detail-recommendation h5{margin: 0 0 var(--spacing-3) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.detail-explanation p,.detail-recommendation p{margin: 0;font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.synthesis-footer{display: grid;grid-template-columns: auto 1fr;gap: var(--spacing-8);padding: var(--spacing-8);background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-surface));border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);border: 2px solid var(--color-border);margin-top: var(--spacing-8)}.synthesis-score{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-3);min-width: 200px}.score-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.5px}.score-value{font-size: var(--font-size-5xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);line-height: 1}.score-max{font-size: var(--font-size-2xl);color: var(--color-text-secondary);font-weight: var(--font-weight-normal)}.score-bar{width: 100%;height: 12px;background: var(--color-border);border-radius: var(--border-radius-full);overflow: hidden;margin-top: var(--spacing-2)}.score-fill{width: var(--score-width,0);height: 100%;background: linear-gradient(90deg,var(--color-success),var(--color-primary));border-radius: var(--border-radius-full);transition: width 0.3s cubic-bezier(0.4,0,0.2,1)}.synthesis-recommendation{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-6);border-radius: var(--border-radius-lg);border-left: 6px solid}.recommendation-icon{font-size: var(--font-size-4xl);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.recommendation-content h5{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-bold)}.recommendation-content p{margin: 0;font-size: var(--font-size-base);line-height: var(--line-height-relaxed)}.recommendation-strong-buy{background: linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,transparent),color-mix(in srgb,var(--color-success) 5%,transparent));border-color: var(--color-success)}.recommendation-strong-buy .recommendation-icon{color: var(--color-success-text)}.recommendation-strong-buy h5{color: var(--color-success-text)}.recommendation-buy{background: linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent));border-color: var(--color-primary)}.recommendation-buy .recommendation-icon{color: var(--color-primary)}.recommendation-buy h5{color: var(--color-primary)}.recommendation-neutral{background: linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 10%,transparent),color-mix(in srgb,var(--color-warning) 5%,transparent));border-color: var(--color-warning)}.recommendation-neutral .recommendation-icon{color: var(--color-warning-text)}.recommendation-neutral h5{color: var(--color-warning-text)}.recommendation-sell,.recommendation-strong-sell{background: linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 10%,transparent),color-mix(in srgb,var(--color-danger) 5%,transparent));border-color: var(--color-danger)}.recommendation-sell .recommendation-icon,.recommendation-strong-sell .recommendation-icon{color: var(--color-danger-text)}.recommendation-sell h5,.recommendation-strong-sell h5{color: var(--color-danger-text)}.synthesis-disclaimer{grid-column: 1 / -1;padding: var(--spacing-4);background: color-mix(in srgb,var(--color-warning) 10%,transparent);border: 1px solid var(--color-warning);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);color: var(--color-text-secondary);display: flex;align-items: flex-start;gap: var(--spacing-2)}.synthesis-disclaimer i{color: var(--color-warning-text);flex-shrink: 0;margin-top: var(--spacing-0-5)}.synthesis-disclaimer strong{color: var(--color-text-primary)}.technical-analysis__empty{text-align: center;padding: var(--spacing-16) var(--spacing-5);color: var(--color-text-secondary)}.technical-analysis__empty i{color: var(--color-text-tertiary);margin-bottom: var(--spacing-5)}.technical-analysis__empty h3{font-size: var(--font-size-2xl);margin-bottom: var(--spacing-3);color: var(--color-text-primary)}@media (max-width: 1024px){.technical-analysis__indicators-grid{grid-template-columns: repeat(2,1fr)}.technical-analysis__indicator-block{aspect-ratio: auto;min-height: 200px}}@media (max-width: 768px){.technical-analysis__indicators-grid{grid-template-columns: 1fr}}.member-profile{margin: var(--spacing-8)}.member-profile__header{display: flex;align-items: center}.member-profile__avatar{width: var(--spacing-16);height: var(--spacing-16);border-radius: var(--border-radius-full);overflow: hidden;flex-shrink: 0}.member-profile__avatar img{width: 100%;height: 100%;object-fit: cover}.member-profile__info{display: flex;flex-direction: column;gap: var(--spacing-0);align-items: flex-start}.member-profile__name{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.member-profile__actions{display: flex;gap: var(--spacing-5);flex-wrap: wrap;justify-content: flex-end}@media (max-width: 768px){.member-profile{margin: var(--spacing-4)}.member-profile__actions{justify-content: flex-start}}.notes{display: flex;flex-direction: column;height: 100%;gap: var(--spacing-4);padding: var(--spacing-5)}.notes__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold)}.notes__editor{flex: 1;height: 500px;border-radius: var(--border-radius-lg);overflow: hidden;border: 1px solid var(--color-border)}.notes__actions{display: flex;justify-content: flex-start;gap: var(--spacing-3)}@media (max-width: 768px){.notes{padding: var(--spacing-4)}.notes__title{font-size: var(--font-size-xl)}.notes__editor{height: 400px}.notes__actions{flex-direction: column}}@media (max-width: 640px){.notes{padding: var(--spacing-3)}.notes__title{font-size: var(--font-size-lg)}.notes__editor{height: 300px}}.alerts{padding: var(--spacing-6);max-width: var(--page-max-width);margin: 0 auto}.alerts__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 1px solid var(--color-border)}.alerts__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-3xl);font-weight: var(--font-weight-semibold)}.alerts__filters{background: var(--color-white);padding: var(--spacing-5);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-6)}.alerts__detail-link{display: inline-flex;align-items: center;justify-content: center;padding: var(--spacing-2);border-radius: var(--border-radius-md);color: var(--color-primary);text-decoration: none}.alerts__detail-link:hover,.alerts__detail-link:focus-visible{background: color-mix(in srgb,var(--color-primary) 10%,transparent)}@media (max-width: 1024px){.alerts{padding: var(--spacing-4)}.alerts__header{flex-direction: column;align-items: flex-start;gap: var(--spacing-4)}}@media (max-width: 768px){.alerts{padding: var(--spacing-3)}.alerts__title{font-size: var(--font-size-2xl)}.alerts__filters{padding: var(--spacing-4)}}@media (max-width: 640px){.alerts__title{font-size: var(--font-size-xl)}}.challenge-discussion__read-only{display: flex;align-items: center;gap: var(--spacing-2);margin: var(--spacing-4) 0;padding: var(--spacing-3) var(--spacing-4);border-radius: var(--border-radius-md);background: var(--color-gray-50);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.welcome-hero--closed{background: linear-gradient(135deg,var(--color-gray-500) 0%,var(--color-gray-600) 100%)}.challenge-closed{max-width: 800px;margin: 0 auto}.challenge-closed__message{background: var(--color-warning-light);border-left: 4px solid var(--color-warning);padding: var(--spacing-6);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-8)}.challenge-closed__message i{color: var(--color-warning-text);margin-right: var(--spacing-2);font-size: var(--font-size-lg)}.challenge-closed__message p{margin: var(--spacing-2) 0;color: var(--color-warning-text);line-height: var(--line-height-relaxed)}.challenge-closed__info{background: var(--color-surface);padding: var(--spacing-8);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);margin-bottom: var(--spacing-8)}.challenge-closed__info h3{color: var(--color-text-primary);margin-bottom: var(--spacing-4);font-size: var(--font-size-2xl)}.challenge-closed__info h3 i{color: var(--color-warning-text);margin-right: var(--spacing-2)}.challenge-closed__info p{color: var(--color-text-secondary);line-height: var(--line-height-loose);margin-bottom: var(--spacing-4)}.challenge-closed__cta{text-align: center;padding: var(--spacing-8);background: var(--color-gray-100);border-radius: var(--border-radius-xl)}.challenge-closed__cta p{color: var(--color-text-primary);line-height: var(--line-height-loose);margin-bottom: var(--spacing-4);font-size: var(--font-size-lg)}.challenge-closed__cta strong{color: var(--color-text-primary)}@media (max-width: 768px){.challenge-closed__message,.challenge-closed__info,.challenge-closed__cta{padding: var(--spacing-4)}.challenge-closed__info h3{font-size: var(--font-size-xl)}.challenge-closed__cta p{font-size: var(--font-size-base)}}.challenge-welcome{display: flex;flex-direction: column;gap: var(--spacing-10)}.welcome-hero{text-align: center;padding: var(--spacing-16) var(--spacing-5);background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius: var(--border-radius-2xl);color: var(--color-white);box-shadow: var(--shadow-xl)}.welcome-hero__icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-5)}.welcome-hero__icon i{color: var(--color-white);animation: pulse 2s ease-in-out infinite}.welcome-hero__title{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);font-weight: var(--font-weight-bold)}.welcome-hero__subtitle{font-size: var(--font-size-xl);opacity: 0.95;font-weight: var(--font-weight-light)}.challenge-rules{background: var(--color-surface);padding: var(--spacing-10);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md)}.challenge-rules__title{color: var(--color-text-primary);margin-bottom: var(--spacing-8);font-weight: var(--font-weight-semibold);font-size: var(--font-size-3xl);text-align: center}.challenge-rules__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-6)}.rule-card{background: linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);padding: var(--spacing-8);border-radius: var(--border-radius-lg);border: 2px solid var(--color-border);transition: var(--transition-normal)}.rule-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg)}.rule-card__icon{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);text-align: center}.rule-card__icon i{color: var(--color-primary);transition: var(--transition-normal)}.rule-card:hover .rule-card__icon i{transform: scale(1.1)}.rule-card__title{color: var(--color-text-primary);margin-bottom: var(--spacing-3);font-weight: var(--font-weight-semibold);font-size: var(--font-size-xl)}.rule-card__description{color: var(--color-text-secondary);line-height: var(--line-height-relaxed);font-size: var(--font-size-sm)}.rule-card__description strong{color: var(--color-primary)}.challenge-cta{background: linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);padding: var(--spacing-12) var(--spacing-10);border-radius: var(--border-radius-xl);color: var(--color-white);text-align: center;box-shadow: var(--shadow-xl)}.challenge-cta__title{font-size: var(--font-size-3xl);margin-bottom: var(--spacing-4);font-weight: var(--font-weight-bold)}.challenge-cta__description{font-size: var(--font-size-lg);margin-bottom: var(--spacing-8);opacity: 0.95}.challenge-cta__capital-notice{background: color-mix(in srgb,var(--color-surface) 20%,transparent);padding: var(--spacing-5);border-radius: var(--border-radius-lg);margin-bottom: var(--spacing-6);font-size: var(--font-size-lg);line-height: var(--line-height-relaxed)}.challenge-cta__capital-notice strong{font-size: var(--font-size-xl);display: block;margin-bottom: var(--spacing-2)}.challenge-cta__capital-notice small{display: block;margin-top: var(--spacing-2);font-size: var(--font-size-sm);opacity: 0.9}.challenge-cta__form{max-width: 500px;margin: 0 auto;background: color-mix(in srgb,var(--color-surface) 15%,transparent);padding: var(--spacing-8);border-radius: var(--border-radius-lg);backdrop-filter: blur(10px)}.holdings-list{display: flex;flex-wrap: wrap;align-items: center;gap: 0}.holding-link{color: var(--color-info-text);text-decoration: none;font-weight: var(--font-weight-medium);transition: all var(--transition-fast);padding: var(--spacing-1) var(--spacing-1);border-radius: var(--border-radius-sm)}.holding-link:hover{color: var(--color-info-text);background-color: var(--color-info-light);text-decoration: underline}.holding-item{color: var(--color-text-primary);font-weight: var(--font-weight-medium)}.holding-separator{color: var(--color-text-tertiary);margin: 0 var(--spacing-1)}.holdings-extra{color: var(--color-text-secondary);font-style: italic;font-size: var(--font-size-sm);margin-left: var(--spacing-1)}.no-holdings{color: var(--color-text-tertiary);font-style: italic}.ranking-table__td--holdings{max-width: 300px}@media (max-width: 768px){.welcome-hero{padding: var(--spacing-10) var(--spacing-4)}.welcome-hero__title{font-size: var(--font-size-3xl)}.welcome-hero__subtitle{font-size: var(--font-size-base)}.challenge-rules{padding: var(--spacing-6) var(--spacing-4)}.challenge-rules__grid{grid-template-columns: 1fr}.challenge-cta{padding: var(--spacing-8) var(--spacing-5)}.challenge-cta__title{font-size: var(--font-size-2xl)}.ranking-table__td--holdings{max-width: 200px}}@media (max-width: 640px){.holdings-list{flex-direction: column;align-items: flex-start}.holding-separator{display: none}}.personal-data-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5) var(--spacing-10);min-height: 100vh}.personal-data-page__hero{position: relative;background: linear-gradient(135deg,var(--color-info-hover),var(--color-info-hover));border-radius: var(--border-radius-lg);margin-bottom: var(--spacing-8);overflow: hidden;box-shadow: var(--shadow-lg)}.personal-data-page__hero-background{position: absolute;inset: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23ffffff"></path></svg>') no-repeat bottom;background-size: cover;opacity: 0.1}.personal-data-page__hero-content{position: relative;text-align: center;padding: var(--spacing-12) var(--spacing-6);color: var(--color-text-inverse)}.personal-data-page__hero-icon{width: 80px;height: 80px;margin: 0 auto var(--spacing-5);background: color-mix(in srgb,var(--color-surface) 15%,transparent);border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-4xl);backdrop-filter: blur(10px);box-shadow: var(--shadow-2xl)}.personal-data-page__title{font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-2) 0;color: var(--color-text-inverse);text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 10%,transparent)}.personal-data-page__subtitle{font-size: var(--font-size-lg);margin: 0;color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent);font-weight: var(--font-weight-normal)}.personal-data-page__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: var(--spacing-6);margin-bottom: var(--spacing-8)}.personal-data-page__card{background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);box-shadow: var(--shadow-md);overflow: hidden;transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.personal-data-page__card:hover{box-shadow: var(--shadow-lg);transform: translateY(-2px)}.personal-data-page__card--full-width{grid-column: 1 / -1}.personal-data-page__card-header{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-gray-100));border-bottom: 1px solid var(--color-border)}.personal-data-page__card-icon{width: 56px;height: 56px;border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);flex-shrink: 0;color: var(--color-text-inverse);box-shadow: var(--shadow-md)}.personal-data-page__card-icon--account{background: linear-gradient(135deg,var(--color-info),var(--color-info-hover))}.personal-data-page__card-icon--privacy{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover))}.personal-data-page__card-icon--actions{background: linear-gradient(135deg,var(--color-warning),var(--color-warning-hover))}.personal-data-page__card-icon--rgpd{background: linear-gradient(135deg,var(--color-info-hover),var(--color-info-hover))}.personal-data-page__card-title{flex: 1}.personal-data-page__card-title h3{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.personal-data-page__card-title p{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.personal-data-page__card-body{padding: var(--spacing-6)}.personal-data-page__info-list{display: flex;flex-direction: column;gap: var(--spacing-4)}.personal-data-page__info-item{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-3);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.personal-data-page__info-label{display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.personal-data-page__info-label i{color: var(--color-primary)}.personal-data-page__info-value{font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.personal-data-page__privacy-notice{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4);background: color-mix(in srgb,var(--color-success) 10%,transparent);border: 1px solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-4);font-size: var(--font-size-sm);color: var(--color-success-text);line-height: var(--line-height-relaxed)}.personal-data-page__privacy-notice i{color: var(--color-success-text);flex-shrink: 0;font-size: var(--font-size-xl);margin-top: var(--spacing-0-5)}.personal-data-page__privacy-link{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-3) var(--spacing-4);background: var(--color-surface);color: var(--color-primary);text-decoration: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);border: 2px solid var(--color-primary);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.personal-data-page__privacy-link:hover{background: var(--color-primary);color: var(--color-text-inverse);text-decoration: none;transform: translateY(-1px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.personal-data-page__action-description{margin: 0 0 var(--spacing-5) 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: var(--line-height-relaxed)}.personal-data-page__action-buttons{display: flex;flex-direction: column;gap: var(--spacing-5)}.personal-data-page__action-buttons form{margin: 0}.personal-data-page__delete-section{display: flex;flex-direction: column;gap: var(--spacing-3)}.personal-data-page__warning-box{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-3);background: color-mix(in srgb,var(--color-danger) 10%,transparent);border: 1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);color: var(--color-danger-text)}.personal-data-page__warning-box i{color: var(--color-danger-text);flex-shrink: 0;margin-top: var(--spacing-0-5)}.personal-data-page__rights-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--spacing-5)}.personal-data-page__right-item{display: flex;gap: var(--spacing-4);padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.personal-data-page__right-item:hover{background: var(--color-surface);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.personal-data-page__right-icon{width: 48px;height: 48px;border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xl);flex-shrink: 0;color: var(--color-text-inverse)}.personal-data-page__right-icon--access{background: linear-gradient(135deg,var(--color-info),var(--color-info-hover))}.personal-data-page__right-icon--edit{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover))}.personal-data-page__right-icon--delete{background: linear-gradient(135deg,var(--color-danger),var(--color-danger-hover))}.personal-data-page__right-icon--portability{background: linear-gradient(135deg,var(--color-warning),var(--color-warning-hover))}.personal-data-page__right-icon--contact{background: linear-gradient(135deg,var(--color-info-hover),var(--color-info-hover))}.personal-data-page__right-content{flex: 1}.personal-data-page__right-content h4{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.personal-data-page__right-content p{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-normal)}.personal-data-page__right-content a{color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium)}.personal-data-page__right-content a:hover{text-decoration: underline}@media (max-width: 1024px){.personal-data-page__grid{grid-template-columns: 1fr}}@media (max-width: 768px){.personal-data-page{padding: 0 var(--spacing-3) var(--spacing-8)}.personal-data-page__hero{border-radius: var(--border-radius-md)}.personal-data-page__hero-content{padding: var(--spacing-8) var(--spacing-4)}.personal-data-page__hero-icon{width: 64px;height: 64px;font-size: var(--font-size-3xl)}.personal-data-page__title{font-size: var(--font-size-3xl)}.personal-data-page__subtitle{font-size: var(--font-size-base)}.personal-data-page__grid{gap: var(--spacing-4);margin-bottom: var(--spacing-6)}.personal-data-page__card-header{padding: var(--spacing-5)}.personal-data-page__card-icon{width: 48px;height: 48px;font-size: var(--font-size-xl)}.personal-data-page__card-body{padding: var(--spacing-5)}.personal-data-page__info-item{flex-direction: column;align-items: flex-start;gap: var(--spacing-2)}.personal-data-page__rights-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.personal-data-page__title{font-size: var(--font-size-2xl)}.personal-data-page__card-title h3{font-size: var(--font-size-lg)}}.rooms-home-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.rooms-home-page__categories-list{display: flex;flex-direction: column;gap: var(--spacing-3);padding: var(--spacing-6) 0}.rooms-home-page__loading,.rooms-home-page__empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-5);text-align: center;grid-column: 1 / -1}.rooms-home-page__spinner{width: 40px;height: 40px;border: 4px solid var(--color-border);border-top: 4px solid var(--color-info);border-radius: var(--border-radius-full);animation: spin 1s linear infinite;margin-bottom: var(--spacing-4)}.rooms-home-page__empty-icon{font-size: var(--font-size-5xl);color: var(--color-text-tertiary);margin-bottom: var(--spacing-4);opacity: 0.5}.rooms-home-page__empty h3{margin: 0 0 var(--spacing-3) 0;color: var(--color-text-primary);font-size: var(--font-size-2xl)}.rooms-home-page__empty p{margin: 0 0 var(--spacing-6) 0;color: var(--color-text-secondary)}@media (max-width: 768px){.rooms-home-page__categories-list{padding: var(--spacing-4) 0}}.rooms-home-page__create-label--short{display: none}@media (max-width: 640px){.rooms-home-page__create-label{display: none}.rooms-home-page__create-label--short{display: inline}}.momentum-screener{padding: var(--spacing-8);max-width: 1600px;margin: 0 auto}@media (max-width: 768px){.momentum-screener{padding: var(--spacing-4)}}.documents-page__header-actions{display: flex;justify-content: flex-end;margin-bottom: var(--spacing-4);gap: var(--spacing-5)}.documents-page__search-input:focus{box-shadow: 0 0 0 2px var(--color-info);border-color: var(--color-info)}.documents-page__link:hover{text-decoration: underline}.documents-page__document-list{list-style: none;margin: 0;padding: 0}.documents-page__document-item{transition: background-color var(--transition-fast),box-shadow var(--transition-fast);border-radius: var(--border-radius-md);padding: var(--spacing-3) var(--spacing-4);position: relative}.documents-page__document-item:hover{background-color: var(--color-gray-100);box-shadow: var(--shadow-md);cursor: pointer}.documents-page__document-item::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 4px;background-color: var(--color-info);border-top-left-radius: var(--border-radius-md);border-bottom-left-radius: var(--border-radius-md);opacity: 0;transition: opacity var(--transition-fast)}.documents-page__document-item:hover::before{opacity: 1}.scraper-logs-page{padding: var(--spacing-5);max-width: var(--page-max-width);margin: 0 auto}.scraper-logs-page__header{margin-bottom: var(--spacing-8)}.scraper-logs-page__header h1{font-size: var(--font-size-3xl);margin: 0 0 var(--spacing-2) 0;color: var(--color-text-primary)}.scraper-logs-page__header h1 i{margin-right: var(--spacing-2)}.scraper-logs-page__subtitle{color: var(--color-text-secondary);margin: 0}.scraper-logs-page__breadcrumb{margin-top: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm)}.scraper-logs-page__breadcrumb-link{color: var(--color-info-text);text-decoration: none;display: flex;align-items: center;gap: var(--spacing-2);transition: var(--transition-fast)}.scraper-logs-page__breadcrumb-link:hover{color: var(--color-info-dark);text-decoration: underline}.scraper-logs-page__breadcrumb-separator{color: var(--color-gray-400);font-weight: var(--font-weight-bold)}.scraper-logs-page__breadcrumb-current{color: var(--color-text-secondary);display: flex;align-items: center;gap: var(--spacing-2)}.scraper-logs-page__breadcrumb-current strong{color: var(--color-text-primary);background: var(--color-surface-tertiary);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-weight: var(--font-weight-semibold)}.scraper-logs-page__filters{display: flex;gap: var(--spacing-4);margin-bottom: var(--spacing-5);flex-wrap: wrap}.scraper-logs-page__filter-select{padding: var(--spacing-2) var(--spacing-4);border: 1px solid var(--color-border-dark);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);background: var(--color-surface);cursor: pointer;transition: var(--transition-fast)}.scraper-logs-page__filter-select:focus{outline: none;border-color: var(--color-info);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.scraper-logs-page__btn-refresh{padding: var(--spacing-2) var(--spacing-5);background: var(--color-info);color: var(--color-white);border: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-semibold);cursor: pointer;transition: var(--transition-fast)}.scraper-logs-page__btn-refresh:hover{background: var(--color-info-dark)}.scraper-logs-page__btn-refresh i{margin-right: var(--spacing-2)}.scraper-logs-page__btn-clear-filters{padding: var(--spacing-2) var(--spacing-5);background: var(--color-danger);color: var(--color-white);border: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-semibold);cursor: pointer;transition: var(--transition-fast)}.scraper-logs-page__btn-clear-filters:hover{background: var(--color-danger-dark)}.scraper-logs-page__btn-clear-filters i{margin-right: var(--spacing-2)}.scraper-logs-page__table-container{background: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);overflow: hidden}.scraper-logs-page__table{width: 100%;border-collapse: collapse}.scraper-logs-page__table thead{background: var(--color-gray-50)}.scraper-logs-page__table th{padding: var(--spacing-4);text-align: left;font-weight: var(--font-weight-semibold);color: var(--color-text-primary);border-bottom: 2px solid var(--color-border)}.scraper-logs-page__table td{padding: var(--spacing-3) var(--spacing-4);border-bottom: 1px solid var(--color-gray-100)}.scraper-logs-page__table tbody tr:hover{background: var(--color-gray-50)}.scraper-logs-page__table-row--success{background: color-mix(in srgb,var(--color-success) 5%,transparent)}.scraper-logs-page__table-row--error{background: color-mix(in srgb,var(--color-danger) 5%,transparent)}.scraper-logs-page__table-row--running{background: color-mix(in srgb,var(--color-warning) 5%,transparent)}.scraper-logs-page__table-row--warning{background: color-mix(in srgb,var(--color-warning) 5%,transparent)}.scraper-logs-page__type-badge{display: inline-block;padding: var(--spacing-1) var(--spacing-3);background: var(--color-surface-tertiary);color: var(--color-primary-dark);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.scraper-logs-page__status-badge{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.scraper-logs-page__status-badge--success{background: var(--color-surface);color: var(--color-success-text)}.scraper-logs-page__status-badge--partialsuccess{background: var(--color-warning-light);color: var(--color-warning-text)}.scraper-logs-page__status-badge--failed{background: var(--color-border-light);color: var(--color-danger-text)}.scraper-logs-page__status-badge--running{background: var(--color-surface);color: var(--color-warning-text)}.scraper-logs-page__status-badge--cancelled{background: var(--color-gray-100);color: var(--color-text-primary)}.scraper-logs-page__number-cell{text-align: right;font-family: var(--font-mono)}.scraper-logs-page__number-cell--has-errors{color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.scraper-logs-page__running-duration{color: var(--color-warning-text);font-style: italic}.scraper-logs-page__btn-details{padding: var(--spacing-2) var(--spacing-3);background: var(--color-gray-100);border: none;border-radius: var(--border-radius-md);font-size: var(--font-size-sm);cursor: pointer;transition: var(--transition-fast)}.scraper-logs-page__btn-details:hover{background: var(--color-border)}.scraper-logs-page__btn-details i{margin-right: var(--spacing-2)}.scraper-logs-page__modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-black) 50%,transparent);display: flex;align-items: center;justify-content: center;z-index: var(--z-index-dropdown);padding: var(--spacing-5)}.scraper-logs-page__modal-content{background: var(--color-surface);border-radius: var(--border-radius-lg);max-width: 800px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: var(--shadow-2xl)}.scraper-logs-page__modal-header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-5) var(--spacing-6);border-bottom: 1px solid var(--color-border)}.scraper-logs-page__modal-header h2{margin: 0;font-size: var(--font-size-2xl);color: var(--color-text-primary)}.scraper-logs-page__btn-close{background: none;border: none;font-size: var(--font-size-xl);cursor: pointer;color: var(--color-text-secondary);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: var(--border-radius-md);transition: var(--transition-fast)}.scraper-logs-page__btn-close:hover{background: var(--color-gray-100)}.scraper-logs-page__modal-body{padding: var(--spacing-6)}.scraper-logs-page__detail-section{margin-bottom: var(--spacing-6)}.scraper-logs-page__detail-section h4{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-primary);font-size: var(--font-size-lg)}.scraper-logs-page__detail-section dl{display: grid;grid-template-columns: auto 1fr;gap: var(--spacing-3) var(--spacing-5);margin: 0}.scraper-logs-page__detail-section dt{font-weight: var(--font-weight-semibold);color: var(--color-text-secondary)}.scraper-logs-page__detail-section dd{margin: 0;color: var(--color-text-primary)}.scraper-logs-page__detail-section--error{background: var(--color-border-light);padding: var(--spacing-4);border-radius: var(--border-radius-md);border-left: 4px solid var(--color-danger)}.scraper-logs-page__error-details,.scraper-logs-page__execution-details{background: var(--color-gray-50);padding: var(--spacing-4);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);overflow-x: auto;margin: 0;white-space: pre-wrap;word-break: break-word}.scraper-logs-page__modal-footer{padding: var(--spacing-4) var(--spacing-6);border-top: 1px solid var(--color-border);display: flex;justify-content: flex-end}.scraper-logs-page__btn-primary{padding: var(--spacing-2) var(--spacing-5);background: var(--color-info);color: var(--color-white);border: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-semibold);cursor: pointer;transition: var(--transition-fast)}.scraper-logs-page__btn-primary:hover{background: var(--color-info-dark)}.scraper-logs-page__empty{text-align: center;padding: var(--spacing-10) var(--spacing-5);background: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md)}.scraper-logs-page__empty-icon{font-size: var(--font-size-6xl);margin-bottom: var(--spacing-5);color: var(--color-gray-400)}.scraper-logs-page__empty h3{color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.scraper-logs-page__empty p{color: var(--color-text-secondary);margin: 0}.scraper-logs-page__loading{text-align: center;padding: var(--spacing-10) var(--spacing-5)}.scraper-logs-page__spinner{border: 4px solid var(--color-gray-100);border-top: 4px solid var(--color-info);border-radius: 50%;width: 50px;height: 50px;animation: scraper-logs-page-spin 1s linear infinite;margin: 0 auto var(--spacing-5)}@keyframes scraper-logs-page-spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.scraper-logs-page__no-results{text-align: center;padding: var(--spacing-8) var(--spacing-5);background: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);margin-top: var(--spacing-5)}.scraper-logs-page__no-results-icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-2);color: var(--color-text-secondary)}.scraper-logs-page__no-results h3{margin: 0 0 var(--spacing-2) 0;color: var(--color-text-primary);font-size: var(--font-size-xl)}.scraper-logs-page__no-results p{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-secondary);font-size: var(--font-size-sm)}.scraper-logs-page__text-muted{color: var(--color-gray-400);font-size: var(--font-size-sm)}.transaction-comment-settings{display: flex;flex-direction: column;gap: var(--spacing-5)}.transaction-comment-settings__card{border: 1px solid var(--color-border);border-radius: var(--border-radius-md);box-shadow: var(--shadow-md)}.transaction-comment-settings__card-header{background: var(--color-gray-50);border-bottom: 1px solid var(--color-border);padding: var(--spacing-4) var(--spacing-5)}.transaction-comment-settings__card-header h5{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-lg)}.transaction-comment-settings__card-body{padding: var(--spacing-5)}.transaction-comment-settings__status-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-5)}.transaction-comment-settings__status-item{display: flex;flex-direction: column;gap: var(--spacing-2)}.transaction-comment-settings__status-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.transaction-comment-settings__status-value{font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}.transaction-comment-settings__badge{padding: var(--spacing-2) var(--spacing-3);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);display: inline-flex;align-items: center;gap: var(--spacing-2)}.transaction-comment-settings__badge--success{background-color: var(--color-success);color: var(--color-white)}.transaction-comment-settings__badge--danger{background-color: var(--color-danger);color: var(--color-white)}.transaction-comment-settings__form-check-label strong{font-size: var(--font-size-lg)}.transaction-comment-settings__template-preview{min-height: 50px;overflow-x: auto}.transaction-comment-settings__template-preview a{pointer-events: none;cursor: default}.transaction-comment-settings__font-monospace{font-family: var(--font-mono);font-size: var(--font-size-sm)}@media (max-width: 768px){.transaction-comment-settings__status-grid{grid-template-columns: 1fr}}.manage-categories__form{background: var(--color-gray-50);border-radius: var(--border-radius-md);padding: var(--spacing-6);margin-bottom: var(--spacing-8)}.manage-categories__form h3{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-4) 0}.manage-categories__form-grid{display: flex;gap: var(--spacing-4);flex-wrap: wrap}.manage-categories__form-field{display: flex;flex-direction: column;gap: var(--spacing-2)}.manage-categories__form-field:nth-child(1){flex: 1;min-width: 200px}.manage-categories__form-field:nth-child(2){flex: 2;min-width: 300px}.manage-categories__form-field:nth-child(3){width: 150px}.manage-categories__form-field label{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-sm)}.manage-categories__button-group{display: flex;gap: var(--spacing-3);flex-wrap: wrap;margin-top: var(--spacing-4)}.manage-categories__section{margin-bottom: var(--spacing-8)}.manage-categories__section h3{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-4) 0}.manage-categories__empty{text-align: center;padding: var(--spacing-10) var(--spacing-6);color: var(--color-text-secondary)}.manage-categories__empty i{margin-bottom: var(--spacing-4);opacity: 0.5;color: var(--color-gray-400)}.manage-categories__empty p{margin: var(--spacing-2) 0}.manage-categories__empty p:first-of-type{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.manage-categories__list{display: flex;flex-direction: column;gap: var(--spacing-3)}.manage-categories__card{display: flex;align-items: center;justify-content: space-between;background: var(--color-gray-50);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);padding: var(--spacing-4);gap: var(--spacing-4);transition: var(--transition-fast)}.manage-categories__card:hover{box-shadow: var(--shadow-md)}.manage-categories__card-info{flex: 1}.manage-categories__card-header{display: flex;align-items: center;gap: var(--spacing-3);margin-bottom: var(--spacing-1)}.manage-categories__card-order{background: var(--color-primary);color: var(--color-white);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.manage-categories__card-header h4{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.manage-categories__rooms-count{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin-left: auto}.manage-categories__card-description{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: var(--spacing-2) 0 0 0}.manage-categories__card-actions{display: flex;gap: var(--spacing-2)}.manage-categories__help{background: var(--color-surface-secondary);border: 1px solid var(--color-primary-light);border-radius: var(--border-radius-md);padding: var(--spacing-5)}.manage-categories__help h3{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-primary-dark);margin: 0 0 var(--spacing-3) 0}.manage-categories__help ul{margin: 0;padding-left: var(--spacing-6);color: var(--color-primary-dark)}.manage-categories__help li{margin: var(--spacing-2) 0;line-height: 1.5}@media (max-width: 768px){.manage-categories__form-grid{flex-direction: column}.manage-categories__form-field:nth-child(1),.manage-categories__form-field:nth-child(2),.manage-categories__form-field:nth-child(3){width: 100%;min-width: 0;flex: none}.manage-categories__card{flex-direction: column;align-items: stretch}.manage-categories__card-actions{width: 100%;justify-content: flex-end}}.m-0{margin: 0!important}.m-1{margin: var(--spacing-1)!important}.m-2{margin: var(--spacing-2)!important}.m-3{margin: var(--spacing-3)!important}.m-4{margin: var(--spacing-4)!important}.m-5{margin: var(--spacing-5)!important}.m-6{margin: var(--spacing-6)!important}.m-8{margin: var(--spacing-8)!important}.m-10{margin: var(--spacing-10)!important}.m-12{margin: var(--spacing-12)!important}.mt-0{margin-top: 0!important}.mt-1{margin-top: var(--spacing-1)!important}.mt-2{margin-top: var(--spacing-2)!important}.mt-3{margin-top: var(--spacing-3)!important}.mt-4{margin-top: var(--spacing-4)!important}.mt-5{margin-top: var(--spacing-5)!important}.mt-6{margin-top: var(--spacing-6)!important}.mt-8{margin-top: var(--spacing-8)!important}.mb-0{margin-bottom: 0!important}.mb-1{margin-bottom: var(--spacing-1)!important}.mb-2{margin-bottom: var(--spacing-2)!important}.mb-3{margin-bottom: var(--spacing-3)!important}.mb-4{margin-bottom: var(--spacing-4)!important}.mb-5{margin-bottom: var(--spacing-5)!important}.mb-6{margin-bottom: var(--spacing-6)!important}.mb-8{margin-bottom: var(--spacing-8)!important}.ml-0{margin-left: 0!important}.ml-1{margin-left: var(--spacing-1)!important}.ml-2{margin-left: var(--spacing-2)!important}.ml-3{margin-left: var(--spacing-3)!important}.ml-4{margin-left: var(--spacing-4)!important}.ml-auto{margin-left: auto!important}.mr-0{margin-right: 0!important}.mr-1{margin-right: var(--spacing-1)!important}.mr-2{margin-right: var(--spacing-2)!important}.mr-3{margin-right: var(--spacing-3)!important}.mr-4{margin-right: var(--spacing-4)!important}.mr-auto{margin-right: auto!important}.mx-auto{margin-left: auto!important;margin-right: auto!important}.p-0{padding: 0!important}.p-1{padding: var(--spacing-1)!important}.p-2{padding: var(--spacing-2)!important}.p-3{padding: var(--spacing-3)!important}.p-4{padding: var(--spacing-4)!important}.p-5{padding: var(--spacing-5)!important}.p-6{padding: var(--spacing-6)!important}.p-8{padding: var(--spacing-8)!important}.pt-0{padding-top: 0!important}.pt-1{padding-top: var(--spacing-1)!important}.pt-2{padding-top: var(--spacing-2)!important}.pt-3{padding-top: var(--spacing-3)!important}.pt-4{padding-top: var(--spacing-4)!important}.pt-6{padding-top: var(--spacing-6)!important}.pt-8{padding-top: var(--spacing-8)!important}.pb-0{padding-bottom: 0!important}.pb-1{padding-bottom: var(--spacing-1)!important}.pb-2{padding-bottom: var(--spacing-2)!important}.pb-3{padding-bottom: var(--spacing-3)!important}.pb-4{padding-bottom: var(--spacing-4)!important}.pb-6{padding-bottom: var(--spacing-6)!important}.pb-8{padding-bottom: var(--spacing-8)!important}.px-0{padding-left: 0!important;padding-right: 0!important}.px-2{padding-left: var(--spacing-2)!important;padding-right: var(--spacing-2)!important}.px-4{padding-left: var(--spacing-4)!important;padding-right: var(--spacing-4)!important}.px-6{padding-left: var(--spacing-6)!important;padding-right: var(--spacing-6)!important}.py-0{padding-top: 0!important;padding-bottom: 0!important}.py-2{padding-top: var(--spacing-2)!important;padding-bottom: var(--spacing-2)!important}.py-4{padding-top: var(--spacing-4)!important;padding-bottom: var(--spacing-4)!important}.py-6{padding-top: var(--spacing-6)!important;padding-bottom: var(--spacing-6)!important}.text-primary{color: var(--color-primary)!important}.text-success{color: var(--color-success-text)!important}.text-warning{color: var(--color-warning-text)!important}.text-danger{color: var(--color-danger-text)!important}.text-info{color: var(--color-info-text)!important}.text-white{color: var(--color-white)!important}.text-black{color: var(--color-black)!important}.text-gray-50{color: var(--color-gray-50)!important}.text-gray-100{color: var(--color-gray-100)!important}.text-gray-200{color: var(--color-gray-200)!important}.text-gray-300{color: var(--color-gray-300)!important}.text-gray-400{color: var(--color-gray-400)!important}.text-gray-500{color: var(--color-gray-500)!important}.text-gray-600{color: var(--color-gray-600)!important}.text-gray-700{color: var(--color-gray-700)!important}.text-gray-800{color: var(--color-gray-800)!important}.text-gray-900{color: var(--color-gray-900)!important}.bg-primary{background-color: var(--color-primary)!important}.bg-success{background-color: var(--color-success)!important}.bg-warning{background-color: var(--color-warning)!important}.bg-danger{background-color: var(--color-danger)!important}.bg-info{background-color: var(--color-info)!important}.bg-white{background-color: var(--color-white)!important}.bg-black{background-color: var(--color-black)!important}.bg-gray-50{background-color: var(--color-gray-50)!important}.bg-gray-100{background-color: var(--color-gray-100)!important}.bg-gray-200{background-color: var(--color-gray-200)!important}.bg-transparent{background-color: transparent!important}.border-primary{border-color: var(--color-primary)!important}.border-success{border-color: var(--color-success)!important}.border-warning{border-color: var(--color-warning)!important}.border-danger{border-color: var(--color-danger)!important}.border-info{border-color: var(--color-info)!important}.border-gray-200{border-color: var(--color-gray-200)!important}.border-gray-300{border-color: var(--color-gray-300)!important}.text-xs{font-size: var(--font-size-xs)!important}.text-sm{font-size: var(--font-size-sm)!important}.text-base{font-size: var(--font-size-base)!important}.text-lg{font-size: var(--font-size-lg)!important}.text-xl{font-size: var(--font-size-xl)!important}.text-2xl{font-size: var(--font-size-2xl)!important}.text-3xl{font-size: var(--font-size-3xl)!important}.text-4xl{font-size: var(--font-size-4xl)!important}.font-light{font-weight: var(--font-weight-light)!important}.font-normal{font-weight: var(--font-weight-normal)!important}.font-medium{font-weight: var(--font-weight-medium)!important}.font-semibold{font-weight: var(--font-weight-semibold)!important}.font-bold{font-weight: var(--font-weight-bold)!important}.text-left{text-align: left!important}.text-center{text-align: center!important}.text-right{text-align: right!important}.text-justify{text-align: justify!important}.uppercase{text-transform: uppercase!important}.lowercase{text-transform: lowercase!important}.capitalize{text-transform: capitalize!important}.underline{text-decoration: underline!important}.line-through{text-decoration: line-through!important}.no-underline{text-decoration: none!important}.leading-tight{line-height: var(--line-height-tight)!important}.leading-normal{line-height: var(--line-height-normal)!important}.leading-relaxed{line-height: var(--line-height-relaxed)!important}.truncate{overflow: hidden!important;text-overflow: ellipsis!important;white-space: nowrap!important}.block{display: block!important}.inline{display: inline!important}.inline-block{display: inline-block!important}.flex{display: flex!important}.inline-flex{display: inline-flex!important}.grid{display: grid!important}.hidden{display: none!important}.flex-row{flex-direction: row!important}.flex-col{flex-direction: column!important}.flex-wrap{flex-wrap: wrap!important}.flex-1{flex: 1 1 0%!important;min-width: 0}.shrink-0{flex-shrink: 0!important}.items-start{align-items: flex-start!important}.items-center{align-items: center!important}.items-end{align-items: flex-end!important}.justify-start{justify-content: flex-start!important}.justify-center{justify-content: center!important}.justify-end{justify-content: flex-end!important}.justify-between{justify-content: space-between!important}.gap-1{gap: var(--spacing-1)!important}.gap-2{gap: var(--spacing-2)!important}.gap-3{gap: var(--spacing-3)!important}.gap-4{gap: var(--spacing-4)!important}.gap-6{gap: var(--spacing-6)!important}.cols-2,.cols-3,.cols-4{display: grid;gap: var(--spacing-4);grid-template-columns: minmax(0,1fr)}@media (min-width: 768px){.cols-2{grid-template-columns: repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns: repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cols-4{grid-template-columns: repeat(4,minmax(0,1fr))}}.col-span-full{grid-column: 1 / -1}.w-full{width: 100%!important}.h-full{height: 100%!important}.relative{position: relative!important}.absolute{position: absolute!important}.border{border: 1px solid var(--color-border)!important}.border-t{border-top: 1px solid var(--color-border)!important}.border-b{border-bottom: 1px solid var(--color-border)!important}.border-0{border: 0!important}.rounded{border-radius: var(--border-radius-md)!important}.rounded-full{border-radius: var(--border-radius-full)!important}.text-muted{color: var(--color-text-secondary)!important}.sr-only{position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;border: 0!important}.page-layout{background-color: var(--page-layout-color-bg);min-height: 100vh;padding: 0;box-sizing: border-box}.page-layout__container{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5);width: 100%;box-sizing: border-box}.page-layout__header-card{background-color: var(--color-surface);padding: var(--spacing-4) var(--spacing-6);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-4)}.page-layout__header-content{display: flex;justify-content: space-between;align-items: center}.page-layout__header-left{display: flex;align-items: center;gap: var(--spacing-4)}.page-layout__title{margin: 0;color: var(--color-gray-800);font-size: var(--font-size-3xl);font-weight: 700}.page-layout__subtitle{color: var(--color-gray-500);margin-top: var(--spacing-1);font-size: var(--font-size-base)}.page-header-actions{display: flex;justify-content: flex-end;margin-bottom: var(--spacing-4);gap: var(--spacing-5)}.page-actions{display: flex;align-items: center;gap: var(--spacing-2)}@media (max-width: 768px){.page-layout{padding: 0}.page-layout__container{padding: 0 var(--spacing-3)}.page-layout__header-card{padding: var(--spacing-3) var(--spacing-4)}.page-layout__header-content{flex-direction: column;gap: var(--spacing-3)}.page-layout__header-left{width: 100%;gap: var(--spacing-3)}.page-layout__title{font-size: var(--font-size-2xl)}}.topbar{position: fixed;top: 0;left: 0;right: 0;z-index: var(--topbar-z-index);background: var(--topbar-color-bg);border-bottom: 1px solid var(--topbar-color-border);box-shadow: var(--topbar-shadow);font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar__inner{display: flex;align-items: center;gap: var(--spacing-6);height: var(--topbar-height);max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.topbar__logo{cursor: pointer}.topbar__logo img{height: 36px;display: block}.topbar__nav-icon{font-size: var(--font-size-base);width: 1.25em;text-align: center;flex-shrink: 0}.topbar__nav{display: flex;gap: var(--spacing-2);flex: 1}.topbar__link{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2-5);border-radius: var(--topbar-border-radius);color: var(--topbar-color-text);font-size: var(--font-size-sm);font-weight: 500;text-decoration: none;transition: var(--topbar-transition)}.topbar__link:hover{background: var(--topbar-color-hover-bg);color: var(--color-primary);text-decoration: none}.topbar__link.active{background: var(--topbar-color-active-bg);color: var(--color-primary);font-weight: 600;border-bottom: 2px solid var(--color-primary);padding-bottom: var(--spacing-2);border-radius: var(--topbar-border-radius) var(--topbar-border-radius) 0 0}.topbar__link--challenge{position: relative;color: var(--color-warning-text)}.topbar__link--challenge:hover{background: color-mix(in srgb,var(--color-warning) 10%,transparent);color: var(--color-warning-hover)}.topbar__link--challenge.active{background: linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 15%,transparent) 0%,color-mix(in srgb,var(--color-warning-hover) 15%,transparent) 100%);color: var(--color-warning-hover);border-bottom: 2px solid var(--color-warning);padding-bottom: var(--spacing-2);border-radius: var(--topbar-border-radius) var(--topbar-border-radius) 0 0}.topbar__link--challenge i{animation: trophy-pulse 2s ease-in-out infinite}@keyframes trophy-pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}.topbar__actions{display: flex;align-items: center;gap: var(--spacing-4)}.topbar__search{position: relative}.topbar__search-input{width: 220px;padding: var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);border: 1px solid var(--topbar-color-border);border-radius: var(--topbar-border-radius-pill);background: var(--topbar-color-search-bg);font-size: var(--font-size-xs);transition: var(--topbar-transition-fast)}.topbar__search-input:focus{outline: none;background: var(--topbar-color-bg);border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.topbar__search-button{position: absolute;top: 50%;right: 6px;transform: translateY(-50%);background: none;border: none;color: var(--topbar-color-text);cursor: pointer;font-size: var(--font-size-sm);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);transition: var(--topbar-transition)}.topbar__search-button:hover{color: var(--color-primary)}.topbar__icon-btn{position: relative;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: none;background: none;color: var(--topbar-color-text);border-radius: var(--topbar-border-radius);cursor: pointer;transition: var(--topbar-transition-fast)}.topbar__icon-btn:hover{background: var(--topbar-color-hover-bg);color: var(--color-primary)}.topbar__icon-btn-badge{position: absolute;top: 2px;right: 2px;background: var(--color-danger);color: var(--color-text-inverse);font-size: var(--font-size-xs);font-weight: 600;padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--border-radius-lg);line-height: 1}.topbar__user{position: relative;display: flex;align-items: center;gap: var(--spacing-2)}.topbar__avatar{width: 36px;height: 36px;padding: 0;border: none;font-family: inherit;border-radius: 50%;background: var(--color-primary);color: var(--color-text-inverse);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xs);font-weight: 600;cursor: pointer;transition: var(--topbar-transition-fast)}.topbar__avatar:hover{background: var(--color-primary-dark)}.topbar__user-menu{position: absolute;top: 100%;right: 0;margin-top: var(--spacing-2);background: var(--topbar-color-bg);border: 1px solid var(--topbar-color-border);border-radius: var(--border-radius-lg);box-shadow: var(--topbar-shadow-menu);padding: var(--spacing-2) 0;min-width: 170px;z-index: var(--topbar-z-index-menu)}.topbar__user-menu-item{display: flex;align-items: center;gap: var(--spacing-2-5);padding: var(--spacing-2-5) var(--spacing-4);font-size: var(--font-size-sm);color: var(--topbar-color-text-dark);text-decoration: none;transition: var(--topbar-transition)}.topbar__user-menu-item:hover{background: var(--topbar-color-search-bg);color: var(--color-primary)}.topbar__logout-form{margin: 0}.topbar__logout-form button{width: 100%;border: none;background: none;font-family: inherit;text-align: left;cursor: pointer}.topbar__user-menu-divider{height: 1px;background: var(--topbar-color-border);margin: var(--spacing-1-5) var(--spacing-3)}.topbar__login-btn{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);background: var(--color-surface);color: var(--color-text-primary);border: 1px solid var(--color-border-dark);border-radius: var(--topbar-border-radius);font-size: var(--font-size-sm);font-weight: 500;text-decoration: none;transition: var(--topbar-transition-fast)}.topbar__login-btn:hover{background: var(--color-gray-100);color: var(--color-text-primary);text-decoration: none}.topbar__register-btn{display: flex;align-items: center;padding: var(--spacing-2) var(--spacing-4);background: var(--color-primary);color: var(--color-text-inverse);border-radius: var(--topbar-border-radius);font-size: var(--font-size-sm);font-weight: 600;text-decoration: none;transition: var(--topbar-transition-fast)}.topbar__register-btn:hover{background: var(--color-primary-dark);color: var(--color-text-inverse);text-decoration: none}@media (max-width: 640px){.topbar__register-btn{display: none}}.topbar__hamburger{display: none;width: 40px;height: 40px;align-items: center;justify-content: center;border: none;background: none;color: var(--topbar-color-text);border-radius: var(--topbar-border-radius);cursor: pointer;transition: var(--topbar-transition-fast)}.topbar__hamburger:hover{background: var(--topbar-color-hover-bg);color: var(--color-primary)}.mobile-drawer{position: fixed;inset: 0;background: color-mix(in srgb,var(--color-black) 35%,transparent);z-index: var(--topbar-z-index-drawer);display: flex;justify-content: flex-end}.mobile-drawer__panel{width: 280px;max-width: 80%;background: var(--topbar-color-bg);padding: var(--spacing-8) var(--spacing-5);display: flex;flex-direction: column;gap: var(--spacing-3);box-shadow: var(--shadow-lg);overflow-y: auto}.mobile-drawer__link{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-2-5) var(--spacing-1);color: var(--color-gray-800);text-decoration: none;font-weight: 500;font-size: var(--font-size-sm);border-radius: var(--topbar-border-radius);transition: var(--topbar-transition)}.mobile-drawer__link:hover{background: var(--topbar-color-search-bg);color: var(--color-primary)}.mobile-drawer__divider{height: 1px;background: var(--topbar-color-border);margin: var(--spacing-2) 0}@media (min-width: 769px) and (max-width: 1439.98px){.topbar__link span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}}@media (max-width: 768px){.topbar__nav{display: none}.topbar__search{display: none}.topbar__hamburger{display: flex}}.tools-layout{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}@media (max-width: 768px){.tools-layout{padding: 0 var(--spacing-4)}}.ai-report-frame{display: flex;flex-direction: column;gap: var(--spacing-2);width: 100%}.ai-report-frame__title{display: flex;align-items: center;gap: var(--spacing-2);margin: 0;font-size: var(--font-size-base);color: var(--color-text-secondary)}.ai-report-frame__frame{display: block;width: 100%;height: 85vh;min-height: 480px;border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-surface)}.autonomous-discussion-card{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-5);background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);cursor: pointer;transition: var(--transition-normal);box-shadow: var(--shadow-sm)}.autonomous-discussion-card:hover{background: var(--color-gray-50);border-color: var(--color-primary);transform: translateX(4px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 10%,transparent)}.autonomous-discussion-card__icon{width: var(--discussion-card-icon-size);height: var(--discussion-card-icon-size);background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;color: var(--color-white);font-size: var(--font-size-xl);flex-shrink: 0;overflow: hidden;position: relative}.autonomous-discussion-card__company-logo{width: 100%;height: 100%;object-fit: contain;background: var(--color-white);padding: var(--spacing-1)}.autonomous-discussion-card__company-logo.company-logo--fallback{display: flex;align-items: center;justify-content: center;padding: 0;background: var(--color-background-tertiary);color: var(--color-gray-400)}.autonomous-discussion-card__custom-logo{width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius-md)}.autonomous-discussion-card__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.autonomous-discussion-card__header{display: flex;align-items: center;gap: var(--spacing-3)}.autonomous-discussion-card__title{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.autonomous-discussion-card__ai-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);background: var(--color-info-light);color: var(--color-info-text);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);vertical-align: middle}.autonomous-discussion-card__private-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);background: var(--color-warning-light);color: var(--color-warning-text);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.autonomous-discussion-card__description{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: var(--line-height-normal);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.autonomous-discussion-card__meta{display: flex;flex-wrap: wrap;gap: var(--spacing-3);margin-top: var(--spacing-1)}.autonomous-discussion-card__meta-item{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-text-secondary)}.autonomous-discussion-card__meta-icon{color: var(--color-primary);font-size: var(--font-size-xs)}.autonomous-discussion-card__meta-item strong{color: var(--color-text-primary);font-weight: var(--font-weight-medium)}.autonomous-discussion-card__stats{display: flex;gap: var(--spacing-6);flex-shrink: 0;padding-left: var(--spacing-6);border-left: 1px solid var(--color-border);align-items: center}.autonomous-discussion-card__stat{display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 70px}.autonomous-discussion-card__stat-value{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-primary);line-height: var(--line-height-tight);margin-bottom: var(--spacing-1)}.autonomous-discussion-card__stat-value--likes{color: var(--color-danger-text)}.autonomous-discussion-card__stat-label{font-size: var(--font-size-xs);color: var(--color-text-secondary);text-transform: lowercase;display: flex;align-items: center;gap: var(--spacing-1)}.autonomous-discussion-card__stat-label-icon{color: var(--color-danger-text)}.autonomous-discussion-card__last-message{display: flex;align-items: center;gap: var(--spacing-3);min-width: 180px}.autonomous-discussion-card__last-message-details{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0}.autonomous-discussion-card__last-message-label{font-size: var(--font-size-xs);color: var(--color-text-tertiary);text-transform: uppercase;letter-spacing: 0.5px}.autonomous-discussion-card__last-message-author{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.autonomous-discussion-card__last-message-date{font-size: var(--font-size-xs);color: var(--color-text-tertiary)}@media (max-width: 1024px){.autonomous-discussion-card__stats{gap: var(--spacing-4);padding-left: var(--spacing-4)}.autonomous-discussion-card__stat{min-width: 60px}.autonomous-discussion-card__stat-value{font-size: var(--font-size-xl)}.autonomous-discussion-card__last-message{min-width: 150px}}@media (max-width: 768px){.autonomous-discussion-card{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-4)}.autonomous-discussion-card:hover{transform: translateY(-2px)}.autonomous-discussion-card__icon{width: 40px;height: 40px;font-size: var(--font-size-lg);align-self: flex-start}.autonomous-discussion-card__stats{border-left: none;border-top: 1px solid var(--color-border);padding-left: 0;padding-top: var(--spacing-4);flex-wrap: wrap;justify-content: space-between;gap: var(--spacing-3)}.autonomous-discussion-card__stat{min-width: auto;flex: 0 0 calc(33.333% - 8px)}.autonomous-discussion-card__last-message{min-width: auto;flex: 1 1 100%}.autonomous-discussion-card__meta-item{flex-direction: column;align-items: flex-start;gap: var(--spacing-1)}}.autonomous-discussion-card__link{display: inline-block;min-block-size: var(--spacing-6);color: inherit;text-decoration: none}.autonomous-discussion-card__link:hover,.autonomous-discussion-card__link:focus-visible{color: var(--color-primary);text-decoration: underline}.back-to-accounts-button{margin-bottom: var(--spacing-5);min-height: 48px}@media (max-width: 768px){.back-to-accounts-button{width: 100%;margin-bottom: var(--spacing-4)}}@media print{.back-to-accounts-button{display: none}}.bank-account-card{background: var(--color-surface);border-radius: var(--radius-lg);padding: var(--spacing-6);box-shadow: var(--shadow-md);border: 1px solid var(--color-gray-200);cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden}.bank-account-card::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--color-primary),var(--color-info-hover));transform: scaleX(0);transition: transform 0.3s ease}.bank-account-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.bank-account-card:hover::before{transform: scaleX(1)}.bank-account-card__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-5)}.bank-account-card__info h3{font-size: var(--font-size-xl);font-weight: 600;color: var(--text-primary);margin: 0 0 var(--spacing-4) 0}.bank-account-card__actions{display: flex;gap: var(--spacing-2)}.bank-account-card__content{margin-bottom: var(--spacing-5)}.bank-account-card__metrics{display: flex;flex-direction: column;gap: var(--spacing-3)}.bank-account-card__metric--primary{text-align: center;padding: var(--spacing-4);background: linear-gradient(135deg,var(--color-gray-50),var(--color-gray-200));border-radius: var(--radius-md);border: 1px solid var(--color-border)}.bank-account-card__metric--primary .bank-account-card__metric-value{font-size: var(--font-size-3xl);font-weight: 700;color: var(--text-primary)}.bank-account-card__metrics-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-3)}.bank-account-card__metric{text-align: center;padding: var(--spacing-3);background: var(--color-gray-50);border-radius: var(--radius-sm)}.bank-account-card__metric-label{font-size: var(--font-size-xs);color: var(--color-gray-500);font-weight: 500;margin-bottom: var(--spacing-1);text-transform: uppercase;letter-spacing: 0.05em}.bank-account-card__metric-value{font-size: var(--font-size-base);font-weight: 600;color: var(--text-primary)}.bank-account-card__metric-value--positive{color: var(--color-success-hover)}.bank-account-card__metric-value--negative{color: var(--color-danger-text)}@media (max-width: 640px){.bank-account-card__metrics-row{grid-template-columns: 1fr}.bank-account-card__metric--primary .bank-account-card__metric-value{font-size: var(--font-size-2xl)}}.breadcrumb{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-4);padding: 0}.breadcrumb__link{display: inline-flex;align-items: center;gap: var(--spacing-1-5);color: var(--color-primary);text-decoration: none;transition: color 0.2s ease}.breadcrumb__link:hover{color: var(--color-primary-dark);text-decoration: underline}.breadcrumb__link i{font-size: var(--font-size-sm)}.breadcrumb__separator{color: var(--color-text-tertiary);user-select: none}.breadcrumb__current{color: var(--color-text-primary);font-weight: 500}.breadcrumb__text{color: var(--color-text-secondary)}.category-card-linear{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-6);background: var(--color-white);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);cursor: pointer;transition: var(--transition-normal)}.category-card-linear:hover{background: var(--color-gray-50);border-color: var(--color-primary);transform: translateX(4px);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 10%,transparent)}.category-card-linear__icon{width: 56px;height: 56px;background: var(--category-icon-bg);border-radius: var(--border-radius-lg);display: flex;align-items: center;justify-content: center;color: var(--color-white);font-size: var(--font-size-2xl);flex-shrink: 0}.category-card-linear__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.category-card-linear__header{display: flex;align-items: center;gap: var(--spacing-3)}.category-card-linear__name{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.category-card-linear__description{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: var(--line-height-normal);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.category-card-linear__activity{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.category-card-linear__activity-text{color: var(--color-text-secondary)}.category-card-linear__activity-text strong{color: var(--color-primary);font-weight: var(--font-weight-medium)}.category-card-linear__activity-date{color: var(--color-text-tertiary)}.category-card-linear__stats{display: flex;gap: var(--spacing-6);flex-shrink: 0;padding-left: var(--spacing-6);border-left: 1px solid var(--color-border)}.category-card-linear__stat{display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 80px}.category-card-linear__stat-value{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-primary);line-height: var(--line-height-tight);margin-bottom: var(--spacing-1)}.category-card-linear__stat-label{font-size: var(--font-size-xs);color: var(--color-text-secondary);text-transform: lowercase}@media (max-width: 1024px){.category-card-linear__stats{gap: var(--spacing-4);padding-left: var(--spacing-4)}.category-card-linear__stat{min-width: 70px}.category-card-linear__stat-value{font-size: var(--font-size-2xl)}}@media (max-width: 768px){.category-card-linear{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-5)}.category-card-linear:hover{transform: translateY(-2px)}.category-card-linear__icon{width: 48px;height: 48px;font-size: var(--font-size-xl);align-self: flex-start}.category-card-linear__name{font-size: var(--font-size-lg)}.category-card-linear__stats{border-left: none;border-top: 1px solid var(--color-border);padding-left: 0;padding-top: var(--spacing-4);justify-content: space-around}.category-card-linear__stat{min-width: auto;flex: 1}.category-card-linear__activity{flex-direction: column;align-items: flex-start;gap: var(--spacing-1)}}.room-card-linear{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-5);background: var(--color-white);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);cursor: pointer;transition: var(--transition-normal)}.room-card-linear:hover{background: var(--color-gray-50);border-color: var(--color-primary);transform: translateX(4px);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 10%,transparent)}.room-card-linear__icon{width: var(--room-card-icon-size);height: var(--room-card-icon-size);background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;color: var(--color-white);font-size: var(--font-size-xl);flex-shrink: 0;overflow: hidden}.room-card-linear__logo-image{width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.room-card-linear__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.room-card-linear__header{display: flex;align-items: center;gap: var(--spacing-3)}.room-card-linear__name{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.room-card-linear__private-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);background: var(--color-warning-light);color: var(--color-warning-text);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.room-card-linear__description{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: var(--line-height-normal);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.room-card-linear__meta{display: flex;flex-wrap: wrap;gap: var(--spacing-3);margin-top: var(--spacing-1)}.room-card-linear__meta-item{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-text-secondary)}.room-card-linear__meta-icon{color: var(--color-primary);font-size: var(--font-size-xs)}.room-card-linear__meta-item strong{color: var(--color-text-primary);font-weight: var(--font-weight-medium)}.room-card-linear__stats{display: flex;gap: var(--spacing-6);flex-shrink: 0;padding-left: var(--spacing-6);border-left: 1px solid var(--color-border);align-items: center}.room-card-linear__stat{display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 70px}.room-card-linear__stat-value{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-primary);line-height: var(--line-height-tight);margin-bottom: var(--spacing-1)}.room-card-linear__stat-value--up{color: var(--color-success-text)}.room-card-linear__stat-value--down{color: var(--color-danger-text)}.room-card-linear__stat-value--flat{color: var(--color-text-secondary)}.room-card-linear__profile-link{cursor: pointer}.room-card-linear__stat-value--likes{color: var(--color-danger-text)}.room-card-linear__stat-label{font-size: var(--font-size-xs);color: var(--color-text-secondary);text-transform: lowercase;display: flex;align-items: center;gap: var(--spacing-1)}.room-card-linear__stat-label-icon{color: var(--color-danger-text)}.room-card-linear__last-message{display: flex;align-items: center;gap: var(--spacing-3);min-width: 180px}.room-card-linear__last-message-details{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0}.room-card-linear__last-message-label{font-size: var(--font-size-xs);color: var(--color-text-tertiary);text-transform: uppercase;letter-spacing: 0.5px}.room-card-linear__last-message-date{font-size: var(--font-size-xs);color: var(--color-text-tertiary);display: flex;align-items: center;gap: var(--spacing-2)}.room-card-linear__reply-count{display: inline-flex;align-items: center;gap: var(--spacing-1);background: var(--color-surface-tertiary);color: var(--color-primary-dark);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.room-card-linear__reply-icon{font-size: var(--font-size-xs)}@media (max-width: 1024px){.room-card-linear__stats{gap: var(--spacing-4);padding-left: var(--spacing-4)}.room-card-linear__stat{min-width: 60px}.room-card-linear__stat-value{font-size: var(--font-size-xl)}.room-card-linear__last-message{min-width: 150px}}@media (max-width: 768px){.room-card-linear{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-4)}.room-card-linear:hover{transform: translateY(-2px)}.room-card-linear__icon{width: 40px;height: 40px;font-size: var(--font-size-lg);align-self: flex-start}.room-card-linear__stats{border-left: none;border-top: 1px solid var(--color-border);padding-left: 0;padding-top: var(--spacing-4);flex-wrap: wrap;justify-content: space-between;gap: var(--spacing-3)}.room-card-linear__stat{min-width: auto;flex: 0 0 calc(25% - 8px)}.room-card-linear__last-message{min-width: auto;flex: 1 1 100%}.room-card-linear__meta-item{flex-direction: column;align-items: flex-start;gap: var(--spacing-1)}}.create-discussion__advanced-form{margin-top: var(--spacing-4);padding: var(--spacing-4);background: var(--color-background-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border-light);display: flex;flex-direction: column;gap: var(--spacing-4)}.create-discussion__permission-msg{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-warning-light);border: 1px solid var(--color-warning);border-radius: var(--border-radius-md);color: var(--color-text-primary);margin-bottom: var(--spacing-4)}.create-discussion__permission-msg-icon{font-size: var(--font-size-2xl);color: var(--color-warning-text);flex-shrink: 0}.create-discussion__permission-msg-text{margin: 0;font-size: var(--font-size-sm)}@media (max-width: 768px){.create-discussion__permission-msg{flex-direction: column;text-align: center;gap: var(--spacing-2)}}.create-bank-account-dialog__form{display: flex;flex-direction: column;gap: var(--spacing-5);padding: var(--spacing-4) 0}.create-bank-account-dialog__field-group{display: flex;flex-direction: column;gap: var(--spacing-2)}.create-bank-account-dialog__field-group:last-of-type{margin-bottom: 0}.create-bank-account-dialog__label{display: flex;align-items: center;gap: var(--spacing-2);margin-bottom: var(--spacing-2);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);color: var(--color-text-primary);flex-wrap: wrap}.create-bank-account-dialog__required-indicator{padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.5px;background: var(--color-danger);color: var(--color-text-inverse);display: inline-flex;align-items: center;gap: var(--spacing-1)}.create-bank-account-dialog__input{width: 100%;padding: var(--spacing-3) var(--spacing-4);border: 2px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);background: var(--color-surface);font-family: inherit;line-height: var(--line-height-normal);color: var(--color-text-primary)}.create-bank-account-dialog__input::placeholder{color: var(--color-text-tertiary);font-style: italic}.create-bank-account-dialog__input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.create-bank-account-dialog__input[type="number"]::-webkit-outer-spin-button,.create-bank-account-dialog__input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.create-bank-account-dialog__input[type="number"]{-moz-appearance: textfield;appearance: textfield}.create-bank-account-dialog__input.invalid{border-color: var(--color-danger)}.create-bank-account-dialog__input.invalid:focus{border-color: var(--color-danger);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-danger) 10%,transparent)}.create-bank-account-dialog__error-message{display: block;margin-top: var(--spacing-2);color: var(--color-danger-text);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium)}.create-bank-account-dialog__validation-summary{padding: var(--spacing-4);background: color-mix(in srgb,var(--color-danger) 10%,transparent);border: 1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius: var(--border-radius-md);color: var(--color-danger-text);font-size: var(--font-size-sm);margin-bottom: var(--spacing-4)}.create-bank-account-dialog__validation-summary ul{margin: 0;padding-left: var(--spacing-5)}.create-bank-account-dialog__info-box{display: flex;align-items: center;gap: var(--spacing-2);margin-top: var(--spacing-3);padding: var(--spacing-3);background: color-mix(in srgb,var(--color-warning) 10%,transparent);border: 1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);color: var(--color-warning-text)}.create-bank-account-dialog__info-box i{color: var(--color-warning-text);flex-shrink: 0}.create-bank-account-dialog__info-box span{flex: 1}.create-bank-account-dialog__actions{display: flex;gap: var(--spacing-3);justify-content: flex-end;margin-top: var(--spacing-4);padding-top: var(--spacing-4);border-top: 1px solid var(--color-border)}@media (max-width: 640px){.create-bank-account-dialog__actions{flex-direction: column-reverse}.create-bank-account-dialog__form{gap: var(--spacing-4)}}.delete-user-dialog__intro{margin: 0 0 var(--spacing-4);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.delete-user-dialog__modes{display: flex;flex-direction: column;gap: var(--spacing-2);margin: 0 0 var(--spacing-4);padding: 0;border: 0}.delete-user-dialog__mode{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);cursor: pointer}.delete-user-dialog__mode:has(input:checked){border-color: var(--color-primary);background: var(--color-surface-secondary)}.delete-user-dialog__mode input{margin-top: var(--spacing-1);accent-color: var(--color-primary)}.delete-user-dialog__hint{display: block;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.message-item__sidebar-reputation{font-size: var(--font-size-xs);color: var(--color-danger-text);font-weight: 500;display: flex;align-items: center;gap: var(--spacing-1);justify-content: center}.message-item__sidebar-reputation i{color: var(--color-danger-text);font-size: var(--font-size-sm)}.message-item.message-item--new-layout{display: grid;grid-template-columns: 180px 1fr;gap: var(--spacing-6);padding: var(--spacing-6);margin-bottom: var(--spacing-4);border-radius: var(--border-radius-md);background: var(--color-gray-50);box-shadow: var(--shadow-sm);transition: all 0.2s ease}.message-item--new-layout:hover{box-shadow: var(--shadow-md);border-color: var(--color-gray-300)}.message-item__sidebar{display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--spacing-3);padding: var(--spacing-4);background: linear-gradient(to bottom,color-mix(in srgb,var(--color-surface) 50%,transparent),transparent);border-radius: var(--border-radius-md);border-right: 2px solid var(--color-gray-200);padding-right: var(--spacing-6)}.message-item__avatar-large{position: relative;flex-shrink: 0;margin-bottom: var(--spacing-2)}.message-item__avatar-image-large,.message-item__avatar-placeholder-large{width: 80px;height: 80px;border-radius: var(--border-radius-full);object-fit: cover}.message-item__avatar-placeholder-large{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color: var(--color-white);display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-bold);font-size: var(--font-size-2xl);border: 3px solid var(--color-white);box-shadow: var(--shadow-md)}.message-item__user-status{position: absolute;bottom: 2px;right: 2px;width: 16px;height: 16px;border-radius: var(--border-radius-full);border: 3px solid var(--color-white)}.message-item__user-status--online{background: var(--color-success)}.message-item__user-status--away{background: var(--color-warning)}.message-item__user-status--offline{background: var(--color-gray-500)}.message-item__sidebar-username{font-weight: var(--font-weight-bold);color: var(--color-text-primary);font-size: var(--font-size-base);word-break: break-word;width: 100%}.message-item__sidebar-info{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-2);width: 100%}.message-item__sidebar-meta{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-2);width: 100%}.message-item__sidebar-role{font-size: var(--font-size-xs);color: var(--color-text-secondary);padding: var(--spacing-1) var(--spacing-2);background: var(--color-gray-100);border-radius: var(--border-radius-full);font-weight: var(--font-weight-medium);width: fit-content}.message-item__sidebar-country{font-size: var(--font-size-xs);color: var(--color-text-tertiary);display: flex;align-items: center;gap: var(--spacing-1)}.message-item__sidebar-posts{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-weight: var(--font-weight-medium)}.message-item__main{display: flex;flex-direction: column;gap: var(--spacing-3);min-width: 0;padding-left: var(--spacing-4)}.message-item__content-header{display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-3);padding-bottom: var(--spacing-2);border-bottom: 1px solid var(--color-border)}.message-item__timestamp{font-size: var(--font-size-sm);color: var(--color-text-secondary);display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.message-item__edit-indicator-inline{display: inline-flex;align-items: center;gap: var(--spacing-1);font-style: italic;font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.message-item__header-actions{display: flex;gap: var(--spacing-2);align-items: center;flex-shrink: 0}:where([data-page="AiDraftsPage"],.message-item) .message-item__action-btn-icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid var(--color-border);background: var(--color-white);border-radius: var(--border-radius-md);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-sm);color: var(--color-text-secondary)}:where([data-page="AiDraftsPage"],.message-item) .message-item__action-btn-icon:hover{background: var(--color-gray-50);border-color: var(--color-primary);color: var(--color-primary);transform: translateY(-1px);box-shadow: var(--shadow-sm)}.message-item__action-btn-icon--reply{background: color-mix(in srgb,var(--color-primary) 5%,transparent);border-color: color-mix(in srgb,var(--color-primary) 20%,transparent);color: var(--color-primary)}.message-item__action-btn-icon--reply:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary);border-color: var(--color-primary)}.message-item__action-btn-icon--edit:hover{background: color-mix(in srgb,var(--color-warning) 10%,transparent);color: var(--color-warning-text);border-color: var(--color-warning)}.message-item__action-btn-icon--delete:hover{background: color-mix(in srgb,var(--color-danger) 10%,transparent);color: var(--color-danger-text);border-color: var(--color-danger)}.message-item__thread-connector{width: 2px;background: var(--color-border);margin: 0 0 0 var(--spacing-2);min-height: 20px}.message-item__parent-quote{display: flex;gap: var(--spacing-2);padding: var(--spacing-3) var(--spacing-4);background: var(--color-white);cursor: pointer;transition: var(--transition-fast);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary)}.message-item__parent-quote:hover{border-color: var(--color-primary);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent);transform: translateX(4px)}.message-item__quote-icon{color: var(--color-primary);margin-top: var(--spacing-1);flex-shrink: 0}.message-item__quote-content{flex: 1;min-width: 0}.message-item__quote-author{font-weight: var(--font-weight-semibold);color: var(--color-primary);font-size: var(--font-size-sm);margin-bottom: var(--spacing-1)}.message-item__quote-text{color: var(--color-text-secondary);font-size: var(--font-size-xs);line-height: var(--line-height-normal);font-style: italic;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm)}.message-item__body{flex: 1}.message-item__text{color: var(--color-text-primary);line-height: var(--line-height-relaxed);word-wrap: break-word;overflow-wrap: break-word;font-size: var(--font-size-base)}.message-item__text p{margin: 0 0 var(--spacing-2) 0}.message-item__text code{background: var(--color-gray-100);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-family: 'Monaco','Consolas',monospace;font-size: var(--font-size-sm)}.message-item__edit-mode{margin: var(--spacing-2) 0}.message-item__edit-textarea{width: 100%;padding: var(--spacing-3);border: 2px solid var(--color-border-dark);border-radius: var(--border-radius-md);font-family: inherit;font-size: var(--font-size-base);line-height: var(--line-height-normal);resize: vertical;min-height: 100px;transition: var(--transition-fast)}.message-item__edit-textarea:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.message-item__edit-actions{display: flex;gap: var(--spacing-2);margin-top: var(--spacing-2)}.message-item__btn-save,.message-item__btn-cancel{padding: var(--spacing-2) var(--spacing-4);border: none;border-radius: var(--border-radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);cursor: pointer;transition: var(--transition-fast);display: flex;align-items: center;gap: var(--spacing-2)}.message-item__btn-save{background: var(--color-primary);color: var(--color-white)}.message-item__btn-save:hover{background: var(--color-primary-hover);box-shadow: var(--shadow-md)}.message-item__btn-cancel{background: var(--color-gray-100);color: var(--color-text-secondary)}.message-item__btn-cancel:hover{background: var(--color-gray-200)}.message-item__attachments{margin: var(--spacing-3) 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.message-item__attachment{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-2) var(--spacing-3);background: var(--color-gray-50);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);transition: var(--transition-fast)}.message-item__attachment:hover{background: var(--color-gray-100);border-color: var(--color-primary)}.message-item__attachment-icon{width: 36px;height: 36px;background: var(--color-primary);color: var(--color-white);border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-base);flex-shrink: 0}.message-item__attachment-info{flex: 1;min-width: 0}.message-item__attachment-name{display: block;font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-base);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.message-item__attachment-size{color: var(--color-text-secondary);font-size: var(--font-size-xs)}.message-item__attachment-download{color: var(--color-primary);padding: var(--spacing-2);border-radius: var(--border-radius-sm);transition: var(--transition-fast);flex-shrink: 0}.message-item__attachment-download:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent)}.message-item__footer{display: flex;justify-content: space-between;align-items: center;padding-top: var(--spacing-3);border-top: 1px solid var(--color-border);flex-wrap: wrap;gap: var(--spacing-3);position: relative}.message-item__footer-reply-btn{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;background: transparent;cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-base);color: var(--color-text-secondary);margin-left: auto;border-radius: var(--border-radius-sm)}.message-item__footer-reply-btn:hover{color: var(--color-primary);background: color-mix(in srgb,var(--color-primary) 10%,transparent);transform: translateY(-2px)}.message-item__footer-reply-btn:active{transform: translateY(0)}.message-item__footer-actions{display: flex;gap: var(--spacing-3);align-items: center}.message-item__footer-action-btn{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-3);border: none;background: transparent;border-radius: var(--border-radius-md);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.message-item__footer-action-btn:hover{background: var(--color-gray-100);color: var(--color-primary);transform: translateY(-2px)}.message-item__footer-action-btn:active{transform: translateY(0)}.message-item__action-count{font-weight: var(--font-weight-semibold);color: var(--color-primary)}.message-item__action-text{font-weight: var(--font-weight-medium)}.message-item__reactions{display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap;position: relative}.message-item__reactions-container{display: flex;gap: var(--spacing-1);flex-wrap: wrap}.message-item__reaction-pill{display: flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-2);background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-xl);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-sm)}.message-item__reaction-pill:hover{background: var(--color-gray-100);border-color: var(--color-primary);transform: scale(1.05)}.message-item__reaction-pill--user-reacted{background: color-mix(in srgb,var(--color-primary) 10%,transparent);border-color: var(--color-primary);color: var(--color-primary);font-weight: var(--font-weight-medium)}.message-item__reaction-emoji{font-size: var(--font-size-lg)}.message-item__reaction-count{font-weight: var(--font-weight-medium)}.message-item__add-reaction-btn{width: 32px;height: 32px;border: 1px dashed var(--color-border-dark);background: transparent;border-radius: var(--border-radius-xl);color: var(--color-text-tertiary);cursor: pointer;transition: var(--transition-fast);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-base)}.message-item__add-reaction-btn:hover{border-color: var(--color-primary);color: var(--color-primary);background: color-mix(in srgb,var(--color-primary) 5%,transparent)}.message-item__emoji-picker{position: absolute;bottom: calc(100% + var(--spacing-2));right: 0;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);padding: var(--spacing-2);box-shadow: var(--shadow-lg);z-index: var(--z-index-dropdown);display: grid;grid-template-columns: repeat(5,1fr);gap: var(--spacing-1)}.message-item__emoji-option{width: 36px;height: 36px;border: none;background: transparent;border-radius: var(--border-radius-sm);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-xl);display: flex;align-items: center;justify-content: center}.message-item__emoji-option:hover{background: var(--color-gray-100);transform: scale(1.15)}.youtube-embed-container{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;margin: var(--spacing-3) 0;border-radius: var(--border-radius-md);overflow: hidden;box-shadow: var(--shadow-md)}.youtube-embed-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--border-radius-md)}.message-item__text img,.message-item__content img{max-width: 100%!important;height: auto!important;display: block;margin: var(--spacing-3) 0;border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm)}@media (max-width: 768px){.message-item--new-layout{grid-template-columns: 1fr;padding: var(--spacing-3)}.message-item__sidebar{flex-direction: row;justify-content: flex-start;gap: var(--spacing-3);padding: var(--spacing-2);border-right: none;border-bottom: 1px solid var(--color-border);padding-right: var(--spacing-2);padding-bottom: var(--spacing-3);margin-bottom: var(--spacing-3)}.message-item__avatar-large{margin-bottom: 0}.message-item__avatar-image-large,.message-item__avatar-placeholder-large{width: 50px;height: 50px}.message-item__sidebar-info{flex: 1;align-items: flex-start;text-align: left}.message-item__sidebar-username{font-size: var(--font-size-base);text-align: left}.message-item__sidebar-meta{flex-direction: row;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.message-item__sidebar > div:not(.message-item__avatar-large):not(.message-item__sidebar-username){display: none}.message-item__main{padding-left: 0}.message-item__content-header{flex-direction: column;align-items: flex-start}.message-item__header-actions{width: 100%;justify-content: flex-end}.message-item__footer{flex-direction: column;align-items: flex-start}.message-item__footer-actions{width: 100%}}.message-item__like-btn{display: inline-flex;align-items: center;gap: var(--spacing-1-5);background: none;border: none;cursor: pointer;padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);color: var(--color-gray-400);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);transition: color 0.15s ease,transform 0.1s ease;line-height: 1}.message-item__like-btn:hover{color: var(--color-danger-text)}.message-item__like-btn:focus-visible{outline: 2px solid var(--color-danger);outline-offset: 2px}.message-item__like-btn:active{transform: scale(0.9)}.message-item__like-btn--liked{color: var(--color-danger-text)}.message-item__like-btn .message-item__likes-count{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: inherit}.message-item{display: flex;flex-direction: column;gap: 0;padding: var(--spacing-4);margin-bottom: var(--spacing-3);margin-left: 0;margin-right: 0;max-width: 100%;width: 100%;border-radius: var(--border-radius-md);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm);transition: var(--transition-normal)}.message-item:hover{box-shadow: var(--shadow-md);border-color: var(--color-border-dark)}.message-item__header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-3);margin-bottom: var(--spacing-3);padding-bottom: var(--spacing-3);border-bottom: 1px solid var(--color-border)}.message-item__author-section{display: flex;align-items: flex-start;gap: var(--spacing-3);flex: 1;min-width: 0}.message-item__avatar{position: relative;flex-shrink: 0}.message-item__avatar-image,.message-item__avatar-placeholder{width: 48px;height: 48px;border-radius: var(--border-radius-full);object-fit: cover}.message-item__avatar-placeholder{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color: var(--color-white);display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-semibold);font-size: var(--font-size-base);border: 2px solid var(--color-white);box-shadow: var(--shadow-sm)}.message-item__author-info{display: flex;flex-direction: column;gap: var(--spacing-1);flex: 1;min-width: 0}.message-item__author-primary{display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.message-item__username{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-base);cursor: pointer;line-height: var(--line-height-tight);transition: var(--transition-fast)}.message-item__username:hover{color: var(--color-primary)}.message-item__user-badge,.message-item__user-location{font-size: var(--font-size-xs);color: var(--color-text-secondary);padding: var(--spacing-1) var(--spacing-2);background: var(--color-gray-100);border-radius: var(--border-radius-full);white-space: nowrap}.message-item__author-secondary{display: flex;gap: var(--spacing-3);font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.message-item__action-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-2);min-width: 36px;height: 36px;padding: 0 var(--spacing-3);border: 1px solid var(--color-border);background: var(--color-white);border-radius: var(--border-radius-md);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.message-item__action-btn:hover{background: var(--color-gray-50);border-color: var(--color-primary);color: var(--color-primary);transform: translateY(-1px);box-shadow: var(--shadow-sm)}.message-item__action-btn--reply{background: color-mix(in srgb,var(--color-primary) 5%,transparent);border-color: color-mix(in srgb,var(--color-primary) 20%,transparent)}.message-item__action-btn--reply:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary);border-color: var(--color-primary)}.message-item__action-btn--edit:hover{background: color-mix(in srgb,var(--color-warning) 10%,transparent);color: var(--color-warning-text);border-color: var(--color-warning)}.message-item__action-btn--disabled{opacity: 0.5;cursor: not-allowed;color: var(--color-gray-400)}.message-item__action-btn--disabled:hover{transform: none;box-shadow: none;background: var(--color-white)}.message-item__action-label{display: none}@media (min-width: 768px){.message-item__action-label{display: inline}}.message-item__content-wrapper{margin-bottom: var(--spacing-3);flex: 1;position: relative}.message-item__metadata{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.message-item__edit-indicator{display: flex;align-items: center;gap: var(--spacing-1);font-style: italic}.mini-chart-card{background: var(--color-white);border-radius: var(--border-radius-lg);padding: var(--spacing-5);box-shadow: var(--shadow-md);border: 2px solid var(--color-border);cursor: pointer;transition: var(--transition-normal);position: relative;display: flex;align-items: center;gap: var(--spacing-4);min-height: 100px}.mini-chart-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-xl);border-color: var(--color-info)}.mini-chart-card--active{border-color: var(--color-info);background: linear-gradient(135deg,var(--color-surface-tertiary) 0%,var(--color-info-light) 100%);transform: scale(1.02)}.mini-chart-card__icon{font-size: var(--font-size-4xl);opacity: 0.8;flex-shrink: 0;color: var(--color-text-secondary)}.mini-chart-card__icon i{font-size: var(--font-size-4xl)}.mini-chart-card--active .mini-chart-card__icon{color: var(--color-info-text);opacity: 1}.mini-chart-card__info{flex: 1}.mini-chart-card__info h5{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.mini-chart-card__info p{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-normal)}.mini-chart-card__coming-soon-badge{position: absolute;top: var(--spacing-2);right: var(--spacing-2);background: var(--color-warning);color: var(--color-white);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.5px}@media (max-width: 768px){.mini-chart-card{padding: var(--spacing-4);min-height: 80px}.mini-chart-card__icon{font-size: var(--font-size-3xl)}.mini-chart-card__info h5{font-size: var(--font-size-base)}}.performance-ratios{background: transparent}.performance-ratios__section{margin-bottom: var(--spacing-8)}.performance-ratios__section-title{margin: 0 0 var(--spacing-5) 0;color: var(--color-text-primary);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2);border-bottom: 1px solid var(--color-border);padding-bottom: var(--spacing-3)}.performance-ratios__section-icon{color: var(--color-info-text);font-size: var(--font-size-base)}.performance-ratios__ratios-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--spacing-5)}:where(.performance-ratios) .ratio-card{background: var(--color-white);border-radius: var(--border-radius-lg);padding: var(--spacing-5);box-shadow: var(--shadow-md);border: 1px solid var(--color-border);transition: var(--transition-fast);display: flex;align-items: flex-start;gap: var(--spacing-4)}:where(.performance-ratios) .ratio-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-xl)}.ratio-card--highlight{background: linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%);color: var(--color-white);border: none}.ratio-card__icon{font-size: var(--font-size-3xl);opacity: 0.8;flex-shrink: 0}.ratio-card__icon i{font-size: var(--font-size-3xl);color: var(--color-info-text);transition: var(--transition-normal)}.ratio-card--highlight .ratio-card__icon i{color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent)}.ratio-card:hover .ratio-card__icon i{transform: scale(1.1);opacity: 1}.ratio-card__content{flex: 1}.ratio-card__value{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-1);line-height: var(--line-height-tight)}.ratio-card__label{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-2);opacity: 0.9}.ratio-card__description{font-size: var(--font-size-sm);opacity: 0.8;line-height: var(--line-height-normal)}.calculation-metadata{background: var(--color-gray-50);border-radius: var(--border-radius-md);padding: var(--spacing-5);margin: var(--spacing-8) 0;border: 1px solid var(--color-border)}.calculation-metadata__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4)}.calculation-metadata__item{display: flex;flex-direction: column;gap: var(--spacing-1)}.calculation-metadata__label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.calculation-metadata__value{font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}.calculation-metadata__value--reliability-none{color: var(--color-danger-text);font-weight: var(--font-weight-bold)}.calculation-metadata__value--reliability-low{color: var(--color-warning-text);font-weight: var(--font-weight-semibold)}.calculation-metadata__value--reliability-medium{color: var(--color-info-text);font-weight: var(--font-weight-semibold)}.calculation-metadata__value--reliability-good{color: var(--color-success-text);font-weight: var(--font-weight-semibold)}.calculation-metadata__value--reliability-high{color: var(--color-success-hover);font-weight: var(--font-weight-bold)}.performance-ratios__explanations{background: var(--color-warning-light);border-radius: var(--border-radius-md);padding: var(--spacing-5);border: 1px solid var(--color-warning);margin-top: var(--spacing-8)}.performance-ratios__explanations h6{margin: 0 0 var(--spacing-4) 0;color: var(--color-warning-text);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.performance-ratios__explanations-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-4)}.performance-ratios__explanation-item{font-size: var(--font-size-sm);color: var(--color-warning-text);line-height: var(--line-height-relaxed)}.performance-ratios__explanation-item strong{color: var(--color-warning-text)}.performance-ratios__empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 300px;text-align: center;padding: var(--spacing-10) var(--spacing-5)}.performance-ratios__empty-icon{font-size: var(--font-size-5xl);color: var(--color-text-tertiary);margin-bottom: var(--spacing-5);opacity: 0.6}.performance-ratios__empty-icon i{font-size: var(--font-size-5xl);color: var(--color-text-tertiary)}.performance-ratios__empty-state h4{margin: 0 0 var(--spacing-3) 0;color: var(--color-gray-700);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold)}.performance-ratios__empty-state p{color: var(--color-text-secondary);margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-base)}.performance-ratios__empty-state small{color: var(--color-text-tertiary);font-size: var(--font-size-sm)}@media (max-width: 768px){.performance-ratios__ratios-grid{grid-template-columns: 1fr}:where(.performance-ratios) .ratio-card{padding: var(--spacing-4)}.ratio-card__value{font-size: var(--font-size-2xl)}.calculation-metadata__grid{grid-template-columns: 1fr}.performance-ratios__explanations-grid{grid-template-columns: 1fr}}@media (max-width: 640px){:where(.performance-ratios) .ratio-card{flex-direction: column;text-align: center;gap: var(--spacing-3)}.ratio-card__icon{align-self: center}}.blog-editor{max-width: 900px}.blog-editor__header{margin-bottom: var(--spacing-6)}.blog-editor__header-title{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.blog-editor__header-subtitle{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-base)}.blog-editor__content{display: flex;flex-direction: column;gap: var(--spacing-8)}.blog-editor__new-post-section{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-6);box-shadow: var(--shadow-md);border: 1px solid var(--color-border)}.blog-editor__new-post-title{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-gray-700)}.blog-editor__editor-container{min-height: 200px;border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);margin-bottom: var(--spacing-3)}.blog-editor__actions{display: flex;justify-content: flex-end;gap: var(--spacing-3)}.blog-editor__recent-posts{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-6);box-shadow: var(--shadow-md);border: 1px solid var(--color-border)}.blog-editor__recent-posts-title{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-gray-700)}.blog-editor__messages-list{display: flex;flex-direction: column;gap: var(--spacing-4)}.blog-editor__message-item{padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.blog-editor__message-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-2)}.blog-editor__message-date{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.blog-editor__message-content{color: var(--color-gray-700);line-height: var(--line-height-relaxed)}.blog-editor__no-posts{text-align: center;padding: var(--spacing-10) var(--spacing-5);color: var(--color-gray-400);font-style: italic}.blog-editor__view-all-link{display: inline-flex;align-items: center;gap: var(--spacing-2);margin-top: var(--spacing-4);color: var(--color-info-text);text-decoration: none;font-weight: var(--font-weight-medium);transition: var(--transition-fast)}.blog-editor__view-all-link:hover{color: var(--color-info-hover);gap: var(--spacing-3)}@media (max-width: 768px){.blog-editor{padding: 0 var(--spacing-3)}.blog-editor__new-post-section,.blog-editor__recent-posts{padding: var(--spacing-4)}}.portfolio-page__content-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.page-card-title{margin-bottom: var(--spacing-4)}.page-card-title h2{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.page-card-title p{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-base);line-height: var(--line-height-normal)}.accounts-actions{display: flex;justify-content: flex-end;margin-bottom: var(--spacing-5);gap: var(--spacing-3)}.transactions-actions{display: flex;justify-content: flex-end;align-items: center;margin-bottom: var(--spacing-5);gap: var(--spacing-3)}.accounts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: var(--spacing-5);margin-top: var(--spacing-5)}.coming-soon-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 300px;text-align: center;padding: var(--spacing-10) var(--spacing-5);color: var(--color-text-secondary);background: var(--color-white);border-radius: var(--border-radius-md);border: 2px dashed var(--color-gray-300)}.placeholder-icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.6;color: var(--color-gray-400)}.placeholder-icon i{font-size: var(--font-size-5xl);color: var(--color-gray-400)}.auth-icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.6;color: var(--color-danger-text)}@media (max-width: 768px){.portfolio-page__content-page{padding: 0 var(--spacing-3)}}.portfolio-page__label-short{display: none}@media (max-width: 640px){.portfolio-page__label-full{display: none}.portfolio-page__label-short{display: inline}}.statistic-card__header{margin-bottom: var(--spacing-5)}.statistic-card__title{display: flex;align-items: center;gap: var(--spacing-2-5);margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary)}.statistic-card__title i{color: var(--color-primary);font-size: var(--font-size-base)}.statistic-card__description{margin: 0;font-size: var(--font-size-sm);color: var(--text-secondary);line-height: 1.5}.statistic-card__content{min-height: 300px;display: flex;align-items: center;justify-content: center}@media (max-width: 768px){.statistic-card__content{min-height: 250px}.statistic-card__title{font-size: var(--font-size-base)}}.stock-chart{position: relative}.stock-chart__header-bar{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-2);flex-wrap: wrap;gap: var(--spacing-3)}.stock-chart__title-group{display: flex;align-items: center;gap: var(--spacing-3)}.stock-chart__title{margin: 0;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.stock-chart__badge-performance{padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);background: var(--color-surface-secondary);color: var(--color-gray-600);letter-spacing: 0.5px}.stock-chart__badge-performance--pos{background: linear-gradient(135deg,var(--color-success-light),var(--color-success-light));color: var(--color-success-text)}.stock-chart__badge-performance--neg{background: linear-gradient(135deg,var(--color-danger-light),var(--color-danger-light));color: var(--color-danger-text)}.stock-chart__badge-drawdown{padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);background: var(--color-gray-50);color: var(--color-gray-600);border: 1px solid var(--color-border)}.stock-chart__range-toolbar{display: flex;gap: var(--spacing-1);align-items: center}.stock-chart__range-btn{border: 1px solid var(--color-border);background: var(--color-white);padding: var(--spacing-1) var(--spacing-3);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);border-radius: var(--border-radius-md);cursor: pointer;color: var(--color-gray-600);transition: var(--transition-fast);letter-spacing: 0.5px}.stock-chart__range-btn:hover{background: var(--color-surface-secondary)}.stock-chart__range-btn--active{background: var(--color-primary);border-color: var(--color-primary);color: var(--color-white);box-shadow: 0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}.stock-chart__range-btn--icon{padding: var(--spacing-1) var(--spacing-2);position: relative}.stock-chart__range-btn--active-indicator{background: var(--color-warning);border-color: var(--color-warning);color: var(--color-white)}.stock-chart__indicator-badge{position: absolute;top: -4px;right: -4px;background: var(--color-danger);color: var(--color-white);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);width: 16px;height: 16px;border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;border: 2px solid var(--color-white)}.stock-chart__indicators-menu-wrapper{position: relative}.stock-chart__indicators-popup{position: absolute;top: calc(100% + var(--spacing-2));right: 0;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);box-shadow: var(--shadow-xl);min-width: 200px;z-index: var(--z-index-dropdown);animation: slideDown 0.2s ease-out}.stock-chart__indicators-popup-header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-3);border-bottom: 1px solid var(--color-border);background: var(--color-gray-50);border-radius: var(--border-radius-md) var(--border-radius-md) 0 0}.stock-chart__indicators-popup-title{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);text-transform: uppercase;letter-spacing: 0.5px}.stock-chart__close-btn{background: none;border: none;color: var(--color-gray-500);cursor: pointer;padding: var(--spacing-1);font-size: var(--font-size-xs);transition: var(--transition-fast)}.stock-chart__close-btn:hover{color: var(--color-text-primary)}.stock-chart__indicators-popup-content{padding: var(--spacing-2)}.stock-chart__indicator-section{display: flex;flex-direction: column;gap: var(--spacing-2)}.stock-chart__section-label{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-gray-500);padding: var(--spacing-1) var(--spacing-2);text-transform: uppercase;letter-spacing: 0.3px}.stock-chart__indicator-checkbox{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2);cursor: pointer;border-radius: var(--border-radius-sm);transition: var(--transition-fast)}.stock-chart__indicator-checkbox:hover{background: var(--color-gray-50)}.stock-chart__indicator-checkbox input[type="checkbox"]{width: 16px;height: 16px;cursor: pointer;margin: 0}.stock-chart__indicator-label{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: 0.3px;padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);flex: 1}.stock-chart__indicator-label--ma-20{color: var(--color-info-text);background: color-mix(in srgb,var(--color-primary) 10%,transparent)}.stock-chart__indicator-label--ma-50{color: var(--color-success-text);background: color-mix(in srgb,var(--color-success) 10%,transparent)}.stock-chart__indicator-label--ma-100{color: var(--color-warning-text);background: color-mix(in srgb,var(--color-warning) 10%,transparent)}.stock-chart__indicator-label--ma-200{color: var(--color-danger-text);background: color-mix(in srgb,var(--color-danger) 10%,transparent)}.stock-chart__empty-state{padding: var(--spacing-10) var(--spacing-5);text-align: center;color: var(--color-gray-500);background: var(--color-white);border: 1px dashed var(--color-border);border-radius: var(--border-radius-lg)}.stock-chart__empty-state i{font-size: var(--font-size-3xl);margin-bottom: var(--spacing-3);opacity: 0.6}.stock-chart__benchmark-picker{display: flex;align-items: center;gap: var(--spacing-2)}.stock-chart__benchmark-label{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-gray-600)}.stock-chart__benchmark-select{padding: var(--spacing-1) var(--spacing-2);font-size: var(--font-size-xs);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);min-width: 150px}@media (max-width: 768px){.stock-chart__header-bar{flex-direction: column;align-items: stretch}.stock-chart__range-toolbar{order: 3;flex-wrap: wrap;justify-content: center}.stock-chart__indicators-popup{right: auto;left: 0}}.top-challenge-holdings{padding: 0;margin-bottom: var(--spacing-2)}.top-challenge-holdings__performance{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) 0;font-size: var(--font-size-sm);margin-bottom: var(--spacing-2)}.top-challenge-holdings__performance-label{font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.top-challenge-holdings__performance-value{font-weight: var(--font-weight-bold);font-size: var(--font-size-base)}.top-challenge-holdings__performance-value--positive{color: var(--color-success-text)}.top-challenge-holdings__performance-value--negative{color: var(--color-danger-text)}.top-challenge-holdings__holdings-list{display: flex;flex-wrap: wrap;gap: var(--spacing-2)}.top-challenge-holdings__holding-badge{display: inline-flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);background-color: color-mix(in srgb,var(--color-primary) 5%,transparent);border: 1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);transition: var(--transition-fast);cursor: default}.top-challenge-holdings__holding-badge--cash{background: linear-gradient(135deg,var(--color-border-light) 0%,var(--color-success-light) 100%);border: 1px solid var(--color-success-light)}.top-challenge-holdings__holding-badge--cash:hover{background: linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);border-color: var(--color-success-light)}.top-challenge-holdings__holding-badge--cash .top-challenge-holdings__symbol{color: var(--color-success-text);font-weight: var(--font-weight-bold)}.top-challenge-holdings__holding-badge--cash .top-challenge-holdings__weight{color: var(--color-success-text);font-weight: var(--font-weight-semibold)}.top-challenge-holdings__symbol{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.top-challenge-holdings__weight{font-weight: var(--font-weight-medium);color: var(--color-primary)}@media (max-width: 768px){.top-challenge-holdings__performance{font-size: var(--font-size-xs)}.top-challenge-holdings__performance-value{font-size: var(--font-size-sm)}.top-challenge-holdings__holding-badge{font-size: var(--font-size-xs);padding: var(--spacing-2) var(--spacing-3)}}.top-positions-bars{display: flex;flex-direction: column;gap: var(--spacing-4);width: 100%}.top-positions-bars__title{font-weight: var(--font-weight-bold);font-size: var(--font-size-base);text-transform: uppercase;color: var(--color-gray-700);margin-bottom: var(--spacing-2)}.top-positions-bars__bar-track{width: 100%;height: 8px;background: var(--color-border);border-radius: var(--border-radius-full);overflow: hidden}.top-positions-bars__bar-fill{width: var(--bar-width,0);height: 100%;background: linear-gradient(90deg,var(--color-success),var(--color-success-hover));border-radius: var(--border-radius-full);transition: width var(--transition-normal)}.top-positions-bars__subtitle{margin-top: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-primary)}.top-positions-bars__empty{color: var(--color-text-secondary);text-align: center;padding: var(--spacing-4);font-style: italic}.avatar-upload-container{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-3)}.avatar-preview-wrapper{position: relative;width: 120px;height: 120px}.avatar-preview{position: relative;width: 120px;height: 120px;border-radius: var(--border-radius-full);overflow: hidden;box-shadow: var(--shadow-md);cursor: pointer;transition: transform var(--transition-normal),box-shadow var(--transition-normal);display: block}.avatar-preview:hover{transform: scale(1.05);box-shadow: var(--shadow-xl)}.avatar-preview img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius-full);pointer-events: none}.generated-avatar{background: var(--generated-bg);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: var(--border-radius-full);pointer-events: none}.avatar-initials{color: var(--color-white);font-size: var(--font-size-5xl);font-weight: var(--font-weight-bold);text-transform: uppercase;text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 20%,transparent);letter-spacing: 2px}.camera-badge{position: absolute;bottom: 4px;right: 4px;width: 36px;height: 36px;background: linear-gradient(135deg,var(--color-info) 0%,var(--color-primary-dark) 100%);border: 3px solid var(--color-white);border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all var(--transition-normal);box-shadow: var(--shadow-md)}.camera-badge:hover{transform: scale(1.1);background: linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-info) 100%);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-info) 40%,transparent)}.camera-badge i{color: var(--color-white);font-size: var(--font-size-base);pointer-events: none}.upload-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb,var(--color-black) 70%,transparent);backdrop-filter: blur(2px);color: var(--color-white);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-2);opacity: 0;transition: opacity var(--transition-normal);pointer-events: none}.avatar-preview:hover .upload-overlay{opacity: 1}.upload-icon{font-size: var(--font-size-4xl);animation: pulse 2s infinite}.upload-text{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.5px}.avatar-hint{font-size: var(--font-size-xs);color: var(--color-text-secondary);margin: 0;display: flex;align-items: center;gap: var(--spacing-2);animation: fadeInUp 0.5s ease}.avatar-hint i{color: var(--color-primary);font-size: var(--font-size-sm)}.status-message{margin-top: var(--spacing-3);padding: var(--spacing-3) var(--spacing-4);border-radius: var(--border-radius-md);display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);animation: slideInDown var(--transition-normal)}.status-message.success{background: var(--color-success-light);color: var(--color-success-hover);border: 1px solid var(--color-success)}.status-message.error{background: var(--color-danger-light);color: var(--color-danger-text);border: 1px solid var(--color-danger)}.status-message i{font-size: var(--font-size-base)}@media (max-width: 640px){.avatar-preview-wrapper,.avatar-preview{width: 100px;height: 100px}.avatar-initials{font-size: var(--font-size-4xl)}.camera-badge{width: 32px;height: 32px}.camera-badge i{font-size: var(--font-size-sm)}.upload-icon{font-size: var(--font-size-3xl)}.upload-text{font-size: var(--font-size-xs)}}.alerts-page__card-title{flex: 1}.alerts-page__radio-option input[type="radio"]{position: absolute;opacity: 0;pointer-events: none}.alerts-page__radio-title i{color: var(--color-primary)}.alerts-page__frequency-option input[type="radio"]{position: absolute;opacity: 0;pointer-events: none}.alerts-page__frequency-option:hover .alerts-page__frequency-content{border-color: var(--color-primary);background: color-mix(in srgb,var(--color-primary) 5%,transparent)}.alerts-page__frequency-option:has(input:checked) .alerts-page__frequency-content{border-color: var(--color-primary);background: linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent));box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.alerts-page__frequency-info{flex: 1}.alerts-page__help-content{flex: 1}.alerts-page__success-message i{color: var(--color-success-text);font-size: var(--font-size-xl)}.alerts-page__error-message i{color: var(--color-danger-text);font-size: var(--font-size-xl)}.alerts-page__loading-spinner i{font-size: var(--font-size-5xl);color: var(--color-primary);animation: spin 1s linear infinite}@media (max-width: 1024px){.alerts-page__grid{grid-template-columns: 1fr}.alerts-page__help-grid{grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.alerts-page__hero{border-radius: var(--border-radius-md)}.alerts-page__hero-icon{width: 64px;height: 64px;font-size: var(--font-size-3xl)}.alerts-page__subtitle{font-size: var(--font-size-base)}.alerts-page__card-header{padding: var(--spacing-5)}.alerts-page__card-icon{width: 48px;height: 48px;font-size: var(--font-size-xl)}.alerts-page__card-body{padding: var(--spacing-5)}.alerts-page__help-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.alerts-page__title{font-size: var(--font-size-2xl)}.alerts-page__card-title h3{font-size: var(--font-size-lg)}.alerts-page__frequency-content{flex-direction: column;text-align: center}}.alerts-page{min-height: 100vh;max-width: 1200px;margin: 0 auto;padding: var(--spacing-8)}.alerts-page__loading{color: var(--color-text-secondary);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-8);text-align: center}.alerts-page__loading-spinner{width: 48px;height: 48px;font-size: var(--font-size-4xl);color: var(--color-primary);margin-bottom: var(--spacing-6)}.alerts-page__loading h3{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-2xl);margin: 0 0 var(--spacing-3) 0}.alerts-page__loading p{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0}.alerts-page__hero{background: linear-gradient(135deg,var(--color-warning),var(--color-warning-hover));position: relative;border-radius: var(--border-radius-xl);overflow: hidden;margin-bottom: var(--spacing-8);box-shadow: var(--shadow-lg)}.alerts-page__hero-background{background-size: cover;position: absolute;inset: 0;background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);opacity: 0.95}.alerts-page__hero-content{position: relative;padding: var(--spacing-12) var(--spacing-8);text-align: center;color: var(--color-white);z-index: 1}.alerts-page__hero-icon{width: 80px;height: 80px;margin: 0 auto var(--spacing-5);background: color-mix(in srgb,var(--color-surface) 15%,transparent);border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);box-shadow: var(--shadow-2xl);font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.9}.alerts-page__title{color: var(--color-text-inverse);text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 10%,transparent);font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-3) 0}.alerts-page__subtitle{color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent);font-weight: var(--font-weight-normal);font-size: var(--font-size-base);opacity: 0.95;margin: 0;max-width: 600px;margin-left: auto;margin-right: auto}.alerts-page__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(450px,1fr));gap: var(--spacing-6);margin-bottom: var(--spacing-8)}.alerts-page__card{border: 1px solid var(--color-border);background: var(--color-white);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);overflow: hidden;transition: transform var(--transition-normal),box-shadow var(--transition-normal)}.alerts-page__card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.alerts-page__card--full-width{grid-column: 1 / -1}.alerts-page__card--help{background: var(--color-primary-light)}.alerts-page__card-header{background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-gray-100));display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);border-bottom: 1px solid var(--color-border)}.alerts-page__card-icon{box-shadow: var(--shadow-md);width: 48px;height: 48px;border-radius: var(--border-radius-lg);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);color: var(--color-white);flex-shrink: 0}.alerts-page__card-icon--stocks{background: var(--color-primary)}.alerts-page__card-icon--channel{background: var(--color-success)}.alerts-page__card-icon--frequency{background: var(--color-warning)}.alerts-page__card-icon--help{background: var(--color-info)}.alerts-page__card-title h3{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-1) 0}.alerts-page__card-title p{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.alerts-page__card-body{padding: var(--spacing-6)}.alerts-page__alert-option{padding: var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);background: var(--color-gray-50)}.alerts-page__switch-content{display: flex;flex-direction: column;gap: var(--spacing-2)}.alerts-page__switch-title{font-size: var(--font-size-base);display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.alerts-page__switch-title i{color: var(--color-primary)}.alerts-page__switch-description{color: var(--color-text-secondary);font-size: var(--font-size-xs);line-height: var(--line-height-tight)}.alerts-page__radio-options{display: flex;flex-direction: column;gap: var(--spacing-4)}.alerts-page__radio-option{background: var(--color-surface-secondary);position: relative;display: flex;align-items: flex-start;gap: var(--spacing-4);padding: var(--spacing-4);border: 2px solid var(--color-border-dark);border-radius: var(--border-radius-lg);cursor: pointer;transition: all var(--transition-fast)}.alerts-page__radio-option:has(input:checked){box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color: var(--color-primary);background: var(--color-gray-50)}.alerts-page__radio-option:hover{border-color: var(--color-primary);background: var(--color-gray-50)}.alerts-page__radio-content{display: flex;flex-direction: column;gap: var(--spacing-2);flex: 1}.alerts-page__radio-title{font-size: var(--font-size-base);display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-medium);color: var(--color-text-primary);margin-bottom: var(--spacing-1)}.alerts-page__radio-description{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0;line-height: var(--line-height-tight)}.alerts-page__frequency-options{flex-direction: column;display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-4)}.alerts-page__frequency-option{display: flex;flex-direction: column;padding: var(--spacing-4);border: 2px solid var(--color-border-dark);border-radius: var(--border-radius-lg);cursor: pointer;transition: all var(--transition-fast)}.alerts-page__frequency-option:has(input:checked){border-color: var(--color-primary);background: var(--color-gray-50)}.alerts-page__frequency-option:hover{background: var(--color-gray-50)}.alerts-page__frequency-content{padding: var(--spacing-4);background: var(--color-surface-secondary);border: 2px solid var(--color-border);border-radius: var(--border-radius-md);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);display: flex;align-items: flex-start;gap: var(--spacing-4)}.alerts-page__frequency-icon{width: 40px;height: 40px;border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);color: var(--color-white);flex-shrink: 0}.alerts-page__frequency-icon--instant{background: var(--color-warning)}.alerts-page__frequency-icon--hourly{background: var(--color-info)}.alerts-page__frequency-icon--daily{background: var(--color-warning)}.alerts-page__frequency-info strong{font-size: var(--font-size-base);display: block;font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-1)}.alerts-page__frequency-info p{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0;line-height: var(--line-height-tight)}.alerts-page__help-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-6)}.alerts-page__help-item{padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);display: flex;gap: var(--spacing-4)}.alerts-page__help-icon{width: 40px;height: 40px;border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-lg);color: var(--color-white);flex-shrink: 0}.alerts-page__help-icon--stocks{background: var(--color-primary)}.alerts-page__help-icon--push{background: var(--color-info)}.alerts-page__help-icon--email{background: var(--color-warning)}.alerts-page__help-icon--digest{background: var(--color-info)}.alerts-page__help-content h4{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-1) 0}.alerts-page__help-content p{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0;line-height: var(--line-height-tight)}.alerts-page__action-buttons{margin-bottom: var(--spacing-6);display: flex;align-items: center;justify-content: center;gap: var(--spacing-6);margin-top: var(--spacing-8);flex-wrap: wrap}.alerts-page__btn-link{padding: var(--spacing-3) var(--spacing-4);border: 2px solid var(--color-primary);border-radius: var(--border-radius-md);display: inline-flex;align-items: center;gap: var(--spacing-2);color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);transition: color var(--transition-fast)}.alerts-page__btn-link:hover{background: var(--color-primary);color: var(--color-primary-hover);text-decoration: underline}.alerts-page__success-message{font-size: var(--font-size-base);display: flex;align-items: center;justify-content: center;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-success-light);border: 1px solid var(--color-success);border-radius: var(--border-radius-lg);color: var(--color-success-hover);font-weight: var(--font-weight-medium);margin-top: var(--spacing-6);animation: fadeIn var(--transition-normal)}.alerts-page__error-message{font-size: var(--font-size-base);display: flex;align-items: center;justify-content: center;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-danger-light);border: 1px solid var(--color-danger);border-radius: var(--border-radius-lg);color: var(--color-danger-text);font-weight: var(--font-weight-medium);margin-top: var(--spacing-6);animation: fadeIn var(--transition-normal)}@media (max-width: 768px){.alerts-page{padding: var(--spacing-4)}.alerts-page__grid{gap: var(--spacing-4);margin-bottom: var(--spacing-6);grid-template-columns: 1fr}.alerts-page__hero-content{padding: var(--spacing-8) var(--spacing-4)}.alerts-page__title{font-size: var(--font-size-2xl)}.alerts-page__frequency-options,.alerts-page__help-grid{grid-template-columns: 1fr}.alerts-page__action-buttons{align-items: stretch;flex-direction: column;width: 100%}}.delete-account{max-width: 720px;margin: 0 auto;padding: var(--spacing-6) var(--spacing-5) var(--spacing-8);display: flex;flex-direction: column;gap: var(--spacing-5)}.delete-account__title{font-size: var(--font-size-2xl);margin: 0}.delete-account__card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);padding: var(--spacing-6)}.delete-account__subtitle{font-size: var(--font-size-xl);margin: 0 0 var(--spacing-3)}.delete-account__list{margin: 0 0 var(--spacing-6);padding-left: var(--spacing-5)}.delete-account__text{color: var(--color-text-secondary);margin: 0 0 var(--spacing-6)}.delete-account__form{display: flex;flex-direction: column;gap: var(--spacing-2)}.delete-account__error{color: var(--color-danger-text);font-size: var(--font-size-sm);margin: 0}.delete-account__actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--spacing-3);margin-top: var(--spacing-4)}.no-external-login{padding: var(--spacing-4);text-align: center}.login__external-login-form{display: flex;flex-direction: column;gap: var(--spacing-3);width: 100%}:where([data-page="Login"]) .external-login-button{display: flex;align-items: center;justify-content: center;gap: var(--spacing-3);padding: var(--spacing-3) var(--spacing-6);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-white);color: var(--color-text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);cursor: pointer;transition: all var(--transition-fast);font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;width: 100%}:where([data-page="Login"]) .external-login-button:hover{background: var(--color-gray-50);box-shadow: var(--shadow-sm);transform: translateY(-1px)}:where([data-page="Login"]) .external-login-button:active{transform: translateY(0);box-shadow: var(--shadow-sm)}:where([data-page="Login"]) .external-login-button i{font-size: var(--font-size-lg)}.external-login-button.google{border-color: var(--color-primary)}.external-login-button.google:hover{background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary)}.external-login-button.google i{color: var(--color-primary)}.external-login-button.google:hover i{color: var(--color-white)}.external-login-button.microsoft{border-color: var(--color-info)}.external-login-button.microsoft:hover{background: var(--color-info);color: var(--color-white);border-color: var(--color-info)}.external-login-button.microsoft i{color: var(--color-info-text)}.external-login-button.microsoft:hover i{color: var(--color-white)}.external-login-button.facebook{border-color: var(--color-primary)}.external-login-button.facebook:hover{background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary)}.external-login-button.facebook i{color: var(--color-primary)}.external-login-button.facebook:hover i{color: var(--color-white)}.external-login-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.external-login-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.external-login-header{text-align: center;margin-bottom: var(--spacing-8)}.external-login-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.external-login-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.external-login-alert{padding: var(--spacing-4);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-6);font-size: var(--font-size-sm);line-height: var(--line-height-normal);background-color: var(--color-info-light);border: 1px solid var(--color-info);color: var(--color-info-text)}.external-login-alert strong{font-weight: var(--font-weight-semibold);color: var(--color-info-hover)}.external-login__external-login-form{display: flex;flex-direction: column;gap: var(--spacing-5)}:where([data-page="ExternalLogin"]) .external-login__external-login-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}:where([data-page="ExternalLogin"]) .external-login-button{margin-top: var(--spacing-2)}.external-login__privacy-notice{text-align: center;font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-top: var(--spacing-4);line-height: var(--line-height-normal)}.external-login__privacy-notice a{color: var(--color-primary);text-decoration: underline;font-weight: var(--font-weight-medium)}.external-login__privacy-notice a:hover{color: var(--color-primary-hover);text-decoration: none}@media (max-width: 640px){.external-login-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.external-login-header h1{font-size: var(--font-size-2xl)}}.forgot-password-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.forgot-password-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.forgot-password-header{text-align: center;margin-bottom: var(--spacing-8)}.forgot-password-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.forgot-password-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.forgot-password-form{display: flex;flex-direction: column;gap: var(--spacing-5)}.forgot-password-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.forgot-password-button{margin-top: var(--spacing-2)}@media (max-width: 640px){.forgot-password-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.forgot-password-header h1{font-size: var(--font-size-2xl)}}.invalid-reset-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.invalid-reset-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;text-align: center;animation: slideIn var(--transition-normal) ease-out}.invalid-reset-icon{font-size: var(--font-size-5xl);color: var(--color-danger-text);margin-bottom: var(--spacing-6)}.invalid-reset-card h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-4) 0}.invalid-reset-card p{color: var(--color-text-secondary);font-size: var(--font-size-base);line-height: var(--line-height-relaxed);margin: 0}@media (max-width: 640px){.invalid-reset-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.invalid-reset-card h1{font-size: var(--font-size-2xl)}.invalid-reset-icon{font-size: var(--font-size-4xl)}}.twofa-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.twofa-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.twofa-header{text-align: center;margin-bottom: var(--spacing-8)}.twofa-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.twofa-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.twofa-info{padding: var(--spacing-4);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-6);font-size: var(--font-size-sm);line-height: var(--line-height-normal);background-color: var(--color-info-light);border: 1px solid var(--color-info);color: var(--color-info-text)}.twofa-form{display: flex;flex-direction: column;gap: var(--spacing-5)}.twofa-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.twofa-button{margin-top: var(--spacing-2)}.twofa-footer{margin-top: var(--spacing-6);text-align: center;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.twofa-footer a{color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);transition: color var(--transition-fast)}.twofa-footer a:hover{color: var(--color-primary-hover);text-decoration: underline}@media (max-width: 640px){.twofa-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.twofa-header h1{font-size: var(--font-size-2xl)}}.recovery-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.recovery-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.recovery-header{text-align: center;margin-bottom: var(--spacing-8)}.recovery-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.recovery-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.recovery-info{padding: var(--spacing-4);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-6);font-size: var(--font-size-sm);line-height: var(--line-height-normal);background-color: var(--color-warning-light);border: 1px solid var(--color-warning);color: var(--color-warning-hover)}.recovery-form{display: flex;flex-direction: column;gap: var(--spacing-5)}.recovery-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.recovery-button{margin-top: var(--spacing-2)}@media (max-width: 640px){.recovery-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.recovery-header h1{font-size: var(--font-size-2xl)}}.login__form-input::placeholder{color: var(--color-text-tertiary)}.login__footer-link-item .login__text-muted{color: var(--color-text-secondary)}.login__container{overflow: hidden;height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);position: fixed;top: 0;left: 0;right: 0;bottom: 0}.login__card{position: relative;z-index: 1;background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.login__header{text-align: center;margin-bottom: var(--spacing-8)}.login__header h1{letter-spacing: -0.025em;font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.login__subtitle{font-weight: var(--font-weight-normal);color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.login__form{display: flex;flex-direction: column;gap: var(--spacing-5)}.login__form-group{display: flex;flex-direction: column;gap: var(--spacing-2)}.login__form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.login__form-input{padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);transition: all var(--transition-fast);background: var(--color-white);width: 100%;box-sizing: border-box}.login__form-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.login__form-options{font-size: var(--font-size-sm);margin-top: 0;padding: 0;min-height: 32px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-3)}.login__link-subtle{padding: 0;color: var(--color-primary);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);transition: color var(--transition-fast)}.login__link-subtle:hover{color: var(--color-primary-hover);text-decoration: underline}.login__btn{margin-top: var(--spacing-2)}.login__validation-message{color: var(--color-danger-text);font-size: var(--font-size-xs);margin-top: var(--spacing-1)}.login__validation-summary{color: var(--color-danger-text);font-size: var(--font-size-sm);padding: var(--spacing-3);background: var(--color-danger-light);border: 1px solid var(--color-danger);border-radius: var(--border-radius-md);margin-top: var(--spacing-2)}.login__divider{position: relative;text-align: center;margin: var(--spacing-6) 0}.login__divider::before,.login__divider::after{content: "";position: absolute;top: 50%;width: 45%;height: 1px;background: var(--color-border)}.login__divider::before{left: 0}.login__divider::after{right: 0}.login__divider span{text-transform: lowercase;position: relative;background: var(--color-white);padding: 0 var(--spacing-4);color: var(--color-text-tertiary);font-size: var(--font-size-sm)}.login__footer-links{margin-top: var(--spacing-8);text-align: center;display: flex;flex-direction: column;gap: var(--spacing-4)}.login__footer-link-item{text-align: center;font-size: var(--font-size-sm);display: flex;justify-content: center;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.login__footer-link-item--secondary{text-align: center;margin-top: var(--spacing-3)}.login__text-muted{color: var(--color-text-tertiary);font-size: var(--font-size-sm)}.login__link-primary{margin-left: var(--spacing-1);color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);transition: color var(--transition-fast)}.login__link-primary:hover{color: var(--color-primary-hover);text-decoration: underline}.login__link-secondary{color: var(--color-text-secondary);text-decoration: none;font-size: var(--font-size-xs);transition: color var(--transition-fast)}.login__link-secondary:hover{color: var(--color-text-primary);text-decoration: underline}@media (max-width: 640px){.login__card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.login__header h1{font-size: var(--font-size-2xl)}.login__form-options{min-height: auto;flex-direction: column;align-items: flex-start}}.logout-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.logout-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;text-align: center;animation: slideIn var(--transition-normal) ease-out}.logout-icon{font-size: var(--font-size-5xl);color: var(--color-success-text);margin-bottom: var(--spacing-6)}.logout-card h3{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-4) 0}.logout-card p{color: var(--color-text-secondary);font-size: var(--font-size-base);line-height: var(--line-height-relaxed);margin: 0 0 var(--spacing-6) 0}.logout-card a{display: inline-block;padding: var(--spacing-3) var(--spacing-8);background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color: var(--color-white);text-decoration: none;border-radius: var(--border-radius-md);font-weight: var(--font-weight-medium);transition: all var(--transition-fast);box-shadow: var(--shadow-md)}.logout-card a:hover{background: linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);transform: translateY(-2px);box-shadow: var(--shadow-lg)}@media (max-width: 640px){.logout-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.logout-card h3{font-size: var(--font-size-2xl)}.logout-icon{font-size: var(--font-size-4xl)}}.content-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.presentation-page__card-title{flex: 1}.presentation-page__editor-wrapper:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.presentation-page__preview-content p{margin-bottom: var(--spacing-4)}.presentation-page__preview-content p:last-child{margin-bottom: 0}.presentation-page__preview-content ul,.presentation-page__preview-content ol{margin-bottom: var(--spacing-4);padding-left: var(--spacing-8)}.presentation-page__preview-content a{color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium)}.presentation-page__preview-content a:hover{text-decoration: underline}.presentation-page__preview-content strong{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.presentation-page__preview-content em{font-style: italic}.presentation-page__preview-content u{text-decoration: underline}.presentation-page__preview-content s{text-decoration: line-through}.presentation-page__loading-spinner i{font-size: var(--font-size-5xl);color: var(--color-primary);animation: spin 1s linear infinite}@media (max-width: 768px){.presentation-page__hero{border-radius: var(--border-radius-md)}.presentation-page__hero-icon{width: 64px;height: 64px;font-size: var(--font-size-3xl)}.presentation-page__subtitle{font-size: var(--font-size-base)}.presentation-page__card-header{padding: var(--spacing-5)}.presentation-page__card-icon{width: 48px;height: 48px;font-size: var(--font-size-xl)}.presentation-page__card-body{padding: var(--spacing-5)}.presentation-page__editor-toolbar{gap: var(--spacing-1);padding: var(--spacing-3)}.presentation-page__toolbar-btn{padding: var(--spacing-2);font-size: var(--font-size-sm)}.presentation-page__editor-wrapper{min-height: 300px}}@media (max-width: 640px){.presentation-page__title{font-size: var(--font-size-2xl)}.presentation-page__card-title h3{font-size: var(--font-size-lg)}.presentation-page__toolbar-group{gap: var(--spacing-0-5)}.presentation-page__toolbar-btn{padding: var(--spacing-2);min-width: 36px}}.presentation-page{min-height: 100vh;max-width: 1200px;margin: 0 auto;padding: var(--spacing-8)}.presentation-page__loading{color: var(--color-text-secondary);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-8);text-align: center}.presentation-page__loading-spinner{width: 48px;height: 48px;font-size: var(--font-size-4xl);color: var(--color-primary);margin-bottom: var(--spacing-6)}.presentation-page__loading h3{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-2xl);margin: 0 0 var(--spacing-3) 0}.presentation-page__loading p{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0}.presentation-page__hero{background: linear-gradient(135deg,var(--color-info-hover),var(--color-info-hover));position: relative;border-radius: var(--border-radius-xl);overflow: hidden;margin-bottom: var(--spacing-8);box-shadow: var(--shadow-lg)}.presentation-page__hero-background{background-size: cover;position: absolute;inset: 0;background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);opacity: 0.95}.presentation-page__hero-content{position: relative;padding: var(--spacing-12) var(--spacing-8);text-align: center;color: var(--color-white);z-index: 1}.presentation-page__hero-icon{width: 80px;height: 80px;margin: 0 auto var(--spacing-5);background: color-mix(in srgb,var(--color-surface) 15%,transparent);border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);box-shadow: var(--shadow-2xl);font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.9}.presentation-page__title{color: var(--color-text-inverse);text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 10%,transparent);font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-3) 0}.presentation-page__subtitle{color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent);font-weight: var(--font-weight-normal);font-size: var(--font-size-base);opacity: 0.95;margin: 0}.presentation-page__card{border: 1px solid var(--color-border);background: var(--color-white);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);overflow: hidden;margin-bottom: var(--spacing-8);transition: transform var(--transition-normal),box-shadow var(--transition-normal)}.presentation-page__card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.presentation-page__card-header{background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-gray-100));display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);border-bottom: 1px solid var(--color-border)}.presentation-page__card-icon{box-shadow: var(--shadow-md);width: 48px;height: 48px;border-radius: var(--border-radius-lg);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);color: var(--color-white);flex-shrink: 0}.presentation-page__card-icon--editor{background: var(--color-primary)}.presentation-page__card-icon--preview{background: var(--color-success)}.presentation-page__card-title h3{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-1) 0}.presentation-page__card-title p{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.presentation-page__card-body{padding: var(--spacing-6)}.presentation-page__editor-toolbar{align-items: center;display: flex;flex-wrap: wrap;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-gray-50);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);margin-bottom: var(--spacing-4)}.presentation-page__toolbar-group{align-items: center;display: flex;gap: var(--spacing-1)}.presentation-page__toolbar-btn{display: flex;align-items: center;gap: var(--spacing-1);min-width: 40px;justify-content: center;padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-white);color: var(--color-text-primary);cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm)}.presentation-page__toolbar-btn:hover{color: var(--color-text-inverse);border-color: var(--color-primary);transform: translateY(-1px);box-shadow: var(--shadow-sm);background: var(--color-gray-100)}.presentation-page__toolbar-btn:active{transform: translateY(0);background: var(--color-gray-200)}.presentation-page__toolbar-badge{font-size: 0.6em}.presentation-page__toolbar-separator{height: 28px;width: 1px;background: var(--color-border);margin: 0 var(--spacing-2)}.presentation-page__editor-wrapper{background: var(--color-surface);margin-bottom: var(--spacing-5);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);border: 1px solid var(--color-border-dark);border-radius: var(--border-radius-lg);overflow: hidden;min-height: 300px}.presentation-page__card-actions{display: flex;justify-content: flex-end;gap: var(--spacing-4);margin-top: var(--spacing-6);padding-top: var(--spacing-6);border-top: 1px solid var(--color-border)}.presentation-page__preview-content{background: var(--color-gray-50);border: 2px dashed var(--color-border);border-radius: var(--border-radius-md);color: var(--color-text-primary);min-height: 200px;padding: var(--spacing-4);line-height: var(--line-height-relaxed)}.presentation-page__empty-preview{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-12) var(--spacing-8);text-align: center;color: var(--color-text-tertiary)}.presentation-page__empty-preview i{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);opacity: 0.5}.presentation-page__empty-preview p{color: var(--color-text-secondary);font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);margin: 0 0 var(--spacing-2) 0}.presentation-page__empty-preview small{color: var(--color-text-tertiary);font-size: var(--font-size-sm)}@media (max-width: 768px){.presentation-page{padding: var(--spacing-4)}.presentation-page__hero-content{padding: var(--spacing-8) var(--spacing-4)}.presentation-page__title{font-size: var(--font-size-2xl)}.presentation-page__toolbar-group{width: 100%;justify-content: space-evenly}.presentation-page__card-actions{flex-direction: column}}.password-rules{background-color: var(--color-gray-50);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);padding: var(--spacing-4);margin-top: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.password-rules p.mb-1{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.password-rules ul{list-style: none;padding-left: 0;margin-bottom: 0}.password-rules li{padding-left: var(--spacing-6);position: relative;line-height: var(--line-height-relaxed)}.password-rules li::before{content: "\2022";color: var(--color-primary);font-weight: var(--font-weight-bold);position: absolute;left: 0}.register__privacy-notice{text-align: center;font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-top: var(--spacing-4);line-height: var(--line-height-normal)}.register__privacy-notice a{color: var(--color-primary);text-decoration: underline;font-weight: var(--font-weight-medium)}.register__privacy-notice a:hover{color: var(--color-primary-hover);text-decoration: none}.resend-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.resend-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.resend-header{text-align: center;margin-bottom: var(--spacing-8)}.resend-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.resend-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.resend-form{display: flex;flex-direction: column;gap: var(--spacing-5)}.resend-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.resend-button{margin-top: var(--spacing-2)}@media (max-width: 640px){.resend-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.resend-header h1{font-size: var(--font-size-2xl)}}.reset-password-container{height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);padding: var(--spacing-4);overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0}.reset-password-card{background: var(--color-white);border-radius: var(--border-radius-2xl);box-shadow: var(--shadow-2xl);padding: var(--spacing-10);width: 100%;max-width: 440px;max-height: calc(100vh - 2rem);overflow-y: auto;animation: slideIn var(--transition-normal) ease-out}.reset-password-header{text-align: center;margin-bottom: var(--spacing-8)}.reset-password-header h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.reset-password-subtitle{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.reset-password-form{display: flex;flex-direction: column;gap: var(--spacing-5)}.reset-password-form .form-group label{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.reset-password-button{margin-top: var(--spacing-2)}@media (max-width: 640px){.reset-password-card{padding: var(--spacing-8) var(--spacing-6);max-width: 100%;width: calc(100% - 2rem)}.reset-password-header h1{font-size: var(--font-size-2xl)}}.security-page__card-title{flex: 1}.security-page__form-field:last-of-type{margin-bottom: var(--spacing-6)}.security-page__verification-notice i{color: var(--color-warning-text);flex-shrink: 0}.security-page__verification-notice span{flex: 1}.security-page__verify-link:hover{color: var(--color-primary-hover)}.security-page__loading-spinner i{font-size: var(--font-size-5xl);color: var(--color-primary);animation: spin 1s linear infinite}@media (max-width: 768px){.security-page__hero-icon{width: 64px;height: 64px}.security-page{padding: var(--spacing-4)}.security-page__grid{margin-bottom: var(--spacing-6);grid-template-columns: 1fr}.security-page__hero-content{padding: var(--spacing-8) var(--spacing-4)}.security-page__title{font-size: var(--font-size-2xl)}.security-page__card-actions{flex-direction: column}}.security-page{min-height: 100vh;max-width: 1200px;margin: 0 auto;padding: var(--spacing-8)}.security-page__loading{color: var(--color-text-secondary);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-8);text-align: center}.security-page__loading-spinner{width: 48px;height: 48px;font-size: var(--font-size-4xl);color: var(--color-primary);margin-bottom: var(--spacing-6)}.security-page__loading h3{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-2xl);margin: 0 0 var(--spacing-3) 0}.security-page__loading p{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0}.security-page__hero{background: linear-gradient(135deg,var(--color-danger),var(--color-danger-hover));position: relative;border-radius: var(--border-radius-xl);overflow: hidden;margin-bottom: var(--spacing-8);box-shadow: var(--shadow-lg)}.security-page__hero-background{background-size: cover;position: absolute;inset: 0;background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);opacity: 0.95}.security-page__hero-content{position: relative;padding: var(--spacing-12) var(--spacing-8);text-align: center;color: var(--color-white);z-index: 1}.security-page__hero-icon{width: 80px;height: 80px;margin: 0 auto var(--spacing-5);background: color-mix(in srgb,var(--color-surface) 15%,transparent);border-radius: var(--border-radius-full);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);box-shadow: var(--shadow-2xl);font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.9}.security-page__title{color: var(--color-text-inverse);text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 10%,transparent);font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-3) 0}.security-page__subtitle{color: color-mix(in srgb,var(--color-text-inverse) 90%,transparent);font-weight: var(--font-weight-normal);font-size: var(--font-size-base);opacity: 0.95;margin: 0}.security-page__grid{margin-bottom: var(--spacing-8);display: grid;grid-template-columns: repeat(auto-fit,minmax(450px,1fr));gap: var(--spacing-6)}.security-page__card{border: 1px solid var(--color-border);background: var(--color-white);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);overflow: hidden;transition: transform var(--transition-normal),box-shadow var(--transition-normal)}.security-page__card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.security-page__card-header{background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-gray-100));display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);border-bottom: 1px solid var(--color-border)}.security-page__card-icon{box-shadow: var(--shadow-md);width: 48px;height: 48px;border-radius: var(--border-radius-lg);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);color: var(--color-white);flex-shrink: 0}.security-page__card-icon--email{background: var(--color-warning)}.security-page__card-icon--password{background: var(--color-primary)}.security-page__card-title h3{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-1) 0}.security-page__card-title p{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}.security-page__card-body{padding: var(--spacing-6)}.security-page__form-field{margin-bottom: var(--spacing-6)}.security-page__field-label{flex-wrap: wrap;display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm);margin-bottom: var(--spacing-2)}.security-page__form-control{background: var(--color-surface);font-family: inherit;line-height: var(--line-height-normal);width: 100%;padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);font-size: var(--font-size-base);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.security-page__form-control:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.security-page__form-control--disabled{background: var(--color-gray-50);color: var(--color-text-tertiary);cursor: not-allowed}.security-page__badge{text-transform: uppercase;letter-spacing: 0.5px;display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.security-page__badge--verified{background: var(--color-success-light);color: var(--color-success-hover)}.security-page__badge--unverified{background: var(--color-danger-light);color: var(--color-danger-text)}.security-page__badge--required{background: var(--color-warning-light);color: var(--color-warning-hover)}.security-page__verification-notice{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-3);background: var(--color-danger-light);border: 1px solid var(--color-danger);border-radius: var(--border-radius-lg);color: var(--color-danger-text);font-size: var(--font-size-sm);margin-top: var(--spacing-2)}.security-page__verify-link{white-space: nowrap;font-weight: var(--font-weight-semibold);padding: 0;background: transparent;border: none;color: var(--color-primary);text-decoration: underline;cursor: pointer}.security-page__field-hint{font-style: italic;display: block;color: var(--color-text-secondary);font-size: var(--font-size-xs);margin-top: var(--spacing-1)}.security-page__field-error{font-weight: var(--font-weight-medium);display: block;color: var(--color-danger-text);font-size: var(--font-size-xs);margin-top: var(--spacing-1)}.security-page__card-actions{display: flex;justify-content: flex-end;gap: var(--spacing-4);margin-top: var(--spacing-6);padding-top: var(--spacing-6);border-top: 1px solid var(--color-border)}.authenticator-steps{list-style: decimal;padding-left: var(--spacing-6);margin: var(--spacing-4) 0}.authenticator-steps > li{margin-bottom: var(--spacing-4)}.recovery-codes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--spacing-2);margin: var(--spacing-4) 0}.recovery-codes__code{display: block;padding: var(--spacing-2) var(--spacing-3);font-family: var(--font-family-mono);font-size: var(--font-size-base);text-align: center;background: var(--color-surface-secondary);border: 1px solid var(--color-border);border-radius: var(--border-radius-md)}@media (max-width: 640px){.recovery-codes{grid-template-columns: 1fr}}.ai-drafts{display: grid;grid-template-columns: minmax(240px,320px) 1fr;gap: var(--spacing-6);align-items: start}.ai-drafts__empty{color: var(--color-text-secondary)}.ai-drafts__list{display: flex;flex-direction: column;gap: var(--spacing-2)}.ai-drafts__item{display: flex;flex-direction: column;gap: var(--spacing-1);text-align: left;padding: var(--spacing-3) var(--spacing-4);background: var(--color-surface);border: 1px solid var(--color-border);border-left: 3px solid var(--color-border);border-radius: var(--border-radius-md);cursor: pointer;font: inherit;color: inherit}.ai-drafts__item:hover{background: var(--color-gray-100)}.ai-drafts__item--active{border-left-color: var(--color-primary);background: var(--color-primary-light)}.ai-drafts__item-company{font-weight: var(--font-weight-bold);color: var(--color-text-primary)}.ai-drafts__item-title{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.ai-drafts__item-meta{display: flex;justify-content: space-between;gap: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-text-muted)}.ai-drafts__status{padding: 0 var(--spacing-2);border-radius: var(--border-radius-sm);font-weight: var(--font-weight-medium)}.ai-drafts__status--neverpublished{background: var(--color-info-light);color: var(--color-info-text)}.ai-drafts__status--published{background: var(--color-success-light);color: var(--color-success-text)}.ai-drafts__status--modifiedsincepublication{background: var(--color-warning-light);color: var(--color-warning-text)}.ai-drafts__header{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--spacing-4);margin-bottom: var(--spacing-4)}.ai-drafts__title{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-xl);color: var(--color-text-primary)}.ai-drafts__description{margin: 0;color: var(--color-text-secondary)}.ai-drafts__actions{display: flex;gap: var(--spacing-2);flex-shrink: 0}.ai-drafts__fields{display: grid;grid-template-columns: max-content 1fr;gap: var(--spacing-1) var(--spacing-4);margin: 0 0 var(--spacing-6) 0;font-size: var(--font-size-sm)}.ai-drafts__fields dt{color: var(--color-text-secondary)}.ai-drafts__fields dd{margin: 0;color: var(--color-text-primary)}.ai-drafts__subtitle{margin: var(--spacing-4) 0 var(--spacing-2) 0;font-size: var(--font-size-base);color: var(--color-text-secondary)}.ai-drafts__message{padding: var(--spacing-4);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-md);background: var(--color-surface)}@media (max-width: 1024px){.ai-drafts{grid-template-columns: 1fr}.ai-drafts__header{flex-direction: column}}.cache-settings__container{display: flex;flex-direction: column;gap: var(--spacing-5)}.cache-settings__card{border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-md)}.cache-settings__card-header{background: var(--color-surface-secondary);border-bottom: 1px solid var(--color-border);padding: var(--spacing-4) var(--spacing-5)}.cache-settings__card-header h5{margin: 0;color: var(--text-secondary);font-size: var(--font-size-lg)}.cache-settings__card-body{padding: var(--spacing-5)}.cache-settings__status-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-5)}.cache-settings__status-item{display: flex;flex-direction: column;gap: var(--spacing-2)}.cache-settings__status-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: 500}.cache-settings__status-value{font-size: var(--font-size-base);color: var(--text-primary);font-weight: 600}.cache-settings__badge{padding: var(--spacing-1-5) var(--spacing-3);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: 500;display: inline-flex;align-items: center;gap: var(--spacing-1-5)}.cache-settings__badge--success{background-color: var(--color-success);color: var(--color-text-inverse)}.cache-settings__badge--warning{background-color: var(--color-warning);color: var(--color-text-inverse)}.cache-settings__form-section{margin-bottom: var(--spacing-6)}.cache-settings__form-section:last-child{margin-bottom: 0}.cache-settings__form-check{margin-bottom: var(--spacing-4)}.cache-settings__form-check-label{display: flex;flex-direction: column;gap: var(--spacing-1)}.cache-settings__form-check-label strong{font-size: var(--font-size-lg)}.cache-settings__form-text{display: block;margin-top: var(--spacing-1);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.cache-settings__actions{display: flex;gap: var(--spacing-2);flex-wrap: wrap}.cache-settings__actions-info{margin-top: var(--spacing-2)}@media (max-width: 768px){.cache-settings__status-grid{grid-template-columns: 1fr;gap: var(--spacing-4)}.cache-settings__card-header,.cache-settings__card-body{padding: var(--spacing-4)}.cache-settings__actions{flex-direction: column}.cache-settings__actions > *{width: 100%}}@media (max-width: 640px){.cache-settings__container{gap: var(--spacing-4)}.cache-settings__card-header h5{font-size: var(--font-size-base)}.cache-settings__badge{font-size: var(--font-size-xs);padding: var(--spacing-1) var(--spacing-2-5)}}@media (prefers-reduced-motion: reduce){.cache-settings__card{transition: none}}.cache-settings__card:focus-within{outline: 2px solid var(--color-primary);outline-offset: 2px}.challenge-cache-admin-page__card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 1px solid var(--color-border)}.challenge-cache-admin-page__card-header--toggle{cursor: pointer}.challenge-cache-admin-page__card-header h2{font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0}.challenge-cache-admin-page__card-header h2 i{margin-right: var(--spacing-2);color: var(--color-primary)}.cache-status{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-6)}.challenge-cache-admin-page__status-card{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-6);background: var(--color-gray-50);border-radius: var(--border-radius-lg);border: 2px solid var(--color-border);transition: var(--transition-normal)}.challenge-cache-admin-page__status-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.challenge-cache-admin-page__status-card--success{background: var(--color-success-light);border-color: var(--color-success)}.challenge-cache-admin-page__status-card--warning{background: var(--color-warning-light);border-color: var(--color-warning)}:where([data-page="ChallengeCacheAdminPage"]) .status-icon{font-size: var(--font-size-4xl);color: var(--color-text-secondary)}.challenge-cache-admin-page__status-card--success .status-icon{color: var(--color-success-text)}.challenge-cache-admin-page__status-card--warning .status-icon{color: var(--color-warning-text)}.challenge-cache-admin-page__status-content{flex: 1}.challenge-cache-admin-page__status-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium);margin-bottom: var(--spacing-1)}.challenge-cache-admin-page__status-value{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary)}.challenge-cache-admin-page__status-value i{margin-right: var(--spacing-1)}.admin-actions{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-6)}.action-card{display: flex;gap: var(--spacing-4);padding: var(--spacing-6);background: var(--color-gray-50);border-radius: var(--border-radius-lg);border: 2px solid var(--color-border);transition: var(--transition-normal)}.action-card:hover{box-shadow: var(--shadow-md)}.challenge-cache-admin-page__action-icon{flex-shrink: 0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-3xl);border-radius: var(--border-radius-lg)}.challenge-cache-admin-page__action-icon--primary{background: var(--color-primary-light);color: var(--color-primary)}.challenge-cache-admin-page__action-icon--danger{background: var(--color-danger-light);color: var(--color-danger-text)}.challenge-cache-admin-page__action-icon--info{background: var(--color-info-light);color: var(--color-info-text)}.challenge-cache-admin-page__action-content{flex: 1}.challenge-cache-admin-page__action-content h3{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-2)}.challenge-cache-admin-page__action-content p{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-4)}.operation-logs{max-height: 400px;overflow-y: auto;background: var(--color-gray-50);border-radius: var(--border-radius-lg);padding: var(--spacing-4)}.challenge-cache-admin-page__log-entry{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-3);margin-bottom: var(--spacing-2);background: var(--color-surface);border-radius: var(--border-radius-md);border-left: 4px solid var(--color-border);transition: var(--transition-fast)}.challenge-cache-admin-page__log-entry:hover{background: var(--color-gray-50)}.challenge-cache-admin-page__log-entry--success{border-left-color: var(--color-success)}.challenge-cache-admin-page__log-entry--error{border-left-color: var(--color-danger)}.challenge-cache-admin-page__log-entry--warning{border-left-color: var(--color-warning)}.challenge-cache-admin-page__log-entry--info{border-left-color: var(--color-info)}.log-entry__timestamp{font-size: var(--font-size-xs);color: var(--color-text-secondary);font-family: monospace;min-width: 80px}.log-entry__icon{font-size: var(--font-size-lg)}.challenge-cache-admin-page__log-entry--success .log-entry__icon{color: var(--color-success-text)}.challenge-cache-admin-page__log-entry--error .log-entry__icon{color: var(--color-danger-text)}.challenge-cache-admin-page__log-entry--warning .log-entry__icon{color: var(--color-warning-text)}.challenge-cache-admin-page__log-entry--info .log-entry__icon{color: var(--color-info-text)}.log-entry__message{flex: 1;font-size: var(--font-size-sm);color: var(--color-text-primary)}.participants-table-wrapper{overflow-x: auto;margin-top: var(--spacing-4)}.participants-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm)}.participants-table thead{background: var(--color-gray-50)}.participants-table th{padding: var(--spacing-3) var(--spacing-4);text-align: left;font-weight: var(--font-weight-semibold);color: var(--color-text-primary);border-bottom: 2px solid var(--color-border)}.participants-table td{padding: var(--spacing-3) var(--spacing-4);border-bottom: 1px solid var(--color-border)}.participants-table tbody tr{transition: var(--transition-fast)}.participants-table tbody tr:hover{background: var(--color-gray-50)}.challenge-cache-admin-page__rank-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm)}.challenge-cache-admin-page__rank-badge--gold{background: var(--color-warning-light);color: var(--color-warning-text)}.challenge-cache-admin-page__rank-badge--silver{background: var(--color-gray-200);color: var(--color-text-primary)}.challenge-cache-admin-page__rank-badge--bronze{background: var(--color-warning-light);color: var(--color-warning-text)}.challenge-cache-admin-page__rank-badge i{font-size: var(--font-size-base)}@media (max-width: 768px){.challenge-cache-admin{padding: var(--spacing-4)}.cache-status,.admin-actions{grid-template-columns: 1fr}.participants-table{font-size: var(--font-size-xs)}.participants-table th,.participants-table td{padding: var(--spacing-2)}}.impersonation-banner{position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-index-toast);background: linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger) 100%);color: var(--color-text-inverse);padding: var(--spacing-3) var(--spacing-6);box-shadow: var(--shadow-lg);display: flex;justify-content: space-between;align-items: center;animation: slideDown 0.3s ease-out}.impersonation-banner__content{display: flex;align-items: center;gap: var(--spacing-4)}.impersonation-banner__icon{font-size: var(--font-size-2xl);animation: pulse 2s ease-in-out infinite}.impersonation-banner__text{display: flex;flex-direction: column;gap: var(--spacing-1)}.impersonation-banner__text strong{font-weight: var(--font-weight-bold)}.impersonation-banner__original{font-size: var(--font-size-sm);opacity: 0.9}.impersonation-banner__button{flex-shrink: 0}body:has(.impersonation-banner){padding-top: var(--spacing-16)!important}@media (max-width: 768px){.impersonation-banner{flex-direction: column;gap: var(--spacing-3);padding: var(--spacing-4);text-align: center}.impersonation-banner__content{flex-direction: column;gap: var(--spacing-2)}body:has(.impersonation-banner){padding-top: calc(var(--spacing-20) + var(--spacing-10))!important}}.log-console{max-height: 70vh;overflow-y: auto;padding: var(--spacing-4);background: var(--color-surface-secondary);color: var(--color-text-primary);font-family: var(--font-mono);font-size: var(--font-size-sm);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg)}.log-console__block{margin-bottom: var(--spacing-1-5);padding: var(--spacing-2-5);border-radius: var(--border-radius-md);cursor: pointer;transition: background-color var(--transition-fast),box-shadow var(--transition-fast)}.log-console__block:hover{background: var(--color-surface);box-shadow: var(--shadow-md)}.log-console__message{margin: var(--spacing-1) 0 0 0;padding: 0;color: inherit;font-family: inherit;white-space: pre-wrap;background: transparent;border: none}.log-console__entry{margin-bottom: var(--spacing-1)}.log-console__time{color: var(--color-text-muted)}.log-console__execution{color: var(--color-success-text)}.log-console__block--error,.log-console__entry--error{color: var(--color-danger-text)}.log-console__entry--error{font-weight: var(--font-weight-medium)}.log-console__block--warning,.log-console__entry--warning{color: var(--color-warning-text)}.log-console__block--info,.log-console__entry--info{color: var(--color-info-text)}.log-console__block--debug,.log-console__entry--debug{color: var(--color-text-secondary)}.duplicate-companies{display: flex;flex-direction: column;gap: var(--spacing-6)}.duplicate-companies__filters{display: flex;align-items: flex-end;gap: var(--spacing-4);padding: var(--spacing-6);background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);flex-wrap: wrap}.duplicate-companies__filter-group{display: flex;flex-direction: column;gap: var(--spacing-2);flex: 1;min-width: 250px}.duplicate-companies__filter-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.duplicate-companies__filter-label i{color: var(--color-primary)}.duplicate-companies__filter-input{padding: var(--spacing-3) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base);transition: all var(--transition-fast);background: var(--color-surface);color: var(--color-text-primary)}.duplicate-companies__filter-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.duplicate-companies__filter-input::placeholder{color: var(--color-text-tertiary)}.duplicate-companies__loading{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-4);padding: var(--spacing-12);background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.duplicate-companies__loading i{font-size: var(--font-size-4xl);color: var(--color-primary)}.duplicate-companies__loading-text{font-size: var(--font-size-lg);color: var(--color-text-secondary);margin: 0}.duplicate-companies__empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-4);padding: var(--spacing-12);background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);text-align: center}.duplicate-companies__empty-icon{font-size: var(--font-size-5xl);color: var(--color-success-text)}.duplicate-companies__empty-title{font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0}.duplicate-companies__empty-description{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0;max-width: 500px}.duplicate-companies__header{padding: var(--spacing-6);background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.duplicate-companies__header-title{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;display: flex;align-items: center;gap: var(--spacing-3)}.duplicate-companies__header-title i{color: var(--color-warning-text)}.duplicate-companies__header-subtitle{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0}.duplicate-companies__groups{display: flex;flex-direction: column;gap: var(--spacing-4)}.duplicate-companies__group{background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);overflow: hidden;transition: box-shadow var(--transition-fast)}.duplicate-companies__group:hover{box-shadow: var(--shadow-md)}.duplicate-companies__group-header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-5);background: var(--color-gray-50);cursor: pointer;transition: background-color var(--transition-fast)}.duplicate-companies__group-header:hover{background: var(--color-gray-100)}.duplicate-companies__group-info{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-3)}.duplicate-companies__group-name{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0}.duplicate-companies__group-stats{display: flex;align-items: center;gap: var(--spacing-6);flex-wrap: wrap}.duplicate-companies__stat{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.duplicate-companies__stat i{color: var(--color-primary);font-size: var(--font-size-base)}.duplicate-companies__group-toggle{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: none;background: var(--color-surface);border-radius: var(--border-radius-md);color: var(--color-text-secondary);cursor: pointer;transition: all var(--transition-fast);flex-shrink: 0}.duplicate-companies__group-toggle:hover{background: var(--color-primary-light);color: var(--color-primary);transform: scale(1.05)}.duplicate-companies__group-toggle:active{transform: scale(0.95)}.duplicate-companies__group-toggle i{font-size: var(--font-size-lg)}.duplicate-companies__group-content{padding: var(--spacing-5);border-top: 1px solid var(--color-border);background: var(--color-surface)}.duplicate-companies__table{width: 100%;border-collapse: collapse}.duplicate-companies__table-head{background: var(--color-gray-50)}.duplicate-companies__table-header{padding: var(--spacing-3) var(--spacing-4);text-align: left;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.05em;border-bottom: 2px solid var(--color-border)}.duplicate-companies__table-body{background: var(--color-surface)}.duplicate-companies__table-row{transition: background-color var(--transition-fast)}.duplicate-companies__table-row:hover{background: var(--color-gray-50)}.duplicate-companies__table-row:not(:last-child){border-bottom: 1px solid var(--color-border-light)}.duplicate-companies__table-cell{padding: var(--spacing-4);font-size: var(--font-size-sm);color: var(--color-text-primary)}.duplicate-companies__table-cell--id{font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);font-family: 'Courier New',monospace;width: 100px}.duplicate-companies__table-cell--name{font-weight: var(--font-weight-medium)}.duplicate-companies__table-cell--center{text-align: center;width: 120px}.duplicate-companies__info{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-4) var(--spacing-5);background: var(--color-info-light);border-radius: var(--border-radius-md);border: 1px solid var(--color-info);color: var(--color-info-text);font-size: var(--font-size-sm)}.duplicate-companies__info i{font-size: var(--font-size-lg);flex-shrink: 0}@media (max-width: 768px){.duplicate-companies__filters{flex-direction: column;align-items: stretch}.duplicate-companies__filter-group{min-width: 100%}.duplicate-companies__group-header{flex-direction: column;align-items: flex-start;gap: var(--spacing-4)}.duplicate-companies__group-toggle{align-self: flex-end}.duplicate-companies__group-stats{flex-direction: column;align-items: flex-start;gap: var(--spacing-2)}.duplicate-companies__table{font-size: var(--font-size-xs)}.duplicate-companies__table-header,.duplicate-companies__table-cell{padding: var(--spacing-2) var(--spacing-3)}.duplicate-companies__table-cell--id,.duplicate-companies__table-cell--center{width: auto}}@media (max-width: 640px){.duplicate-companies__header-title{font-size: var(--font-size-lg)}.duplicate-companies__group-name{font-size: var(--font-size-base)}.duplicate-companies__group-content{overflow-x: auto}.duplicate-companies__table{min-width: 500px}}.duplicate-companies__asset{padding: var(--spacing-1) var(--spacing-2);font-size: var(--font-size-sm);background: var(--color-gray-100);border-radius: var(--border-radius-sm)}.duplicate-companies__asset-meta{font-size: var(--font-size-xs);color: var(--color-gray-500)}.duplicate-companies__no-asset{font-style: italic;color: var(--color-gray-400)}.market-history{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: var(--spacing-6)}.market-history__card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-6)}.market-history__title{font-size: var(--font-size-xl);margin: 0 0 var(--spacing-2)}.market-history__hint{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0 0 var(--spacing-4)}.market-history__fields{display: flex;flex-direction: column;gap: var(--spacing-2)}.market-history__actions{margin-top: var(--spacing-4)}.market-history__result{margin: var(--spacing-4) 0 0;font-size: var(--font-size-sm)}.push-diagnostics__output{max-height: 70vh;overflow-y: auto;white-space: pre-wrap}.tags-management-page__color-input:hover{border-color: var(--color-primary)}.tags-management-page__tag-preview-container .tags-management-page__tag-badge{font-size: var(--font-size-base);padding: var(--spacing-2) var(--spacing-4)}@media (max-width: 768px){.tags-management-page__color-picker-container{flex-wrap: wrap}}.tags-management-page__empty-icon{font-size: var(--font-size-5xl);color: var(--color-text-tertiary)}.tags-management-page__empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-10) var(--spacing-5);text-align: center}.tags-management-page__empty-title{margin: var(--spacing-4) 0 var(--spacing-2) 0;color: var(--color-text-primary)}.tags-management-page__empty-description{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-secondary);margin-bottom: var(--spacing-6)}.tags-management-page__header-actions{gap: var(--spacing-5);display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 1px solid var(--color-border)}.tags-management-page__filters{background: var(--color-surface);padding: var(--spacing-5);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-6)}.tags-management-page__filters-container{display: grid;grid-template-columns: 2fr 1fr;gap: var(--spacing-4)}.tags-management-page__filter-field{display: flex;flex-direction: column}.tags-management-page__filter-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);margin-bottom: var(--spacing-2)}.tags-management-page__form-select{width: 100%;padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background-color: var(--color-surface);color: var(--color-text-primary);font-size: var(--font-size-base);transition: var(--transition-fast)}.tags-management-page__form-select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-success-text) 10%,transparent)}.tags-management-page__content{background: var(--color-surface);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);overflow: hidden}.tags-management-page__tag-color-preview{background-color: var(--tag-color,var(--color-gray-400));border: 2px solid var(--color-border);width: 40px;height: 40px;border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);margin: 0 auto}.tags-management-page__tag-preview{display: flex;align-items: center}.tags-management-page__tag-badge{background-color: var(--tag-color,var(--color-gray-600));text-shadow: 0 1px 2px color-mix(in srgb,var(--color-black) 20%,transparent);display: inline-flex;align-items: center;padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);color: var(--color-text-inverse);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium)}.tags-management-page__color-picker-section{display: flex;flex-direction: column;gap: var(--spacing-2)}.tags-management-page__color-picker-container{padding: var(--spacing-3);background-color: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px solid var(--color-border);display: flex;align-items: center;gap: var(--spacing-3)}.tags-management-page__color-input{transition: var(--transition-fast);width: 60px;height: 40px;border: 1px solid var(--color-border);border-radius: var(--border-radius-md);cursor: pointer}.tags-management-page__color-value{flex: 1;font-family: var(--font-family-mono);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.tags-management-page__tag-preview-container{background-color: var(--color-gray-50);border: 1px solid var(--color-border);padding: var(--spacing-3);background: var(--color-background);border-radius: var(--border-radius-md);display: flex;align-items: center;justify-content: center}@media (max-width: 768px){.tags-management-page__filters-container{grid-template-columns: 1fr}.tags-management-page__header-actions{flex-direction: column;align-items: flex-start;gap: var(--spacing-3)}}.tags-management-page__inline-color-input{width: 60px;height: 32px;border: none;cursor: pointer}.users-page__header-actions{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-4);gap: var(--spacing-5)}.users-page__content{border-radius: var(--border-radius-md);overflow: hidden}.users-page__empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-10) var(--spacing-5);text-align: center}.users-page__empty-icon{color: var(--color-gray-400);margin-bottom: var(--spacing-4)}.users-page__empty-title{margin: var(--spacing-4) 0 var(--spacing-2) 0;color: var(--color-text-primary)}.users-page__empty-description{color: var(--color-text-secondary);margin: 0 0 var(--spacing-4) 0}.users-page__roles-display{display: flex;align-items: center;gap: var(--spacing-2)}.users-page__roles-list{display: flex;flex-wrap: wrap;gap: var(--spacing-1);flex: 1}.users-page__role-badge{display: inline-block;background-color: var(--role-color,var(--color-gray-600));padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-xl);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-white);white-space: nowrap}.users-page__status-badge{display: inline-block;padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-xl);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-white)}.users-page__status-badge--active{background-color: var(--color-success)}.users-page__status-badge--inactive{background-color: var(--color-gray-500)}.users-page__edit-role-btn{min-width: 32px;height: 32px;padding: 0 var(--spacing-2)}.users-page__inline-editor{display: flex;align-items: center;gap: var(--spacing-2)}.users-page__inline-editor-actions{display: flex;gap: var(--spacing-1)}.users-page__text-muted{color: var(--color-gray-400);font-style: italic}.users-page__modal{min-width: 500px}.users-page__roles-section{display: flex;flex-direction: column;gap: var(--spacing-3)}.users-page__roles-checkboxes{display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-3);background-color: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}@media (max-width: 1024px){.users-page__header-actions{flex-direction: column;align-items: flex-start;gap: var(--spacing-3)}.users-page__filters-container{flex-direction: column}.users-page__filter-field{min-width: 100%}.users-page__modal{min-width: auto}.users-page__inline-editor{flex-direction: column;align-items: flex-start}}.users-page__search-input{flex: 1;min-width: 300px}.users-page__filters{background: var(--color-white);padding: var(--spacing-5);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-6)}.users-page__filters-container{flex-wrap: wrap;display: grid;grid-template-columns: 2fr 1fr;gap: var(--spacing-4);align-items: end}.users-page__filter-field{flex: 1;min-width: 250px;display: flex;flex-direction: column;gap: var(--spacing-2)}.users-page__filter-label{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-sm)}.users-page__form-select{transition: var(--transition-fast);width: 100%;padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-base)}.users-page__form-select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}@media (max-width: 768px){.users-page__filters-container{grid-template-columns: 1fr}.users-page__search-input{min-width: 100%}}.analysis-detail{max-width: 1240px;margin: 0 auto}.analysis-detail__grid{display: grid;grid-template-columns: 280px minmax(0,1fr);gap: var(--spacing-5);align-items: start}.analysis-detail__aside{min-width: 0;align-self: stretch}.analysis-detail__sticky{position: sticky;top: calc(var(--topbar-height) + var(--spacing-4));display: flex;flex-direction: column;gap: var(--spacing-4);max-height: calc(100vh - var(--topbar-height) - var(--spacing-8));overflow-y: auto;scrollbar-width: none}.analysis-detail__sticky::-webkit-scrollbar{display: none}.analysis-detail__main{min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-4)}.analysis-detail__content{background: var(--color-surface);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.analysis-detail__content > .analysis-detail__message,.analysis-detail__content > .analysis-detail__empty,.analysis-detail__content > .analysis-detail__loading{padding: var(--spacing-8)}.analysis-detail__message-text{color: var(--color-text-primary);font-size: var(--font-size-base);line-height: var(--line-height-relaxed);overflow-wrap: anywhere}.analysis-detail__attachments{list-style: none;margin: var(--spacing-4) 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--spacing-3);font-size: var(--font-size-sm)}.analysis-detail__edit{margin-top: var(--spacing-4);padding: 0;border: 0;background: none;color: var(--color-text-secondary);font-size: var(--font-size-sm);cursor: pointer}.analysis-detail__edit:hover{color: var(--color-primary)}.analysis-detail__empty{margin: 0;color: var(--color-text-secondary)}.analysis-card{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-5);box-shadow: var(--shadow-sm)}.analysis-card__label{margin: 0 0 var(--spacing-3);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-text-secondary)}.analysis-score__label{margin: 0 0 var(--spacing-3);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-warning-hover)}.analysis-score__value{display: flex;align-items: baseline;gap: var(--spacing-1);margin: 0 0 var(--spacing-3);font-family: Georgia,"Times New Roman",serif}.analysis-score__number{font-size: var(--font-size-5xl);font-weight: var(--font-weight-bold);line-height: 1;color: var(--color-gray-900)}.analysis-score__max{font-size: var(--font-size-lg);color: var(--color-text-secondary)}.analysis-score__bar{height: 6px;border-radius: var(--border-radius-full);background: var(--color-warning-light);overflow: hidden}.analysis-score__fill{width: var(--score-width,0%);display: block;height: 100%;border-radius: inherit;background: var(--color-warning-hover)}.analysis-score__verdict{margin: var(--spacing-3) 0 0;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);line-height: var(--line-height-normal);color: var(--color-text-primary)}.analysis-score__action{margin-top: var(--spacing-4)}.analysis-facts__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--spacing-3) var(--spacing-4);margin: 0}.analysis-facts__item{min-width: 0}.analysis-facts__item dt{margin-bottom: var(--spacing-0-5);font-size: var(--font-size-sm);font-weight: var(--font-weight-normal);color: var(--color-text-secondary)}.analysis-facts__item dd{margin: 0;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);overflow-wrap: anywhere}.analysis-facts__item dd a{color: inherit;text-decoration: none}.analysis-facts__item dd a:hover{color: var(--color-primary);text-decoration: underline}.analysis-facts__perf--up{color: var(--color-success-hover)}.analysis-facts__perf--down{color: var(--color-danger-text)}.analysis-facts__tags{margin-top: var(--spacing-4)}.analysis-toc__summary{display: flex;align-items: center;justify-content: space-between;list-style: none;cursor: default}.analysis-toc__summary::-webkit-details-marker{display: none}.analysis-toc__chevron{display: none;transition: transform var(--transition-fast)}.analysis-toc__list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--spacing-0-5)}.analysis-toc__link{display: block;padding: var(--spacing-1-5) var(--spacing-2);border-radius: var(--border-radius-md);color: var(--color-text-primary);font-size: var(--font-size-sm);line-height: var(--line-height-tight);text-decoration: none;transition: background var(--transition-fast),color var(--transition-fast)}.analysis-toc__link:hover,.analysis-toc__link:focus{background: var(--color-surface-secondary);color: var(--color-text-primary);text-decoration: none}.analysis-toc__link.is-active,.analysis-toc__link.is-active:hover{background: var(--color-info-light);color: var(--color-primary-dark);font-weight: var(--font-weight-semibold)}.analysis-toc__item--discussion{margin-top: var(--spacing-2);padding-top: var(--spacing-2);border-top: 1px solid var(--color-border)}.analysis-discussion-page__analysis-header{display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-5) var(--spacing-6)}.analysis-header__meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-2) var(--spacing-3);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.analysis-header__badge{display: inline-flex;align-items: center;padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-full);background: var(--color-info-light);color: var(--color-primary-dark);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.analysis-header__byline strong{color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}.analysis-header__private{display: inline-flex;align-items: center;gap: var(--spacing-1);color: var(--color-warning-hover)}.analysis-header__actions{display: inline-flex;gap: var(--spacing-2);margin-left: auto}.analysis-header__title{margin: var(--spacing-1) 0 0;font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);line-height: var(--line-height-tight);color: var(--color-gray-900)}.analysis-header__lead{margin: 0;font-size: var(--font-size-base);line-height: var(--line-height-relaxed);color: var(--color-text-secondary)}.analysis-report__doc :where(*){all: revert}.analysis-report > .analysis-report__doc{margin: 0;padding: 0;background: transparent}.analysis-report .analysis-report__doc .vbr{max-width: none;margin: 0;border-radius: 0;box-shadow: none}.analysis-report .analysis-report__doc .vbr-body{padding: var(--spacing-10) var(--spacing-12) var(--spacing-12)}.analysis-report .analysis-report__doc .vbr-body > .vbr-part:first-of-type{margin-top: 0;padding-top: 0;border-top: 0}.analysis-report__doc [id]{scroll-margin-top: calc(var(--topbar-height) + var(--spacing-4))}@media (max-width: 768px){.analysis-report .analysis-report__doc .vbr-body{padding: var(--spacing-6) var(--spacing-4) var(--spacing-8)}}.analysis-discussion{scroll-margin-top: calc(var(--topbar-height) + var(--spacing-4));display: flex;flex-direction: column;gap: var(--spacing-4);padding: var(--spacing-5) var(--spacing-6)}.analysis-discussion__title{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-gray-900)}.analysis-discussion__count{color: var(--color-text-tertiary);font-weight: var(--font-weight-normal)}.analysis-discussion__compose{display: flex;flex-direction: column;gap: var(--spacing-2)}.analysis-discussion__label{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.analysis-discussion__textarea{width: 100%;min-height: 80px;padding: var(--spacing-3);border: 1px solid var(--color-border-dark);border-radius: var(--border-radius-md);background: var(--color-surface);color: var(--color-text-primary);font: inherit;font-size: var(--font-size-sm);line-height: var(--line-height-normal);resize: vertical;transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.analysis-discussion__textarea::placeholder{color: var(--color-text-tertiary)}.analysis-discussion__textarea:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.analysis-discussion__login{margin: 0 0 var(--spacing-4);padding: var(--spacing-3) var(--spacing-4);border-radius: var(--border-radius-md);background: var(--color-gray-50);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.analysis-discussion__login a{color: var(--color-primary);font-weight: var(--font-weight-semibold)}.analysis-discussion__empty{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm)}.analysis-discussion__list{display: flex;flex-direction: column;border-top: 1px solid var(--color-border)}.analysis-comment{display: flex;gap: var(--spacing-3);padding: var(--spacing-4) 0;border-top: 1px solid var(--color-border-light);scroll-margin-top: calc(var(--topbar-height) + var(--spacing-4))}.analysis-comment:first-child{border-top: 0}.analysis-comment--depth-1,.analysis-comment--depth-2,.analysis-comment--depth-3{padding-left: var(--spacing-4);border-left: 2px solid var(--color-border)}.analysis-comment--depth-1{margin-left: var(--spacing-10)}.analysis-comment--depth-2{margin-left: calc(var(--spacing-10) * 2)}.analysis-comment--depth-3{margin-left: calc(var(--spacing-10) * 3)}.analysis-comment__avatar{flex-shrink: 0;width: 36px;height: 36px;border-radius: var(--border-radius-full);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--color-info-light);color: var(--color-primary-dark);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold)}.analysis-comment__avatar img{width: 100%;height: 100%;object-fit: cover}.analysis-comment__main{flex: 1;min-width: 0}.analysis-comment__head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-1) var(--spacing-2);margin-bottom: var(--spacing-1)}.analysis-comment__author{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.analysis-comment__badge{padding: 0 var(--spacing-2);border-radius: var(--border-radius-full);background: var(--color-info-light);color: var(--color-primary-dark);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);line-height: 1.6}.analysis-comment__date{font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.analysis-comment__text{color: var(--color-text-primary);font-size: var(--font-size-sm);line-height: var(--line-height-relaxed);overflow-wrap: anywhere}.analysis-comment__text p{margin: 0 0 var(--spacing-2)}.analysis-comment__text p:last-child{margin-bottom: 0}.analysis-comment__attachments{list-style: none;margin: var(--spacing-2) 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--spacing-3);font-size: var(--font-size-xs)}.analysis-comment__actions{display: flex;align-items: center;gap: var(--spacing-1);margin-top: var(--spacing-1);margin-left: calc(var(--spacing-2) * -1)}.analysis-comment__action,.analysis-comment__delete .message-item__action-btn-icon{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-2);border: 0;border-radius: var(--border-radius-sm);background: none;color: var(--color-text-secondary);font-size: var(--font-size-xs);cursor: pointer;transition: background var(--transition-fast),color var(--transition-fast)}.analysis-comment__action:hover{background: var(--color-surface-secondary);color: var(--color-text-primary)}.analysis-comment__action--liked,.analysis-comment__action--liked:hover{color: var(--color-danger-text)}.analysis-comment__delete .message-item__action-btn-icon:hover{background: var(--color-danger-light);color: var(--color-danger-text)}.analysis-comment__editor{display: flex;flex-direction: column;gap: var(--spacing-2);margin-top: var(--spacing-3)}.analysis-comment__editor-actions{display: flex;gap: var(--spacing-2)}@media (max-width: 1024px){.analysis-detail__grid{grid-template-columns: minmax(0,1fr);gap: var(--spacing-4)}.analysis-detail__main{display: contents}.analysis-discussion-page__analysis-header{order: -1}.analysis-detail__sticky{position: static;max-height: none;overflow: visible;display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--spacing-3)}.analysis-toc{grid-column: 1 / -1}.analysis-toc__summary{cursor: pointer;margin-bottom: 0}.analysis-toc[open] .analysis-toc__summary{margin-bottom: var(--spacing-3)}.analysis-toc__chevron{display: inline-block}.analysis-toc[open] .analysis-toc__chevron{transform: rotate(180deg)}.analysis-discussion-page__analysis-header,.analysis-discussion{padding: var(--spacing-4)}.analysis-detail__content > .analysis-detail__message,.analysis-detail__content > .analysis-detail__empty{padding: var(--spacing-5) var(--spacing-4)}.analysis-header__title{font-size: var(--font-size-2xl)}}@media (max-width: 640px){.analysis-comment--depth-1{margin-left: var(--spacing-4)}.analysis-comment--depth-2{margin-left: calc(var(--spacing-4) * 2)}.analysis-comment--depth-3{margin-left: calc(var(--spacing-4) * 3)}}.challenge-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.challenge-container{padding: var(--spacing-5) 0}.challenge-section{background: var(--color-surface);padding: var(--spacing-8);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-8)}.challenge-section__title{color: var(--color-text-primary);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-6);display: flex;align-items: center;gap: var(--spacing-3)}.challenge-section__title i{color: var(--color-info-text)}.challenge-subsection{margin-top: var(--spacing-8);padding-top: var(--spacing-8);border-top: 2px solid var(--color-border)}.challenge-subsection__title{color: var(--color-text-primary);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-5);display: flex;align-items: center;gap: var(--spacing-3)}.challenge-subsection__title i{color: var(--color-text-secondary)}.ranking-table{overflow-x: auto}.ranking-table__container{width: 100%;border-collapse: collapse}.ranking-table__thead{background-color: var(--color-surface-tertiary);color: var(--color-primary-dark)}.ranking-table__th{padding: var(--spacing-4);text-align: left;font-size: var(--font-size-xs);font-weight: 700;color: var(--color-primary-dark);text-transform: uppercase;letter-spacing: 0.05em;border-bottom: 2px solid var(--color-primary-light)}.ranking-table__tbody tr{border-bottom: 1px solid var(--color-border);transition: background var(--transition-fast);height: 56px}:where(.challenge-page) .ranking-table__tbody tr:nth-child(even):not(.ranking-table__row--current-user){background: var(--color-gray-50)}:where(.challenge-page) .ranking-table__tbody tr:hover:not(.ranking-table__row--current-user):not(.ranking-table__row--stale){background: var(--color-surface-tertiary)}:where(.challenge-page) .ranking-table__tbody tr.ranking-table__row--current-user{background: linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);border: 2px solid var(--color-success)}.ranking-table__td{padding: 0 var(--spacing-4);font-size: var(--font-size-sm);height: 56px;vertical-align: middle;white-space: nowrap}.ranking-table__td--rank{font-weight: var(--font-weight-bold)}.rank-badge{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-weight: var(--font-weight-bold);font-size: var(--font-size-sm)}.rank-badge--gold{background: linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);color: var(--color-warning-text);border: 2px solid var(--color-warning)}.rank-badge--gold i{color: var(--color-warning-text)}.rank-badge--silver{background: linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-300) 100%);color: var(--color-gray-700);border: 2px solid var(--color-gray-400)}.rank-badge--silver i{color: var(--color-gray-600)}.rank-badge--bronze{background: linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning) 100%);color: var(--color-warning-text);border: 2px solid var(--color-warning-text)}.rank-badge--bronze i{color: var(--color-warning-text)}.rank-badge__number{font-size: var(--font-size-lg);color: var(--color-text-secondary)}.ranking-table__td--evolution{text-align: center;width: 64px}.rank-evolution{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);line-height: 1.4;letter-spacing: 0.01em}.rank-evolution--up{color: var(--color-success-hover);background: color-mix(in srgb,var(--color-success) 10%,transparent)}.rank-evolution--down{color: var(--color-danger-text);background: color-mix(in srgb,var(--color-danger-hover) 10%,transparent)}.rank-evolution--stable{color: var(--color-gray-400);background: color-mix(in srgb,var(--color-gray-400) 10%,transparent)}.participant-new-badge{display: inline-flex;align-items: center;margin-left: var(--spacing-1);color: var(--color-warning-text);font-size: var(--font-size-xs);opacity: 0.85;vertical-align: middle}.user-info{display: flex;align-items: center;gap: var(--spacing-2)}.user-info__name{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.user-info__link{display: inline-flex;align-items: center;gap: var(--spacing-2);text-decoration: none}.user-info__link:hover .user-info__name{color: var(--color-primary);text-decoration: underline}:where(.challenge-page) .ranking-table__value--positive{color: var(--color-success-text);font-weight: var(--font-weight-semibold)}:where(.challenge-page) .ranking-table__value--negative{color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.challenge-section__stats{display: flex;flex-wrap: wrap;gap: var(--spacing-4) var(--spacing-8);margin-bottom: var(--spacing-6);padding: var(--spacing-4);background: var(--color-gray-50);border-radius: var(--border-radius-md)}.challenge-section__stat-item{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-base);color: var(--color-text-secondary)}.challenge-section__stat-item i{font-size: var(--font-size-xl);color: var(--color-primary)}.ranking-table__td--evolution{text-align: center;white-space: nowrap}.rank-evolution{display: inline-flex;align-items: center;justify-content: center;font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-full);min-width: 36px}.rank-evolution--up{color: var(--color-success-text);background: var(--color-success-light)}.rank-evolution--down{color: var(--color-danger-text);background: var(--color-danger-light)}.rank-evolution--stable{color: var(--color-text-tertiary);background: var(--color-gray-100)}:where(.challenge-page) .ranking-table__row--stale td{color: var(--color-text-tertiary);opacity: 0.65}:where(.challenge-page) .ranking-table__row--stale .user-info__name{color: var(--color-text-tertiary)}@media (max-width: 768px){.challenge-layout__content{padding: 0 var(--spacing-4) var(--spacing-8)}.challenge-container{padding: var(--spacing-3)}.challenge-section{padding: var(--spacing-5)}.challenge-section__title{font-size: var(--font-size-xl)}.ranking-table{font-size: var(--font-size-xs)}.ranking-table__th,.ranking-table__td{padding: var(--spacing-2) var(--spacing-1)}}@media (max-width: 640px){.challenge-container{padding: var(--spacing-2)}.challenge-section{padding: var(--spacing-4)}.challenge-section__title{font-size: var(--font-size-lg);gap: var(--spacing-2)}}@media (max-width: 640px){.ranking-table{overflow-x: visible}.ranking-table__container,.ranking-table__tbody{display: block}.ranking-table__thead{display: none}.ranking-table__tbody tr{display: grid;grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "rank participant perf" "evolution holdings holdings";align-items: center;column-gap: var(--spacing-3);row-gap: var(--spacing-1);height: auto;padding: var(--spacing-3) var(--spacing-2)}.ranking-table__td{display: block;height: auto;padding: 0}.ranking-table__td--rank{grid-area: rank}.ranking-table__td--participant{grid-area: participant;min-width: 0}.ranking-table__td--perf{grid-area: perf;font-weight: var(--font-weight-bold);text-align: right}.ranking-table__td--evolution{grid-area: evolution;text-align: center}.ranking-table__td--holdings{grid-area: holdings;max-width: none;white-space: normal;font-size: var(--font-size-xs)}.ranking-table__td--valuation{display: none}.ranking-table__td--participant .user-info,.ranking-table__td--participant .user-info__link{display: flex;align-items: center;gap: var(--spacing-2);min-width: 0}.ranking-table__td--participant .user-info__name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ranking-table__td--holdings .holdings-list{flex-direction: row;flex-wrap: wrap}.ranking-table__td--holdings .holding-separator{display: inline}}.challenge-folio-page__actions{display: flex;gap: var(--spacing-2);justify-content: flex-end;white-space: nowrap}.operation-form{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-8);box-shadow: var(--shadow-md)}.operation-form h3{margin-bottom: var(--spacing-6);color: var(--color-text-primary);font-size: var(--font-size-2xl);display: flex;align-items: center;gap: var(--spacing-2-5)}.operation-form h3 i{color: var(--color-info)}.loading-holdings{text-align: center;padding: var(--spacing-10) var(--spacing-5);color: var(--color-text-secondary);font-size: var(--font-size-lg)}.loading-holdings i{font-size: var(--font-size-3xl);color: var(--color-info);margin-right: var(--spacing-2-5)}.no-holdings-message{background: var(--color-warning-light);border: 1px solid var(--color-warning);border-radius: var(--border-radius-md);padding: var(--spacing-8);text-align: center;color: var(--color-warning-text)}.no-holdings-message i{font-size: var(--font-size-5xl);color: var(--color-warning);display: block;margin-bottom: var(--spacing-4)}.no-holdings-message p{margin: var(--spacing-2-5) 0;font-size: var(--font-size-base);line-height: 1.5}.no-holdings-message p:first-of-type{font-weight: 600;font-size: var(--font-size-lg)}.asset-info-box{background: var(--color-surface-tertiary);border-left: 4px solid var(--color-info);border-radius: var(--border-radius-md);padding: var(--spacing-4);margin: var(--spacing-4) 0 var(--spacing-5) 0}.asset-info-item{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-1-5) 0}.asset-info-item i{color: var(--color-info);width: 18px}.asset-info-item strong{color: var(--color-text-primary)}.form-group--compact{margin-bottom: 0}:where([data-page="CreateChallengeOperationPage"]) .form-group label{display: block;margin-bottom: var(--spacing-2);font-weight: 600;color: var(--color-text-primary);font-size: var(--font-size-base)}:where([data-page="CreateChallengeOperationPage"]) .form-group label i{margin-right: var(--spacing-1-5);color: var(--color-text-secondary)}.form-input.price-locked{background-color: var(--color-surface-tertiary);border-color: var(--color-gray-400);color: var(--color-gray-700);cursor: not-allowed;font-weight: 600}.form-input.price-locked:disabled{opacity: 0.9}.form-row-with-operation-type{display: grid;grid-template-columns: auto 1fr 1fr;gap: var(--spacing-4);align-items: start;margin-bottom: var(--spacing-5);padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.operation-type-buttons{display: flex;flex-direction: column;gap: var(--spacing-2)}.operation-type-buttons label{font-weight: 600;color: var(--color-text-primary);font-size: var(--font-size-base);margin-bottom: 0}.operation-type-buttons .button-group{display: flex;flex-direction: row;gap: var(--spacing-2);align-items: center}@media (max-width: 1024px){.form-row-with-operation-type{grid-template-columns: 1fr;gap: var(--spacing-4)}.operation-type-buttons .button-group{flex-direction: row;justify-content: center}}.operation-summary{background: var(--color-surface-secondary);border-radius: var(--border-radius-md);padding: var(--spacing-5);margin: var(--spacing-6) 0}.operation-summary h4{margin-bottom: var(--spacing-4);color: var(--color-text-primary);font-size: var(--font-size-lg);display: flex;align-items: center;gap: var(--spacing-2)}.summary-line{display: flex;justify-content: space-between;padding: var(--spacing-2) 0;border-bottom: 1px solid var(--color-border)}.summary-line:last-child{border-bottom: none}.summary-line.fee-line{background: var(--color-border-light);padding: var(--spacing-2-5) var(--spacing-4);margin: var(--spacing-2) calc(-1 * var(--spacing-1-5));border-radius: var(--border-radius-md);border-left: 3px solid var(--color-warning);color: var(--color-warning-text)}.summary-line.fee-line i{margin-right: var(--spacing-1-5)}.summary-line.total{margin-top: var(--spacing-2-5);padding-top: var(--spacing-4);border-top: 2px solid var(--color-info);font-size: var(--font-size-lg);font-weight: 700;background: linear-gradient(135deg,var(--color-border-light) 0%,var(--color-border-light) 100%);padding: var(--spacing-4);border-radius: var(--border-radius-md);border: 2px solid var(--color-success)}.summary-line.total strong{color: var(--color-success-hover)}.summary-line.total .total-amount{font-size: var(--font-size-2xl);color: var(--color-success-hover);font-weight: 800}.summary-info{margin-top: var(--spacing-2-5);display: block}.summary-info small{display: block;margin-bottom: var(--spacing-1-5)}:where([data-page="CreateChallengeOperationPage"]) .validation-errors ul{margin: 0;padding-left: var(--spacing-5)}:where([data-page="CreateChallengeOperationPage"]) .validation-errors li{color: var(--color-danger-text);margin-bottom: var(--spacing-1-5)}:where([data-page="CreateChallengeOperationPage"]) .text-muted{color: var(--color-text-secondary)}.summary-placeholder{margin: 0;padding: var(--spacing-2) 0;color: var(--color-text-secondary);font-size: var(--font-size-sm)}.operations-filters{display: flex;gap: var(--spacing-4);align-items: center;margin-bottom: var(--spacing-6);flex-wrap: wrap}.operations-filters__textfield{width: 300px}.operations-filters__select{width: 200px;padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background-color: var(--color-surface);color: var(--color-text-primary);font-size: var(--font-size-sm);font-family: inherit;cursor: pointer;transition: border-color var(--transition-fast)}.operations-filters__select:hover{border-color: var(--color-primary)}.operations-filters__select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.operations-filters__action{margin-left: auto}.challenge-operations-page__asset-symbol{font-size: var(--font-size-sm);color: var(--color-text-tertiary);font-style: italic;margin-top: var(--spacing-1)}.operations-comment-link{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--border-radius-md);color: var(--color-primary);background-color: var(--color-primary-light);border: none;cursor: pointer;transition: all var(--transition-fast);text-decoration: none}.operations-comment-link:hover{color: var(--color-text-inverse);background-color: var(--color-primary);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.operations-comment-link:active{transform: translateY(0)}.operations-comment-link i{font-size: var(--font-size-base)}.operations-no-comment{color: var(--color-text-tertiary);font-size: var(--font-size-sm)}@media (max-width: 768px){.operations-filters{flex-direction: column;align-items: stretch;gap: var(--spacing-3)}.operations-filters__textfield,.operations-filters__select{width: 100%}.operations-filters__action{margin-left: 0}}.rules-page-intro{background: linear-gradient(135deg,var(--color-info) 0%,var(--color-primary-dark) 100%);color: var(--color-text-inverse);padding: var(--spacing-10);border-radius: var(--border-radius-xl);text-align: center;margin-bottom: var(--spacing-10);box-shadow: 0 8px 24px color-mix(in srgb,var(--color-info) 30%,transparent)}.rules-page-intro__icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-5);animation: bounce 2s infinite}.rules-page-intro__title{font-size: var(--font-size-3xl);font-weight: 700;margin-bottom: var(--spacing-4);color: var(--color-text-inverse);text-shadow: 2px 2px 4px color-mix(in srgb,var(--color-black) 30%,transparent)}.rules-page-intro__text{font-size: var(--font-size-lg);line-height: 1.8;max-width: 800px;margin: 0 auto;color: var(--color-text-inverse);opacity: 1;text-shadow: 1px 1px 2px color-mix(in srgb,var(--color-black) 20%,transparent);font-weight: 400}.rules-page-tips{background: var(--color-surface);padding: var(--spacing-8);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-10)}.rules-page-tips__title{color: var(--color-gray-800);font-size: var(--font-size-2xl);font-weight: 600;margin-bottom: var(--spacing-6);display: flex;align-items: center;gap: var(--spacing-2-5)}.rules-page-tips__title i{color: var(--color-warning-text)}.rules-page-tips__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-5)}.challenge-rules-page__tip-card{background: var(--color-gray-50);padding: var(--spacing-5);border-radius: var(--border-radius-lg);border: 1px solid var(--color-gray-200);transition: all 0.3s ease}.challenge-rules-page__tip-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.tip-card__icon{font-size: var(--font-size-3xl);color: var(--color-info);margin-bottom: var(--spacing-4)}.tip-card__title{font-size: var(--font-size-lg);font-weight: 600;color: var(--color-gray-800);margin-bottom: var(--spacing-2-5)}.tip-card__description{color: var(--color-gray-500);line-height: 1.6;font-size: var(--font-size-base)}.rules-page-prizes{background: var(--color-surface);padding: var(--spacing-8);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-10)}.rules-page-prizes__title{color: var(--color-gray-800);font-size: var(--font-size-2xl);font-weight: 600;margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2-5)}.rules-page-prizes__title i{color: var(--color-warning-text)}.rules-page-prizes__description{color: var(--color-gray-500);font-size: var(--font-size-base);margin-bottom: var(--spacing-8);text-align: center}.prizes-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-6);margin-top: var(--spacing-5)}.prize-card{background: linear-gradient(to bottom,var(--color-gray-50) 0%,var(--color-surface) 100%);border-radius: var(--border-radius-xl);padding: var(--spacing-6);text-align: center;border: 2px solid var(--color-gray-200);transition: all 0.3s ease;position: relative;overflow: hidden}.prize-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 6px;background: linear-gradient(90deg,var(--color-info) 0%,var(--color-primary-dark) 100%);opacity: 0;transition: opacity 0.3s ease}.prize-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-xl);border-color: var(--color-info)}.prize-card:hover::before{opacity: 1}.prize-card--first{border-color: var(--color-warning)}.prize-card--first::before{background: linear-gradient(90deg,var(--color-warning) 0%,var(--color-warning) 100%)}.prize-card--second{border-color: var(--color-gray-400)}.prize-card--second::before{background: linear-gradient(90deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%)}.prize-card--third{border-color: var(--color-warning-hover)}.prize-card--third::before{background: linear-gradient(90deg,var(--color-warning-hover) 0%,var(--color-warning-hover) 100%)}.prize-card__rank{display: flex;align-items: center;justify-content: center;gap: var(--spacing-2-5);margin-bottom: var(--spacing-5)}.prize-card__rank i{font-size: var(--font-size-3xl)}.prize-card__rank span{font-size: var(--font-size-2xl);font-weight: 700}.prize-card--first .prize-card__rank{color: var(--color-warning)}.prize-card--second .prize-card__rank{color: var(--color-gray-400)}.prize-card--third .prize-card__rank{color: var(--color-warning-hover)}.prize-card__image{width: 100%;height: 200px;margin-bottom: var(--spacing-5);border-radius: var(--border-radius-lg);overflow: hidden;background: var(--color-gray-100);display: flex;align-items: center;justify-content: center}.prize-card__image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.prize-card:hover .prize-card__image img{transform: scale(1.05)}.prize-card__title{font-size: var(--font-size-xl);font-weight: 700;color: var(--color-gray-800);margin-bottom: var(--spacing-4)}.prize-card__description{color: var(--color-gray-500);line-height: 1.6;font-size: var(--font-size-base)}.rules-page-faq{background: var(--color-surface);padding: var(--spacing-8);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-10)}.rules-page-faq__title{color: var(--color-gray-800);font-size: var(--font-size-2xl);font-weight: 600;margin-bottom: var(--spacing-6);display: flex;align-items: center;gap: var(--spacing-2-5)}.rules-page-faq__title i{color: var(--color-primary)}.faq-item{padding: var(--spacing-5);border-left: 4px solid var(--color-gray-200);margin-bottom: var(--spacing-5);background: var(--color-gray-50);border-radius: var(--border-radius-md);transition: all 0.3s ease}.faq-item:hover{border-left-color: var(--color-info);background: var(--color-surface)}.faq-item__question{color: var(--color-gray-800);font-size: var(--font-size-base);font-weight: 600;margin-bottom: var(--spacing-2-5);display: flex;align-items: center;gap: var(--spacing-2-5)}.faq-item__question i{color: var(--color-info);font-size: var(--font-size-sm)}.faq-item__answer{color: var(--color-gray-600);line-height: 1.7;font-size: var(--font-size-base);padding-left: var(--spacing-8)}.faq-item__answer strong{color: var(--color-gray-800)}.rules-page-actions{display: flex;justify-content: center;gap: var(--spacing-4);margin-top: var(--spacing-10)}@media (max-width: 768px){.rules-page-intro{padding: var(--spacing-8) var(--spacing-5)}.rules-page-intro__title{font-size: var(--font-size-2xl)}.rules-page-intro__text{font-size: var(--font-size-base)}.rules-page-tips__grid{grid-template-columns: 1fr}.prizes-grid{grid-template-columns: 1fr}.faq-item__answer{padding-left: 0}}.message-input-card{background: var(--color-surface);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);padding: var(--spacing-4);margin: var(--spacing-1) 0;position: relative;width: 100%;min-width: 0;max-width: 100%;box-sizing: border-box}.message-input-header{display: none}.message-input-toolbar-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--spacing-3);gap: var(--spacing-3);width: 100%}.message-input-toolbar{display: flex;align-items: center;gap: var(--spacing-2);background: var(--color-gray-100);border-radius: var(--radius-lg);padding: var(--spacing-1-5) var(--spacing-2-5);margin-bottom: 0;flex: 1}.message-input-toolbar button,.message-input-toolbar select{background: transparent;border: none;border-radius: var(--radius-md);padding: var(--spacing-1) var(--spacing-2);font-size: var(--font-size-lg);color: var(--color-gray-700);transition: background 0.2s;cursor: pointer}.message-input-toolbar button:hover{background: var(--color-surface-tertiary)}.message-input-editor-container{width: 100%;box-sizing: border-box;min-height: 12em;border: 1px solid var(--color-border);border-radius: var(--radius-lg);margin-bottom: var(--spacing-3)}.message-input-editor{min-height: 12em;font-family: inherit;font-size: var(--font-size-base);line-height: 1.4;border: none;box-shadow: none;background: transparent;margin-bottom: 0;width: 100%}.ql-toolbar.ql-snow{display: none!important}:where(.message-input-card) .ql-editor{min-height: 12em!important;font-family: inherit!important;font-size: var(--font-size-base)!important;line-height: 1.4!important}:where(.message-input-card) .ql-editor::before{display: none!important}.message-input-actions{display: flex;justify-content: space-between;align-items: center;width: 100%}.message-input-buttons{display: flex;gap: var(--spacing-2);align-items: center}.message-input-send{background: var(--color-primary);color: var(--color-text-inverse);border: none;border-radius: var(--radius-lg);padding: var(--spacing-2-5) var(--spacing-8);font-size: var(--font-size-lg);font-weight: 500;cursor: pointer;transition: background 0.2s}.message-input-send:hover{background: var(--color-success-text)}.message-input-cancel{background: var(--color-surface-secondary);color: var(--text-secondary);border: 1px solid var(--color-gray-200);border-radius: var(--radius-lg);padding: var(--spacing-2-5) var(--spacing-5);font-size: var(--font-size-base);font-weight: 500;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: var(--spacing-1-5)}.message-input-cancel:hover{background: var(--color-gray-200);color: var(--text-primary)}.emoji-list{display: flex;align-items: center;gap: var(--spacing-1-5)}.emoji-btn{background: none;border: none;font-size: var(--font-size-2xl);cursor: pointer;transition: transform 0.2s;padding: var(--spacing-0-5)}.emoji-btn:hover{transform: scale(1.2)}@media (max-width: 768px){.message-input-card{padding: var(--spacing-3);border-radius: var(--radius-lg)}.message-input-toolbar{gap: var(--spacing-1-5);padding: var(--spacing-1) var(--spacing-2)}.message-input-toolbar button{font-size: var(--font-size-base);padding: var(--spacing-1) var(--spacing-1-5)}.message-input-editor-container{min-height: 10em}.message-input-editor,:where(.message-input-card) .ql-editor{min-height: 10em;font-size: var(--font-size-base)}.message-input-actions{flex-direction: column;gap: var(--spacing-3);align-items: stretch}.message-input-buttons{width: 100%;justify-content: flex-end}.message-input-send{padding: var(--spacing-3) var(--spacing-6);font-size: var(--font-size-base)}.emoji-list{justify-content: flex-start;gap: var(--spacing-2)}.emoji-btn{font-size: var(--font-size-xl)}}@media (max-width: 640px){.message-input-toolbar-row{flex-direction: column;align-items: stretch}.message-input-toolbar{flex-wrap: wrap;justify-content: center}.message-input-send{width: 100%}.message-input-cancel{width: 100%;justify-content: center}}.message-input-send:focus-visible,.message-input-cancel:focus-visible,.emoji-btn:focus-visible,.message-input-toolbar button:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.message-input-send,.message-input-cancel,.message-input-toolbar button,.emoji-btn{transition: none}.emoji-btn:hover{transform: none}}.design-system-page{max-width: 1200px;margin: 0 auto;padding: var(--spacing-10) var(--spacing-5)}.design-system-page h1{font-size: var(--font-size-4xl);color: var(--text-primary);margin-bottom: var(--spacing-2)}.design-system-page__subtitle{font-size: var(--font-size-lg);color: var(--text-secondary);margin-bottom: var(--spacing-10)}.ds-section{margin-bottom: var(--spacing-16);padding: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--color-gray-200);box-shadow: var(--shadow-md)}.ds-section h2{font-size: var(--font-size-3xl);color: var(--text-primary);margin: 0 0 var(--spacing-6) 0;padding-bottom: var(--spacing-3);border-bottom: 2px solid var(--color-primary)}.ds-section h3{font-size: var(--font-size-xl);color: var(--text-primary);margin: var(--spacing-6) 0 var(--spacing-4) 0}.ds-preview{display: flex;gap: var(--spacing-3);flex-wrap: wrap;align-items: center;padding: var(--spacing-6);background: var(--color-gray-50);border-radius: var(--radius-lg);border: 1px solid var(--color-gray-200);margin-bottom: var(--spacing-4)}.ds-preview-full{display: flex;flex-direction: column;gap: var(--spacing-3);padding: var(--spacing-6);background: var(--color-gray-50);border-radius: var(--radius-lg);border: 1px solid var(--color-gray-200);margin-bottom: var(--spacing-4)}.ds-code{background: var(--color-gray-800);color: var(--color-gray-100);padding: var(--spacing-5);border-radius: var(--radius-lg);overflow-x: auto}.ds-code pre{margin: 0;font-family: 'Courier New',monospace;font-size: var(--font-size-sm);line-height: 1.6}.ds-code code{color: var(--color-gray-100)}.ds-props-table{width: 100%;border-collapse: collapse;margin-top: var(--spacing-4)}.ds-props-table th,.ds-props-table td{padding: var(--spacing-3);text-align: left;border-bottom: 1px solid var(--color-gray-200)}.ds-props-table th{background: var(--color-gray-50);font-weight: 600;color: var(--text-primary)}.ds-props-table code{background: var(--color-gray-100);padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--radius-sm);font-size: var(--font-size-sm);color: var(--color-danger-text)}.ds-props-table tbody tr:hover{background: var(--color-gray-50)}@media (max-width: 768px){.design-system-page{padding: var(--spacing-6) var(--spacing-4)}.design-system-page h1{font-size: var(--font-size-3xl)}.design-system-page__subtitle{font-size: var(--font-size-base);margin-bottom: var(--spacing-8)}.ds-section{padding: var(--spacing-5);margin-bottom: var(--spacing-10)}.ds-section h2{font-size: var(--font-size-2xl)}.ds-section h3{font-size: var(--font-size-lg)}.ds-preview,.ds-preview-full{padding: var(--spacing-4)}.ds-code{padding: var(--spacing-4)}.ds-code pre{font-size: var(--font-size-xs)}.ds-props-table{font-size: var(--font-size-sm)}.ds-props-table th,.ds-props-table td{padding: var(--spacing-2)}}@media (max-width: 640px){.design-system-page h1{font-size: var(--font-size-3xl)}.ds-section{padding: var(--spacing-4)}.ds-preview{flex-direction: column;align-items: stretch}.ds-props-table{display: block;overflow-x: auto}.ds-props-table thead{display: none}.ds-props-table tbody,.ds-props-table tr,.ds-props-table td{display: block;width: 100%}.ds-props-table tr{margin-bottom: var(--spacing-4);border: 1px solid var(--color-gray-200);border-radius: var(--radius-md);padding: var(--spacing-3)}.ds-props-table td{padding: var(--spacing-2) 0;border: none}.ds-props-table td::before{content: attr(data-label);font-weight: 600;display: block;margin-bottom: var(--spacing-1);color: var(--text-secondary)}}.ds-props-table tbody tr:focus-within{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.ds-props-table tbody tr{transition: none}}@media print{.design-system-page{max-width: 100%;padding: 0}.ds-section{page-break-inside: avoid;box-shadow: none;border: 1px solid var(--color-gray-200)}.ds-code{background: var(--color-gray-100);color: var(--color-gray-800);border: 1px solid var(--color-gray-200)}.ds-code code{color: var(--color-gray-800)}}.ds-preview__vertical-group{width: 100%;max-width: 20em}.colors-page{max-width: var(--page-max-width);margin: 0 auto}.colors-page h1{font-size: var(--font-size-4xl);color: var(--color-text-primary);margin-bottom: var(--spacing-2);display: flex;align-items: center;gap: var(--spacing-3)}.colors-page h1 .fa-palette{color: var(--color-primary)}.colors-page__subtitle{font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-10)}.colors-page__section{margin-bottom: var(--spacing-12);padding: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.colors-page__section-title{font-size: var(--font-size-2xl);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;font-weight: var(--font-weight-semibold)}.colors-page__section-desc{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0 0 var(--spacing-6) 0}.colors-page__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--spacing-4)}.color-card{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);overflow: hidden;transition: all var(--transition-fast);background: var(--color-white)}.color-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-md)}.color-card__preview{height: 100px;width: 100%;border-bottom: 1px solid var(--color-border)}.color-card__info{padding: var(--spacing-4)}.color-card__name{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-1)}.color-card__value{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-family: 'Courier New',monospace;margin-bottom: var(--spacing-1)}.color-card__var{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-family: 'Courier New',monospace}.colors-page__text-examples{display: flex;flex-direction: column;gap: var(--spacing-4)}.text-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-4);background: var(--color-white)}.text-example__preview{font-size: var(--font-size-lg);margin-bottom: var(--spacing-3);display: flex;align-items: center;gap: var(--spacing-2)}.text-example__info{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-size-sm)}.text-example__var{font-family: 'Courier New',monospace;color: var(--color-text-secondary)}.text-example__value{font-family: 'Courier New',monospace;color: var(--color-text-tertiary)}.colors-page__usage-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-6)}.colors-page__usage-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-surface-secondary)}.usage-example__title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.colors-page__usage-example-content{display: flex;flex-direction: column;gap: var(--spacing-3)}.alert-demo{padding: var(--spacing-3) var(--spacing-4);border-radius: var(--border-radius-md);display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);border: 1px solid}.alert-demo--success{background-color: var(--color-success-light);color: var(--color-success-text);border-color: var(--color-success)}.alert-demo--warning{background-color: var(--color-warning-light);color: var(--color-warning-text);border-color: var(--color-warning)}.alert-demo--danger{background-color: var(--color-danger-light);color: var(--color-danger-text);border-color: var(--color-danger)}.alert-demo--info{background-color: var(--color-info-light);color: var(--color-info-text);border-color: var(--color-info)}.badge-demo{display: inline-flex;align-items: center;gap: var(--spacing-1);padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.badge-demo--success{background-color: var(--color-success);color: var(--color-white)}.badge-demo--warning{background-color: var(--color-warning);color: var(--color-white)}.badge-demo--danger{background-color: var(--color-danger);color: var(--color-white)}.badge-demo--info{background-color: var(--color-info);color: var(--color-white)}.accessibility-guide{display: flex;flex-direction: column;gap: var(--spacing-4)}.accessibility-item{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.accessibility-item__label{display: flex;align-items: center;gap: var(--spacing-2);color: var(--color-text-primary)}.accessibility-item__label i{color: var(--color-success-text)}.accessibility-item__value{font-family: 'Courier New',monospace;color: var(--color-text-secondary);font-weight: var(--font-weight-semibold)}.accessibility-tip{padding: var(--spacing-5);background: var(--color-info-light);border-radius: var(--border-radius-lg);border: 1px solid var(--color-info);color: var(--color-text-primary)}.accessibility-tip i{color: var(--color-info-text);margin-right: var(--spacing-2)}.accessibility-tip ul{margin: var(--spacing-3) 0 0 var(--spacing-6);padding: 0}.accessibility-tip li{margin-bottom: var(--spacing-2)}.accessibility-tip code{background: var(--color-white);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;color: var(--color-danger-text);font-size: var(--font-size-sm)}@media (max-width: 768px){.colors-page h1{font-size: var(--font-size-3xl)}.colors-page__section{padding: var(--spacing-5)}.colors-page__grid{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: var(--spacing-3)}.colors-page__usage-examples{grid-template-columns: 1fr}}@media print{.colors-page{max-width: 100%}.colors-page__section{page-break-inside: avoid;box-shadow: none}.color-card:hover{transform: none;box-shadow: none}}.design-system{padding: var(--spacing-10) var(--spacing-5);max-width: var(--page-max-width);margin: 0 auto}.design-system__header{margin-bottom: var(--spacing-10)}.design-system__title{font-size: var(--font-size-4xl);font-weight: 700;color: var(--text-primary);margin: 0 0 var(--spacing-2) 0;display: flex;align-items: center;gap: var(--spacing-3)}.design-system__title .fa-palette{color: var(--color-primary)}.design-system__subtitle{font-size: var(--font-size-lg);color: var(--text-secondary);margin: 0}.design-system__tabs{display: flex;gap: var(--spacing-2);border-bottom: 2px solid var(--color-border);margin-bottom: var(--spacing-10);overflow-x: auto;-webkit-overflow-scrolling: touch}.design-system__tab{padding: var(--spacing-4) var(--spacing-6);background: transparent;border: none;border-bottom: 3px solid transparent;color: var(--text-secondary);font-size: var(--font-size-base);font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;display: flex;align-items: center;gap: var(--spacing-2)}.design-system__tab:hover{color: var(--color-primary-hover);background: var(--color-gray-100)}.design-system__tab--active{color: var(--color-primary);border-bottom-color: var(--color-primary)}.design-system__tab-icon{font-size: var(--font-size-sm)}.design-system__content{animation: fadeIn 0.3s ease}@media (max-width: 768px){.design-system{padding: var(--spacing-6) var(--spacing-4)}.design-system__title{font-size: var(--font-size-3xl)}.design-system__subtitle{font-size: var(--font-size-base)}.design-system__tabs{gap: var(--spacing-1)}.design-system__tab{padding: var(--spacing-3) var(--spacing-4);font-size: var(--font-size-sm)}.design-system__tab-icon{display: none}}.design-system__tab:focus{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.design-system__content{animation: none}.design-system__tab{transition: none}}@media print{.design-system{max-width: 100%;padding: 0}.design-system__tabs{display: none}}.forms-page{max-width: var(--page-max-width);margin: 0 auto}.forms-page h1{font-size: var(--font-size-4xl);color: var(--color-text-primary);margin-bottom: var(--spacing-2);display: flex;align-items: center;gap: var(--spacing-3)}.forms-page h1 .fa-edit{color: var(--color-primary)}.forms-page__subtitle{font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-10)}.forms-page__section{margin-bottom: var(--spacing-12);padding: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.forms-page__section-title{font-size: var(--font-size-2xl);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;font-weight: var(--font-weight-semibold)}.forms-page__section-desc{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0 0 var(--spacing-6) 0}.form-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: var(--spacing-5)}.form-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white);transition: all var(--transition-fast)}.form-example:hover{box-shadow: var(--shadow-md)}.form-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.form-example__label i{color: var(--color-primary)}.form-example__code{display: block;margin-top: var(--spacing-3);padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary);overflow-x: auto}.form-group--full{grid-column: span 2}.form-input--success{border-color: var(--color-success)}.form-input--success:focus{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-success) 10%,transparent)}.form-input--error{border-color: var(--color-danger)}.form-input--error:focus{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-danger) 10%,transparent)}.form-input--warning{border-color: var(--color-warning)}.form-input--warning:focus{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-warning) 10%,transparent)}.form-input--info{border-color: var(--color-info)}.form-input--info:focus{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.form-textarea--resizable{resize: both}.form-select--multiple{appearance: auto;background-image: none;padding-right: var(--spacing-3)}.form-radio{display: flex;align-items: center;cursor: pointer;position: relative;padding-left: var(--spacing-8);user-select: none}.form-radio input[type="radio"]{position: absolute;opacity: 0;cursor: pointer}.form-radio__button{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 20px;width: 20px;background: var(--color-white);border: 2px solid var(--color-border);border-radius: 50%;transition: all var(--transition-fast)}.form-radio:hover input ~ .form-radio__button{border-color: var(--color-primary)}.form-radio input:checked ~ .form-radio__button{border-color: var(--color-primary)}.form-radio__button::after{content: "";position: absolute;display: none;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;border-radius: 50%;background: var(--color-primary)}.form-radio input:checked ~ .form-radio__button::after{display: block}.form-radio__label{font-size: var(--font-size-sm);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.forms-page__radio-group{display: flex;flex-direction: column;gap: var(--spacing-3)}.switch-group{display: flex;flex-direction: column;gap: var(--spacing-3)}.forms-page__range{width: 100%;height: 6px;background: var(--color-gray-200);border-radius: var(--border-radius-sm);outline: none;-webkit-appearance: none}.forms-page__range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 18px;height: 18px;background: var(--color-primary);cursor: pointer;border-radius: 50%;border: 2px solid var(--color-white);box-shadow: var(--shadow-md)}.forms-page__range::-moz-range-thumb{width: 18px;height: 18px;background: var(--color-primary);cursor: pointer;border-radius: 50%;border: 2px solid var(--color-white);box-shadow: var(--shadow-md)}.validation-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-5)}.validation-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.validation-example--success{border-color: var(--color-success);background: var(--color-success-light)}.validation-example--error{border-color: var(--color-danger);background: var(--color-danger-light)}.validation-example--warning{border-color: var(--color-warning);background: var(--color-warning-light)}.validation-example--info{border-color: var(--color-info);background: var(--color-info-light)}.validation-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.validation-message--success{color: var(--color-success-text);background: var(--color-white);border: 1px solid var(--color-success)}.validation-message--error{color: var(--color-danger-text);background: var(--color-white);border: 1px solid var(--color-danger)}.validation-message--warning{color: var(--color-warning-text);background: var(--color-white);border: 1px solid var(--color-warning)}.validation-message--info{color: var(--color-info-text);background: var(--color-white);border: 1px solid var(--color-info)}.layout-examples{display: flex;flex-direction: column;gap: var(--spacing-8)}.layout-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-6);background: var(--color-white)}.layout-example__title{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-5);display: flex;align-items: center;gap: var(--spacing-2)}.layout-example__title i{color: var(--color-primary)}.form-layout--stacked{display: flex;flex-direction: column;gap: var(--spacing-4);max-width: 500px}.form-layout--grid-2{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-4)}.form-layout--inline{display: flex;align-items: flex-end;gap: var(--spacing-3);flex-wrap: wrap}.forms-page__inline-btn{margin-bottom: 0;align-self: flex-end}.badge-examples{display: flex;flex-direction: column;gap: var(--spacing-5)}.badge-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.badge-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.badge-example__label i{color: var(--color-primary)}.badge-example__demo{display: flex;flex-wrap: wrap;gap: var(--spacing-3);margin-bottom: var(--spacing-3);padding: var(--spacing-4);background: var(--color-gray-50);border-radius: var(--border-radius-md)}.badge-example__context{display: flex;flex-direction: column;gap: var(--spacing-2);margin-bottom: var(--spacing-3)}.badge-context-item{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-3);background: var(--color-gray-50);border-radius: var(--border-radius-md)}.badge-context-item i{color: var(--color-primary)}.badge-context-item > span:first-of-type{flex: 1}.badge-example__code{display: block;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.badge__count{display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 var(--spacing-1);background: color-mix(in srgb,var(--color-surface) 30%,transparent);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold)}.badge--removable{padding-right: var(--spacing-1)}.badge__remove{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;padding: 0;background: color-mix(in srgb,var(--color-black) 15%,transparent);border: none;border-radius: 50%;color: inherit;font-size: var(--font-size-xs);cursor: pointer;transition: all var(--transition-fast)}.badge__remove:hover{background: color-mix(in srgb,var(--color-black) 30%,transparent);transform: scale(1.1)}.badge__remove:active{transform: scale(0.95)}.best-practices{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--spacing-4)}.best-practice{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);background: var(--color-surface)}.best-practice__icon{flex-shrink: 0;color: var(--color-primary);font-size: var(--font-size-lg);line-height: var(--line-height-tight)}.best-practice__content{flex: 1;min-width: 0}.best-practice__title{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.best-practice__desc{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.form-layout{width: 100%}@media (max-width: 640px){.form-layout--grid-2{grid-template-columns: 1fr}}.spacing-page{max-width: var(--page-max-width);margin: 0 auto}.spacing-page h1{font-size: var(--font-size-4xl);color: var(--color-text-primary);margin-bottom: var(--spacing-2);display: flex;align-items: center;gap: var(--spacing-3)}.spacing-page h1 .fa-ruler-combined{color: var(--color-primary)}.spacing-page__subtitle{font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-10)}.spacing-page__section{margin-bottom: var(--spacing-12);padding: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.spacing-page__section-title{font-size: var(--font-size-2xl);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;font-weight: var(--font-weight-semibold)}.spacing-page__section-desc{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0 0 var(--spacing-6) 0}.spacing-scale{display: flex;flex-direction: column;gap: var(--spacing-3)}.spacing-scale__item{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);transition: all var(--transition-fast)}.spacing-scale__item:hover{transform: translateX(4px);box-shadow: var(--shadow-md)}.spacing-scale__visual{flex-shrink: 0;width: 120px;height: 60px;background: var(--color-white);border-radius: var(--border-radius-md);border: 2px solid var(--color-border);display: flex;align-items: center;justify-content: center}.spacing-scale__box{background: var(--color-primary);border-radius: var(--border-radius-sm)}.spacing-scale__box--0{width: 0;height: 20px;border: 2px dashed var(--color-gray-300)}.spacing-scale__box--1{width: 4px;height: 20px}.spacing-scale__box--2{width: 8px;height: 20px}.spacing-scale__box--3{width: 12px;height: 20px}.spacing-scale__box--4{width: 16px;height: 20px}.spacing-scale__box--5{width: 20px;height: 20px}.spacing-scale__box--6{width: 24px;height: 20px}.spacing-scale__box--8{width: 32px;height: 20px}.spacing-scale__box--10{width: 40px;height: 20px}.spacing-scale__box--12{width: 48px;height: 20px}.spacing-scale__box--16{width: 64px;height: 20px}.spacing-scale__box--20{width: 80px;height: 20px}.spacing-scale__info{flex: 1;display: flex;gap: var(--spacing-4);align-items: center}.spacing-scale__name{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);min-width: 100px}.spacing-scale__value{color: var(--color-text-secondary);min-width: 120px}.spacing-scale__var{font-family: 'Courier New',monospace;font-size: var(--font-size-sm);color: var(--color-text-tertiary);background: var(--color-white);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-sm);margin-left: auto}.spacing-page__usage-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-5)}.spacing-page__usage-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.usage-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.usage-example__label i{color: var(--color-primary)}.usage-example__demo{background: var(--color-primary-light);border: 2px dashed var(--color-primary);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-3)}.usage-example__demo--padding-2{padding: var(--spacing-2)}.usage-example__demo--padding-4{padding: var(--spacing-4)}.usage-example__demo--padding-8{padding: var(--spacing-8)}.spacing-page__usage-example-content{background: var(--color-white);padding: var(--spacing-3);border-radius: var(--border-radius-sm);text-align: center;font-weight: var(--font-weight-medium)}.usage-example__code{display: block;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.margin-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: var(--spacing-5)}.margin-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.margin-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.margin-example__label i{color: var(--color-primary)}.margin-example__container{padding: var(--spacing-4);background: var(--color-gray-50);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-3)}.margin-example__container--horizontal{display: flex}.margin-example__box{background: var(--color-primary);color: var(--color-white);padding: var(--spacing-3);border-radius: var(--border-radius-sm);text-align: center;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium)}.margin-example__box--vertical{margin-bottom: var(--spacing-4)}.margin-example__box--vertical:last-child{margin-bottom: 0}.margin-example__box--horizontal{margin-right: var(--spacing-4)}.margin-example__box--horizontal:last-child{margin-right: 0}.margin-example__code{display: block;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.gap-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-5)}.gap-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.gap-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.gap-example__label i{color: var(--color-primary)}.gap-example__demo{display: grid;grid-template-columns: repeat(2,1fr);padding: var(--spacing-4);background: var(--color-gray-50);border-radius: var(--border-radius-md);margin-bottom: var(--spacing-3)}.gap-example__demo--small{gap: var(--spacing-2)}.gap-example__demo--medium{gap: var(--spacing-4)}.gap-example__demo--large{gap: var(--spacing-6)}.gap-example__item{background: var(--color-primary);color: var(--color-white);padding: var(--spacing-4);border-radius: var(--border-radius-sm);text-align: center;font-weight: var(--font-weight-medium)}.gap-example__code{display: block;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.real-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: var(--spacing-6)}.real-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.real-example__title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-2)}.real-example__title i{color: var(--color-primary)}.real-example__card{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);overflow: hidden;margin-bottom: var(--spacing-3)}.real-example__card-header{padding: var(--spacing-4) var(--spacing-6);background: var(--color-primary);color: var(--color-white);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.real-example__card-body{padding: var(--spacing-6);display: flex;flex-direction: column;gap: var(--spacing-4)}.real-example__card-body p{margin: 0;color: var(--color-text-secondary)}.real-example__card-footer{padding: var(--spacing-4) var(--spacing-6);background: var(--color-gray-50);display: flex;gap: var(--spacing-3)}.real-example__list{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);overflow: hidden;margin-bottom: var(--spacing-3)}.real-example__list-item{padding: var(--spacing-4);display: flex;align-items: center;gap: var(--spacing-3);border-bottom: 1px solid var(--color-border)}.real-example__list-item:last-child{border-bottom: none}.real-example__list-item i{color: var(--color-success-text)}.real-example__code{display: block;padding: var(--spacing-2);background: var(--color-gray-50);border-radius: var(--border-radius-sm);font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary);white-space: pre}.spacing-page__best-practices{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: var(--spacing-5)}.spacing-page__best-practice{display: flex;gap: var(--spacing-4);padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.spacing-page__best-practice-icon{flex-shrink: 0}.spacing-page__best-practice-icon i{font-size: var(--font-size-2xl);color: var(--color-success-text)}:where(.spacing-page) .spacing-page__best-practice-icon i.fa-lightbulb{color: var(--color-warning-text)}.spacing-page__best-practice-content{flex: 1}.spacing-page__best-practice-title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.spacing-page__best-practice-desc{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin: 0}.reference-guide{display: flex;flex-direction: column;gap: var(--spacing-3)}.reference-item{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.reference-item__spacing{flex-shrink: 0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: var(--color-white);font-weight: var(--font-weight-bold);font-size: var(--font-size-lg);border-radius: var(--border-radius-md)}.reference-item__content{flex: 1}.reference-item__name{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-1)}.reference-item__usage{font-size: var(--font-size-sm);color: var(--color-text-secondary)}@media (max-width: 768px){.spacing-page h1{font-size: var(--font-size-3xl)}.spacing-page__section{padding: var(--spacing-5)}.spacing-page__usage-examples,.margin-examples,.gap-examples,.real-examples{grid-template-columns: 1fr}.spacing-page__best-practices{grid-template-columns: 1fr}.spacing-scale__info{flex-direction: column;align-items: flex-start;gap: var(--spacing-2)}.spacing-scale__var{margin-left: 0}}@media print{.spacing-page{max-width: 100%}.spacing-page__section{page-break-inside: avoid;box-shadow: none}.spacing-scale__item:hover{transform: none;box-shadow: none}}.ds-preview-vertical{flex-direction: column;align-items: flex-start;gap: var(--spacing-4)}.ds-info-text{color: var(--color-text-secondary);font-size: var(--font-size-sm);font-style: italic;margin-top: var(--spacing-2)}.ds-demo-card{background: var(--color-gray-50);border: 2px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-6);display: flex;flex-direction: column;gap: var(--spacing-5)}.ds-demo-controls{display: flex;justify-content: center;padding: var(--spacing-6);background: var(--color-surface);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.ds-demo-options{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4)}.ds-demo-option-group{display: flex;flex-direction: column;gap: var(--spacing-2)}.ds-demo-option-group label{font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-sm)}.ds-select{padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-surface);font-size: var(--font-size-base);color: var(--color-text-primary);cursor: pointer;transition: border-color 0.2s}.ds-select:hover{border-color: var(--color-info)}.ds-select:focus{outline: none;border-color: var(--color-info);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.ds-demo-state{text-align: center;padding: var(--spacing-3);background: var(--color-surface);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.ds-demo-state code{color: var(--color-info-text);font-weight: var(--font-weight-bold);font-size: var(--font-size-lg)}.ds-usage-guide{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--spacing-5);margin-top: var(--spacing-4)}.ds-usage-item{padding: var(--spacing-5);border-radius: var(--border-radius-lg);border: 2px solid}.ds-usage-item h4{margin: 0 0 var(--spacing-3) 0;font-size: var(--font-size-lg);display: flex;align-items: center;gap: var(--spacing-2)}.ds-usage-item ul{margin: 0;padding-left: var(--spacing-5)}.ds-usage-item li{margin-bottom: var(--spacing-2);line-height: var(--line-height-relaxed)}.ds-usage-do{background: linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface) 100%);border-color: var(--color-success)}.ds-usage-do h4{color: var(--color-success-text)}.ds-usage-dont{background: linear-gradient(135deg,var(--color-border-light) 0%,var(--color-border-light) 100%);border-color: var(--color-danger)}.ds-usage-dont h4{color: var(--color-danger-text)}.ds-accessibility{display: flex;flex-direction: column;gap: var(--spacing-4);margin-top: var(--spacing-4)}.ds-accessibility-item{display: flex;gap: var(--spacing-4);padding: var(--spacing-4);background: var(--color-gray-50);border-radius: var(--border-radius-md);border: 1px solid var(--color-border)}.ds-accessibility-item i{font-size: var(--font-size-3xl);color: var(--color-info-text);flex-shrink: 0}.ds-accessibility-item strong{display: block;margin-bottom: var(--spacing-1);color: var(--color-text-primary)}.ds-accessibility-item p{margin: 0;color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.ds-accessibility-item kbd{padding: var(--spacing-0-5) var(--spacing-1-5);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);font-family: monospace;font-size: 0.9em}@media (max-width: 768px){.ds-usage-guide{grid-template-columns: 1fr}.ds-demo-options{grid-template-columns: 1fr}.ds-accessibility-item{flex-direction: column;text-align: center}}.typography-page{max-width: var(--page-max-width);margin: 0 auto}.typography-page h1{font-size: var(--font-size-4xl);color: var(--color-text-primary);margin-bottom: var(--spacing-2);display: flex;align-items: center;gap: var(--spacing-3)}.typography-page h1 .fa-font{color: var(--color-primary)}.typography-page__subtitle{font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-10)}.typography-page__section{margin-bottom: var(--spacing-12);padding: var(--spacing-8);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.typography-page__section-title{font-size: var(--font-size-2xl);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0;font-weight: var(--font-weight-semibold)}.typography-page__section-desc{font-size: var(--font-size-base);color: var(--color-text-secondary);margin: 0 0 var(--spacing-6) 0}.typography-scale{display: flex;flex-direction: column;gap: var(--spacing-4)}.typography-scale__item{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white);transition: all var(--transition-fast)}.typography-scale__item:hover{transform: translateX(4px);box-shadow: var(--shadow-md)}.typography-scale__preview{display: flex;align-items: center;gap: var(--spacing-3);color: var(--color-text-primary);margin-bottom: var(--spacing-3)}.typography-scale__preview--xs{font-size: var(--font-size-xs)}.typography-scale__preview--sm{font-size: var(--font-size-sm)}.typography-scale__preview--base{font-size: var(--font-size-base)}.typography-scale__preview--lg{font-size: var(--font-size-lg)}.typography-scale__preview--xl{font-size: var(--font-size-xl)}.typography-scale__preview--2xl{font-size: var(--font-size-2xl)}.typography-scale__preview--3xl{font-size: var(--font-size-3xl)}.typography-scale__preview--4xl{font-size: var(--font-size-4xl)}.typography-scale__preview--5xl{font-size: var(--font-size-5xl)}.typography-scale__info{display: flex;gap: var(--spacing-4);align-items: center;font-size: var(--font-size-sm)}.typography-scale__name{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.typography-scale__value{color: var(--color-text-secondary)}.typography-scale__var{font-family: 'Courier New',monospace;color: var(--color-text-tertiary);margin-left: auto}.font-weights{display: flex;flex-direction: column;gap: var(--spacing-4)}.font-weight__item{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.font-weight__preview{font-size: var(--font-size-xl);color: var(--color-text-primary);margin-bottom: var(--spacing-3);display: flex;align-items: center;gap: var(--spacing-2)}.font-weight__preview--light{font-weight: var(--font-weight-light)}.font-weight__preview--normal{font-weight: var(--font-weight-normal)}.font-weight__preview--medium{font-weight: var(--font-weight-medium)}.font-weight__preview--semibold{font-weight: var(--font-weight-semibold)}.font-weight__preview--bold{font-weight: var(--font-weight-bold)}.font-weight__preview--extrabold{font-weight: var(--font-weight-extrabold)}.font-weight__info{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-size-sm)}.font-weight__var{font-family: 'Courier New',monospace;color: var(--color-text-secondary)}.font-weight__value{color: var(--color-text-tertiary)}.line-heights{display: flex;flex-direction: column;gap: var(--spacing-6)}.line-height__item{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.line-height__preview{display: flex;gap: var(--spacing-3);color: var(--color-text-primary);margin-bottom: var(--spacing-3)}.line-height__preview i{color: var(--color-primary);flex-shrink: 0;margin-top: var(--spacing-1)}.line-height__preview--tight{line-height: var(--line-height-tight)}.line-height__preview--normal{line-height: var(--line-height-normal)}.line-height__preview--relaxed{line-height: var(--line-height-relaxed)}.line-height__preview--loose{line-height: var(--line-height-loose)}.line-height__info{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-size-sm)}.line-height__var{font-family: 'Courier New',monospace;color: var(--color-text-secondary)}.line-height__value{color: var(--color-text-tertiary)}.headings-hierarchy{display: flex;flex-direction: column;gap: var(--spacing-5)}.heading-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.heading-example__preview{margin: 0 0 var(--spacing-3) 0;color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.heading-example__preview i{color: var(--color-primary)}.heading-example__info{display: flex;gap: var(--spacing-4);align-items: center;font-size: var(--font-size-sm)}.heading-example__tag{font-family: 'Courier New',monospace;color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.heading-example__usage{color: var(--color-text-secondary);font-style: italic}.paragraph-styles{display: flex;flex-direction: column;gap: var(--spacing-6)}.paragraph-example{border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);background: var(--color-white)}.paragraph-example__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-3);display: flex;align-items: center;gap: var(--spacing-2)}.paragraph-example__label i{color: var(--color-primary)}.paragraph-example__content{margin-bottom: var(--spacing-3)}.paragraph-example__content--standard{font-size: var(--font-size-base);line-height: var(--line-height-normal);color: var(--color-text-primary)}.paragraph-example__content--lead{font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: var(--color-text-primary);font-weight: var(--font-weight-normal)}.paragraph-example__content--small{font-size: var(--font-size-sm);line-height: var(--line-height-normal);color: var(--color-text-secondary)}.paragraph-example__content--quote{font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);font-style: italic;color: var(--color-text-secondary);border-left: 4px solid var(--color-primary);padding-left: var(--spacing-4);margin: var(--spacing-4) 0;position: relative}.paragraph-example__content--quote .fa-quote-left{color: var(--color-primary);opacity: 0.3;font-size: var(--font-size-2xl);margin-right: var(--spacing-2)}.paragraph-example__content--quote .fa-quote-right{color: var(--color-primary);opacity: 0.3;font-size: var(--font-size-2xl);margin-left: var(--spacing-2)}.paragraph-example__code{font-family: 'Courier New',monospace;font-size: var(--font-size-xs);color: var(--color-text-tertiary);background: var(--color-gray-50);padding: var(--spacing-2);border-radius: var(--border-radius-sm);display: block}.typography-page__best-practices{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: var(--spacing-5)}.typography-page__best-practice{display: flex;gap: var(--spacing-4);padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border)}.typography-page__best-practice-icon{flex-shrink: 0}.typography-page__best-practice-icon i{font-size: var(--font-size-2xl);color: var(--color-success-text)}:where(.typography-page) .typography-page__best-practice-icon i.fa-lightbulb{color: var(--color-warning-text)}.typography-page__best-practice-content{flex: 1}.typography-page__best-practice-title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.typography-page__best-practice-desc{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin: 0}@media (max-width: 768px){.typography-page h1{font-size: var(--font-size-3xl)}.typography-page__section{padding: var(--spacing-5)}.typography-scale__preview--5xl{font-size: var(--font-size-4xl)}.typography-scale__preview--4xl{font-size: var(--font-size-3xl)}.typography-scale__preview--3xl{font-size: var(--font-size-2xl)}.typography-page__best-practices{grid-template-columns: 1fr}.typography-scale__info{flex-direction: column;align-items: flex-start}.typography-scale__var{margin-left: 0}}@media print{.typography-page{max-width: 100%}.typography-page__section{page-break-inside: avoid;box-shadow: none}.typography-scale__item:hover{transform: none;box-shadow: none}}.create-event{max-width: 900px;margin: 0 auto;padding: var(--spacing-6)}.create-event__form{background: var(--color-surface);border-radius: var(--border-radius-xl);box-shadow: var(--shadow-md);padding: var(--spacing-8);border: 1px solid var(--color-border)}.create-event__section{margin-bottom: var(--spacing-8)}.create-event__section:last-of-type{margin-bottom: var(--spacing-6)}.create-event__section h2{font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-5) 0;padding-bottom: var(--spacing-3);border-bottom: 2px solid var(--color-surface-secondary);display: flex;align-items: center;gap: var(--spacing-3)}.create-event__section h2 i{color: var(--color-primary)}.create-event__field{margin-bottom: var(--spacing-5)}.create-event__field label{display: block;font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-2);font-size: var(--font-size-base)}.create-event__control{width: 100%;padding: var(--spacing-3);border: 2px solid var(--color-border);border-radius: var(--border-radius-lg);font-size: var(--font-size-base);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.create-event__control:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.create-event__hint{display: block;margin-top: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary);font-style: italic}.create-event__field-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-5)}.create-event__actions{display: flex;justify-content: flex-end;gap: var(--spacing-3);padding-top: var(--spacing-6);border-top: 2px solid var(--color-surface-secondary)}@media (max-width: 768px){.create-event{padding: var(--spacing-4)}.create-event__form{padding: var(--spacing-5)}.create-event__field-row{grid-template-columns: 1fr}.create-event__actions{flex-direction: column}}.discussion-messages{display: flex;flex-direction: column;height: 600px;background: var(--color-surface-secondary)}.discussion-messages__loading{display: flex;align-items: center;justify-content: center;gap: var(--spacing-3);padding: var(--spacing-12);color: var(--color-text-secondary)}.discussion-messages__empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-12) var(--spacing-6);text-align: center;color: var(--color-text-secondary)}.discussion-messages__empty i{font-size: var(--font-size-6xl);margin-bottom: var(--spacing-4);opacity: 0.5}.discussion-messages__empty p{margin: var(--spacing-1) 0}.discussion-messages__hint{font-size: var(--font-size-sm);opacity: 0.8}.discussion-messages__list{flex: 1;overflow-y: auto;padding: var(--spacing-5);display: flex;flex-direction: column;gap: 0}.discussion-messages__new-button-section{border-top: 1px solid var(--color-border);padding: var(--spacing-4);background: var(--color-surface);display: flex;justify-content: center}.discussion-messages__new-button{background: var(--color-primary);color: var(--color-surface);border: none;padding: var(--spacing-3) var(--spacing-6);border-radius: var(--border-radius-lg);font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);cursor: pointer;display: flex;align-items: center;gap: var(--spacing-2);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.discussion-messages__new-button:hover{background: var(--color-success-text);transform: translateY(-1px);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.discussion-messages__input-section{border-top: 1px solid var(--color-border);padding: var(--spacing-4);background: var(--color-surface)}.discussion-messages__reply-banner{background: var(--color-surface-secondary);border: 1px solid var(--color-info-light);border-radius: var(--border-radius-lg);padding: var(--spacing-3) var(--spacing-4);margin-bottom: var(--spacing-3);display: flex;align-items: center;gap: var(--spacing-2);color: var(--color-primary-dark);font-size: var(--font-size-sm)}.discussion-messages__reply-banner i{font-size: var(--font-size-sm)}.discussion-messages__reply-banner strong{color: var(--color-text-primary)}.discussion-messages__close-reply{margin-left: auto;background: none;border: none;color: var(--color-text-secondary);cursor: pointer;padding: var(--spacing-1);border-radius: var(--border-radius-sm);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.discussion-messages__close-reply:hover{background: var(--color-surface-tertiary);color: var(--color-primary-dark)}.event-detail{max-width: var(--page-max-width);margin: 0 auto;padding: var(--spacing-6);min-height: 100vh}.event-detail__info-card{background: var(--color-surface);border-radius: var(--border-radius-2xl);padding: var(--spacing-6);box-shadow: var(--shadow-md);border: 1px solid var(--color-surface-secondary);margin-bottom: var(--spacing-6);position: relative;overflow: hidden}.event-detail__info-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: var(--event-other)}.event-detail__info-card--teams::before{background: var(--event-teams)}.event-detail__info-card--webinar::before{background: var(--event-webinar)}.event-detail__info-card--training::before{background: var(--event-training)}.event-detail__info-card--presentation::before{background: var(--event-presentation)}.event-detail__info-card--physical::before{background: var(--event-physical)}.event-detail__card-header{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-4);flex-wrap: wrap;margin-bottom: var(--spacing-5);padding-top: var(--spacing-2)}.event-detail__card-header h2{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0}.event-detail__card-header h2 i{color: var(--color-primary)}.event-detail__badges{display: flex;align-items: center;gap: var(--spacing-3);flex-wrap: wrap}.event-detail__badge{padding: var(--spacing-2) var(--spacing-3);border-radius: var(--border-radius-lg);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);display: inline-flex;align-items: center;gap: var(--spacing-2);text-transform: uppercase;letter-spacing: 0.5px}.event-detail__badge--teams{background: var(--color-surface-tertiary);color: var(--color-info-hover);border: 2px solid var(--color-primary-light)}.event-detail__badge--webinar{background: var(--color-border-light);color: var(--color-danger);border: 2px solid var(--color-danger-light)}.event-detail__badge--training{background: var(--color-border-light);color: var(--color-success);border: 2px solid var(--color-success-light)}.event-detail__badge--presentation{background: var(--color-warning-light);color: var(--color-warning-text);border: 2px solid var(--color-warning-light)}.event-detail__badge--physical{background: var(--color-success-light);color: var(--color-success-text);border: 2px solid var(--color-success-light)}.event-detail__badge--other{background: var(--color-gray-100);color: var(--color-text-secondary);border: 2px solid var(--color-border)}.event-detail__badge--cancelled{background: linear-gradient(135deg,var(--color-danger-light) 0%,var(--color-danger-light) 100%);color: var(--color-danger-text);border: 2px solid var(--color-danger-light)}.event-detail__info-inline{display: flex;flex-wrap: wrap;gap: var(--spacing-4);margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-5);border-bottom: 2px solid var(--color-surface-secondary)}.event-detail__inline-item{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);border-radius: var(--border-radius-lg);font-size: var(--font-size-base)}.event-detail__inline-item--primary{background: linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border: 1px solid var(--color-info-light);font-weight: var(--font-weight-medium)}.event-detail__inline-item--primary i{color: var(--color-primary-dark);font-size: var(--font-size-xl)}.event-detail__inline-item--primary .event-detail__item-value{color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}.event-detail__inline-item--secondary{background: var(--color-surface-secondary);border: 1px solid var(--color-border);font-size: var(--font-size-sm);font-weight: var(--font-weight-normal)}.event-detail__inline-item--secondary i{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.event-detail__inline-item--secondary .event-detail__item-value{color: var(--color-text-secondary)}.event-detail__teams-link{color: var(--color-info-hover);text-decoration: none;display: inline-flex;align-items: center;gap: var(--spacing-2);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);font-weight: var(--font-weight-semibold)}.event-detail__teams-link:hover{color: var(--color-info-hover);gap: var(--spacing-3)}.event-detail__description{padding-top: var(--spacing-5);margin-bottom: var(--spacing-6)}.event-detail__description h3{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-3) 0;display: flex;align-items: center;gap: var(--spacing-2)}.event-detail__description h3 i{color: var(--color-primary)}.event-detail__description p{color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin: 0}.event-detail__actions{display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-3);flex-wrap: wrap}.event-detail__left-actions{display: flex;gap: var(--spacing-3);flex-wrap: wrap}.event-detail__right-actions{display: flex;gap: var(--spacing-3);flex-wrap: wrap;margin-left: auto}.event-detail__discussion{background: linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border: 2px solid var(--color-info-light);border-radius: var(--border-radius-2xl);padding: var(--spacing-6);box-shadow: var(--shadow-md);margin-bottom: var(--spacing-6)}.event-detail__discussion--no-discussion{background: linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);border: 2px solid var(--color-warning)}.event-detail__discussion-header{margin-bottom: var(--spacing-5)}.event-detail__discussion-header h2{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.event-detail__discussion-header h2 i{color: var(--color-primary)}.event-detail__discussion-hint{color: var(--color-primary-dark);font-size: var(--font-size-base);margin: var(--spacing-2) 0 0 0;font-weight: var(--font-weight-medium)}.event-detail__discussion--no-discussion .event-detail__discussion-hint{color: var(--color-warning-text)}.event-detail__discussion-embed{background: var(--color-surface);border-radius: var(--border-radius-xl);overflow: hidden;box-shadow: var(--shadow-md)}.event-detail__create-discussion-prompt{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);text-align: center;box-shadow: var(--shadow-md)}.event-detail__create-discussion-prompt p{color: var(--color-text-secondary);margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-base)}.event-detail__modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-black) 50%,transparent);display: flex;align-items: center;justify-content: center;z-index: var(--z-index-dropdown);padding: var(--spacing-5)}.event-detail__modal-content{background: var(--color-surface);border-radius: var(--border-radius-xl);max-width: 600px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: var(--shadow-xl)}.event-detail__modal-header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-5) var(--spacing-6);border-bottom: 1px solid var(--color-border)}.event-detail__modal-header h2{margin: 0;font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.event-detail__modal-close{background: none;border: none;font-size: var(--font-size-3xl);color: var(--color-text-secondary);cursor: pointer;padding: var(--spacing-1);line-height: 1}.event-detail__modal-close:hover{color: var(--color-text-primary)}.event-detail__modal-body{padding: var(--spacing-6)}.event-detail__modal-footer{display: flex;justify-content: flex-end;gap: var(--spacing-3);padding: var(--spacing-5) var(--spacing-6);border-top: 1px solid var(--color-border)}.event-detail__form-field{margin-bottom: var(--spacing-4)}.event-detail__form-field label{display: block;font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-2);font-size: var(--font-size-sm)}.event-detail__form-control{width: 100%;padding: var(--spacing-3);border: 2px solid var(--color-border);border-radius: var(--border-radius-lg);font-size: var(--font-size-base)}.event-detail__form-control:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.event-detail__form-row{display: flex;gap: var(--spacing-4)}.event-detail__form-row .event-detail__form-field{flex: 1}@media (max-width: 768px){.event-detail{padding: var(--spacing-4)}.event-detail__card-header{flex-direction: column;align-items: flex-start;gap: var(--spacing-3)}.event-detail__card-header h2{font-size: var(--font-size-2xl)}.event-detail__badges{width: 100%}.event-detail__info-card,.event-detail__discussion{padding: var(--spacing-5)}.event-detail__info-inline{flex-direction: column;gap: var(--spacing-2)}.event-detail__inline-item{width: 100%}.event-detail__actions{flex-direction: column}.event-detail__left-actions,.event-detail__right-actions{width: 100%;margin-left: 0}.event-detail__form-row{flex-direction: column}}.events__filters{margin-bottom: var(--spacing-6);background: var(--color-surface-secondary);padding: var(--spacing-4);border-radius: var(--border-radius-lg);display: flex;align-items: center;gap: var(--spacing-4);flex-wrap: wrap}.events__filter-label{display: flex;align-items: center;gap: var(--spacing-2);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);font-size: var(--font-size-sm);flex-shrink: 0}.events__filter-label i{color: var(--color-primary)}.events__filter-tabs{display: flex;gap: var(--spacing-2);flex-wrap: wrap}.events__filter-btn{transition: all var(--transition-fast);white-space: nowrap}:where([data-page="EventsPage"]) .loading-state{text-align: center;padding: var(--spacing-12) var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);display: flex;flex-direction: column;align-items: center;gap: var(--spacing-4)}:where([data-page="EventsPage"]) .loading-state span{color: var(--color-text-secondary);font-size: var(--font-size-base)}.events__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: var(--spacing-6)}.events__card{background: var(--color-surface);border-radius: var(--border-radius-lg);overflow: hidden;border: 2px solid var(--color-border);transition: all var(--transition-normal);cursor: pointer;display: flex;flex-direction: column;box-shadow: var(--shadow-sm)}.events__card:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg);border-color: var(--color-primary)}.events__card--cancelled{opacity: 0.65}.events__card-image{position: relative;height: 160px;background: var(--event-other);display: flex;align-items: center;justify-content: center}.events__card-image--teamsmeeting{background: var(--event-teams)}.events__card-image--webinar{background: var(--event-webinar)}.events__card-image--training{background: var(--event-training)}.events__card-image--presentation{background: var(--event-presentation)}.events__card-image--physicalmeeting{background: var(--event-physical)}.events__date-badge{position: absolute;top: var(--spacing-3);left: var(--spacing-3);background: var(--color-surface);padding: var(--spacing-2) var(--spacing-3);border-radius: var(--border-radius-lg);text-align: center;box-shadow: var(--shadow-md);min-width: 56px}.events__date-month{display: block;font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);color: var(--color-danger-text);text-transform: uppercase;letter-spacing: 0.5px;line-height: 1;margin-bottom: var(--spacing-0-5)}.events__date-day{display: block;font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-text-primary);line-height: 1}.events__type-icon{color: var(--color-surface);font-size: var(--font-size-6xl);opacity: 0.9}.events__card-body{padding: var(--spacing-5);display: flex;flex-direction: column;flex: 1}.events__date-time{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-danger-text);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--spacing-2)}.events__card-title{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text-primary);margin: 0 0 var(--spacing-3) 0;line-height: var(--line-height-tight);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.events__card-description{display: flex;align-items: flex-start;gap: var(--spacing-2);margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-normal)}.events__card-description i{margin-top: var(--spacing-0-5);color: var(--color-text-tertiary)}.events__card-footer{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-2) var(--spacing-4);margin-top: auto;padding-top: var(--spacing-3);border-top: 1px solid var(--color-border-light)}.events__footer-item{display: inline-flex;align-items: center;gap: var(--spacing-1-5);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.events__footer-item--discussion{color: var(--color-primary)}.events__footer-item--cancelled{color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.participants-section{background: var(--color-surface);border-radius: var(--border-radius-xl);border: 1px solid var(--color-border);overflow: hidden;margin-bottom: var(--spacing-6);box-shadow: var(--shadow-sm)}.participants-section__header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-4) var(--spacing-5);cursor: pointer;background: linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border-bottom: 1px solid var(--color-info-light);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);user-select: none}.participants-section__header:hover{background: linear-gradient(135deg,var(--color-surface-tertiary) 0%,var(--color-info-light) 100%)}.participants-section__header-left{display: flex;align-items: center;gap: var(--spacing-3)}.participants-section__icon{color: var(--color-success-text);font-size: var(--font-size-2xl)}.participants-section__header h3{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-primary-dark)}.participants-section__toggle-icon{color: var(--color-success-text);font-size: var(--font-size-lg);transition: transform 0.2s cubic-bezier(0.4,0,0.2,1)}.participants-section__content{padding: var(--spacing-4);background: var(--color-surface);animation: slideDown 0.3s ease-out}.participants-section__list{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--spacing-3)}.participants-section__item{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-2) var(--spacing-3);background: var(--color-surface-secondary);border-radius: var(--border-radius-lg);border: 1px solid var(--color-border);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.participants-section__item:hover{background: var(--color-gray-100);border-color: var(--color-gray-300);transform: translateX(2px)}.participants-section__avatar{width: 32px;height: 32px;border-radius: var(--border-radius-full);flex-shrink: 0;object-fit: cover;box-shadow: var(--shadow-sm)}.participants-section__avatar--generated{background: var(--participant-avatar-bg);display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-surface)}.participants-section__avatar-initials{text-transform: uppercase}.participants-section__info{display: flex;flex-direction: column;gap: var(--spacing-0-5);flex: 1;min-width: 0}.participants-section__name{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.participants-section__status{display: inline-flex;align-items: center;gap: var(--spacing-1);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium)}.participants-section__status i{font-size: var(--font-size-xs)}.participants-section__status--accepted{color: var(--color-success-text)}.participants-section__status--pending{color: var(--color-warning-text)}.participants-section__status--declined{color: var(--color-danger-text)}.participants-section__empty{text-align: center;padding: var(--spacing-10) var(--spacing-5);color: var(--color-text-tertiary)}.participants-section__empty i{font-size: var(--font-size-6xl);margin-bottom: var(--spacing-3);opacity: 0.5}.participants-section__empty p{margin: 0;font-size: var(--font-size-base)}@media (max-width: 768px){.participants-section__list{grid-template-columns: 1fr}.participants-section__header{padding: var(--spacing-4)}.participants-section__header h3{font-size: var(--font-size-lg)}.participants-section__content{padding: var(--spacing-3)}}.simple-message-input{display: flex;flex-direction: column;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-surface);border-radius: var(--border-radius-lg)}.simple-message-input__textarea{width: 100%;padding: var(--spacing-3);border: 2px solid var(--color-border);border-radius: var(--border-radius-lg);font-family: inherit;font-size: var(--font-size-base);resize: vertical;min-height: 100px}.simple-message-input__textarea:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.simple-message-input__buttons{display: flex;justify-content: flex-end;gap: var(--spacing-2)}.simple-message-input__cancel,.simple-message-input__send{padding: var(--spacing-3) var(--spacing-5);border: none;border-radius: var(--border-radius-lg);font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);cursor: pointer;display: flex;align-items: center;gap: var(--spacing-2);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.simple-message-input__cancel{background: var(--color-surface-secondary);color: var(--color-text-secondary);border: 1px solid var(--color-border)}.simple-message-input__cancel:hover{background: var(--color-border);color: var(--color-text-primary)}.simple-message-input__send{background: var(--color-primary);color: var(--color-surface)}.simple-message-input__send:hover:not(:disabled){background: var(--color-success-text)}.simple-message-input__send:disabled{opacity: 0.5;cursor: not-allowed}.bank-account-detail__navigation{margin-bottom: var(--spacing-5)}.bank-account-detail__section-header{margin-bottom: var(--spacing-6);border-bottom: 1px solid var(--color-gray-200);padding-bottom: var(--spacing-4)}.bank-account-detail__section-title{font-size: var(--font-size-2xl);font-weight: 600;color: var(--text-primary);margin: 0 0 var(--spacing-2) 0;display: flex;align-items: center;gap: var(--spacing-2)}.bank-account-detail__section-description{color: var(--text-secondary);margin: 0;font-size: var(--font-size-sm)}.bank-account-detail__loading-page{display: flex;align-items: center;justify-content: center;min-height: 60vh;padding: var(--spacing-10);background: var(--color-gray-100)}.bank-account-detail__loading-content{text-align: center;max-width: 400px;background: var(--color-surface);padding: var(--spacing-10);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)}.bank-account-detail__spinner{border: 4px solid var(--color-gray-100);border-top: 4px solid var(--color-primary);border-radius: 50%;width: 40px;height: 40px;margin: 0 auto var(--spacing-5);animation: bank-account-detail-spin 1s linear infinite}@keyframes bank-account-detail-spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.bank-account-detail__loading-title{font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);margin: 0 0 var(--spacing-2) 0}.bank-account-detail__loading-description{font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0}@media (max-width: 768px){.bank-account-detail__section-title{font-size: var(--font-size-xl)}}.dividends-optimized__container{background: transparent;padding: 0}.dividends-optimized__header{margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 1px solid var(--color-gray-200)}.dividends-optimized__filters-row{display: flex;gap: var(--spacing-5);align-items: flex-end;flex-wrap: wrap}.dividends-optimized__filter-group{display: flex;flex-direction: column;gap: var(--spacing-1-5)}.dividends-optimized__filter-label{font-size: var(--font-size-sm);font-weight: 500;color: var(--text-primary);margin: 0}.dividends-optimized__total-summary{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover));color: var(--color-text-inverse);padding: var(--spacing-5) var(--spacing-6);border-radius: var(--radius-lg);margin-bottom: var(--spacing-6);display: flex;justify-content: space-between;align-items: center;box-shadow: 0 4px 12px color-mix(in srgb,var(--color-success) 25%,transparent)}.dividends-optimized__total-label{font-size: var(--font-size-base);font-weight: 500;opacity: 0.9}.dividends-optimized__total-amount{font-size: var(--font-size-3xl);font-weight: 700}.dividends-optimized__empty-state{text-align: center;padding: var(--spacing-16) var(--spacing-5);color: var(--text-secondary)}.dividends-optimized__empty-icon{font-size: var(--font-size-6xl);margin-bottom: var(--spacing-5);opacity: 0.6}.dividends-optimized__empty-title{margin: 0 0 var(--spacing-3) 0;font-size: var(--font-size-2xl);font-weight: 600;color: var(--text-primary)}.dividends-optimized__empty-description{margin: 0;font-size: var(--font-size-base);line-height: 1.5}.dividends-optimized__content{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-8);align-items: start}.dividends-optimized__chart-section,.dividends-optimized__table-section{background: var(--color-surface);border-radius: var(--radius-lg);padding: var(--spacing-6);box-shadow: var(--shadow-sm);border: 1px solid var(--color-gray-200);min-width: 0}.dividends-optimized__section-title{margin: 0 0 var(--spacing-5) 0;font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-2);padding-bottom: var(--spacing-3);border-bottom: 1px solid var(--color-gray-100)}.dividends-optimized__chart-wrapper,.dividends-optimized__table-wrapper{min-height: 300px}.dividends-optimized__table-wrapper{overflow-x: auto}@media (max-width: 1024px){.dividends-optimized__content{grid-template-columns: 1fr;gap: var(--spacing-6)}}@media (max-width: 768px){.dividends-optimized__total-summary{flex-direction: column;gap: var(--spacing-2);text-align: center}.dividends-optimized__total-amount{font-size: var(--font-size-2xl)}.dividends-optimized__filters-row{flex-direction: column;align-items: stretch;gap: var(--spacing-4)}.dividends-optimized__filter-group{width: 100%}.dividends-optimized__chart-section,.dividends-optimized__table-section{padding: var(--spacing-4)}}.folio-detail__portfolio-summary{margin-bottom: var(--spacing-5)}.folio-detail__performance-metrics{margin-bottom: var(--spacing-5)}.folio-detail__performance-metrics .metric-label{font-size: var(--font-size-xs);margin-bottom: var(--spacing-1-5)}.folio-detail__performance-metrics .metric-value{font-size: var(--font-size-xl);font-weight: 600}.folio-detail__performance-charts{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,500px),1fr));gap: var(--spacing-5);margin-bottom: var(--spacing-5)}.folio-detail__chart-card{padding: var(--spacing-6);min-width: 0}.folio-detail__chart-title{margin: 0 0 var(--spacing-5) 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--text-primary);border-bottom: 1px solid var(--color-gray-200);padding-bottom: var(--spacing-2-5);display: flex;align-items: center;gap: var(--spacing-2)}.folio-detail__chart-wrapper{min-height: 300px}@media (max-width: 1024px){.folio-detail__performance-charts{grid-template-columns: 1fr}}@media (max-width: 768px){.folio-detail__chart-card{padding: var(--spacing-4)}.folio-detail__chart-title{font-size: var(--font-size-lg)}}.folio-stocks__toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-3);margin-bottom: var(--spacing-4)}.folio-stocks__views{display: flex;gap: var(--spacing-2)}.folio-stocks__amount-toggle{margin-left: auto}.analytics-mini-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--spacing-5)}@media (max-width: 768px){.analytics-mini-grid{grid-template-columns: 1fr;gap: var(--spacing-4)}}@media (max-width: 640px){.analytics-mini-grid{gap: var(--spacing-3)}}.transactions-filters{display: flex;align-items: flex-end;gap: var(--spacing-3);flex-wrap: wrap;margin-bottom: var(--spacing-4)}.transactions-filters__group{display: flex;flex-direction: column;gap: var(--spacing-2)}.transactions-filters__group > *{margin-bottom: 0}.transactions-filters__group--company{flex: 1;min-width: 200px;max-width: 400px}.transactions-filters__group--account{flex: 0 0 250px;min-width: 200px}.transactions-filters__group--currency{flex: 0 0 180px;min-width: 150px}.transactions-filters__group--direction{flex: 0 0 150px;min-width: 120px}@media (max-width: 1024px){.transactions-filters__group--company{flex: 1 1 100%;max-width: 100%}.transactions-filters__group--account,.transactions-filters__group--currency{flex: 1 1 calc(50% - 6px)}.transactions-filters__group--direction{flex: 1 1 100%;max-width: 250px}}@media (max-width: 640px){.transactions-filters{flex-direction: column;align-items: stretch}.transactions-filters__group--company,.transactions-filters__group--account,.transactions-filters__group--currency,.transactions-filters__group--direction{flex: 1 1 auto;min-width: 100%;max-width: 100%}}.transactions-row-actions{display: inline-flex;gap: var(--spacing-2)}.transaction-form__hint{display: block;margin-top: var(--spacing-1);font-size: var(--font-size-xs);color: var(--color-text-secondary)}.transaction-form__hint--success{color: var(--color-success-text)}.transaction-form__hint--warning{color: var(--color-warning-text)}.transaction-form__comment{margin-top: var(--spacing-4)}.transaction-form__editor{min-height: 150px;border: 1px solid var(--color-border);border-radius: var(--border-radius-md)}.analyses-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.analyses-page__content{display: flex;flex-direction: column;gap: var(--spacing-5)}.filters-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-4)}.filters-bar__search{position: relative;flex: 1;max-width: 400px}.filters-bar__search-icon{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--color-gray-400);font-size: var(--font-size-base)}.filters-bar__search-input{width: 100%;padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);border-radius: var(--border-radius-md);border: 1px solid var(--color-gray-300);font-size: var(--font-size-base)}.filters-bar__search-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.analyses-page__sort-tabs{display: flex;gap: var(--spacing-2);background: var(--color-gray-100);padding: var(--spacing-1);border-radius: var(--border-radius-lg)}.sort-tabs__item{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2-5) var(--spacing-4);border: none;background: transparent;color: var(--color-gray-500);font-size: var(--font-size-base);font-weight: 500;border-radius: var(--border-radius-md);cursor: pointer;transition: all 0.2s ease;white-space: nowrap;text-decoration: none}.sort-tabs__item-icon{font-size: var(--font-size-base)}.sort-tabs__item:hover{color: var(--color-primary);background: color-mix(in srgb,var(--color-primary) 10%,transparent)}.sort-tabs__item--active{background: var(--color-surface);color: var(--color-primary);box-shadow: var(--shadow-md)}.sort-tabs__item--active .sort-tabs__item-icon{color: var(--color-primary)}.analyses-list{display: flex;flex-direction: column;gap: var(--spacing-3)}@media (max-width: 768px){.analyses-page{padding: 0 var(--spacing-3)}.filters-bar{flex-direction: column;align-items: stretch}.filters-bar__search{max-width: 100%}.analyses-page__sort-tabs{width: 100%;flex-wrap: wrap}.sort-tabs__item{flex: 1;min-width: 0;justify-content: center}.sort-tabs__item-label{display: none}.sort-tabs__item-icon{font-size: var(--font-size-xl)}}.category-rooms-page{max-width: var(--page-max-width);margin: 0 auto}.rooms-content{display: flex;flex-direction: column;gap: var(--spacing-5)}.rooms-filters{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-4)}.rooms-list__search-box{position: relative;flex: 1;max-width: 400px}.rooms-list__search-box i{position: absolute;left: var(--spacing-4);top: 50%;transform: translateY(-50%);color: var(--color-text-tertiary);font-size: var(--font-size-base)}.rooms-list__search-box input{width: 100%;padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) calc(var(--spacing-4) + var(--spacing-6));border-radius: var(--border-radius-lg);border: 1px solid var(--color-border-dark);font-size: var(--font-size-sm);transition: all var(--transition-fast)}.rooms-list__search-box input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.rooms-list__sort-tabs{display: flex;gap: var(--spacing-2);background: var(--color-surface-secondary);padding: var(--spacing-1);border-radius: var(--border-radius-lg)}.sort-tab{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-4);border: none;background: transparent;color: var(--color-text-secondary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-lg);cursor: pointer;transition: all var(--transition-fast);white-space: nowrap}.sort-tab i{font-size: var(--font-size-base)}.sort-tab:hover{color: var(--color-primary);background: color-mix(in srgb,var(--color-primary) 10%,transparent)}.sort-tab.active{background: var(--color-surface);color: var(--color-primary);box-shadow: var(--shadow-sm)}.sort-tab.active i{color: var(--color-primary)}.rooms-list-linear{display: flex;flex-direction: column;gap: var(--spacing-3)}@media (max-width: 768px){.category-rooms-page{padding: 0 var(--spacing-3)}.rooms-filters{flex-direction: column;align-items: stretch}.rooms-list__search-box{max-width: 100%}.rooms-list__sort-tabs{width: 100%;flex-wrap: wrap}.sort-tab{flex: 1;min-width: 0;justify-content: center}.sort-tab span{display: none}.sort-tab i{font-size: var(--font-size-xl)}}@media (max-width: 640px){.rooms-list__sort-tabs{gap: var(--spacing-1);padding: var(--spacing-1)}.sort-tab{padding: var(--spacing-2)}}.rooms-list__search-box input:focus-visible,.sort-tab:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.rooms-list__search-box input,.sort-tab{transition: none}}.create-analysis-page{max-width: 800px;margin: 0 auto;padding: var(--spacing-5)}.create-analysis-page__header{margin-bottom: var(--spacing-8);padding-bottom: var(--spacing-6);border-bottom: 1px solid var(--color-border)}.create-analysis-page__header h1{display: block;font-size: var(--font-size-3xl);font-weight: 700;color: var(--text-primary);margin: 0 0 var(--spacing-2) 0}.create-analysis-page__header h1 i{margin-right: var(--spacing-3)}.create-analysis-page__header p{margin: 0;font-size: var(--font-size-base);color: var(--text-secondary)}.permission-alert{display: flex;gap: var(--spacing-4);padding: var(--spacing-5);background: var(--color-warning-light);border: 1px solid var(--color-warning);border-radius: var(--border-radius-lg);color: var(--color-warning-text);margin-bottom: var(--spacing-5)}.permission-alert i{font-size: var(--font-size-3xl);color: var(--color-warning);flex-shrink: 0}.permission-alert h3{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-lg);font-weight: 600}.permission-alert p{margin: 0;font-size: var(--font-size-base)}.create-form{background: var(--color-surface);border: 1px solid var(--color-gray-200);border-radius: var(--border-radius-lg);padding: var(--spacing-8);box-shadow: var(--shadow-sm)}.form-section__title{font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);margin: 0 0 var(--spacing-5) 0}.form-help{display: block;margin-top: var(--spacing-1-5);font-size: var(--font-size-sm);color: var(--color-gray-400)}.create-analysis-page__field-error{display: block;margin-top: var(--spacing-1-5);font-size: var(--font-size-sm);color: var(--color-danger-text);font-weight: 500}@media (max-width: 768px){.create-analysis-page{padding: var(--spacing-3)}.create-form{padding: var(--spacing-5)}:where([data-page="CreateAnalysisPage"]) .form-actions > *{width: 100%}}.create-discussion-page{max-width: 900px;margin: 0 auto;padding: 0 var(--spacing-5)}.create-discussion-page__message-input{padding: var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-discussion-page__message-input--required{border-color: var(--color-danger)}.create-discussion-page__message-input:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.create-discussion-page__preview{margin-top: var(--spacing-4);padding: var(--spacing-4);background: var(--color-background-secondary);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-md)}.create-discussion-page__preview-label{margin-bottom: var(--spacing-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary)}.create-discussion-page__preview-content{padding: var(--spacing-4);background: var(--color-surface);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);color: var(--color-text-primary);line-height: var(--line-height-relaxed)}@media (max-width: 768px){.create-discussion-page{padding: 0 var(--spacing-3)}}.create-room-page{max-width: 800px;margin: 0 auto;padding: var(--spacing-5)}@media (max-width: 768px){.create-room-page{padding: var(--spacing-3)}}.discussion-page{display: flex;flex-direction: column;width: 100%;max-width: var(--page-max-width);margin: 0 auto;padding: 0}:where(.discussion-page) .modern-discussion-layout{display: flex;flex-direction: column;gap: var(--spacing-4)}:where(.discussion-page) .messages-container{width: 100%;margin: 0 auto;padding: var(--spacing-4) var(--spacing-4)}:where(.discussion-page) .discussion-main{flex: 1;min-height: 400px}:where(.discussion-page) .compose-trigger{position: sticky;bottom: 0;padding: var(--spacing-4);background: var(--color-surface);border-top: 1px solid var(--color-border);display: flex;justify-content: center;z-index: var(--z-index-sticky)}:where(.discussion-page) .compose-active-section{position: sticky;bottom: 0;padding: var(--spacing-4);background: var(--color-surface);border-top: 2px solid var(--color-primary);z-index: var(--z-index-sticky);box-shadow: var(--shadow-xl)}@media (max-width: 768px){:where(.discussion-page) .messages-container{max-width: 100%;padding: var(--spacing-2)}:where(.discussion-page) .compose-trigger,:where(.discussion-page) .compose-active-section{padding: var(--spacing-3) var(--spacing-2)}}.salon-avatar-large{width: var(--spacing-20);height: var(--spacing-20);border-radius: var(--border-radius-full);background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display: flex;align-items: center;justify-content: center;color: var(--color-text-inverse);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);flex-shrink: 0;box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.salon-avatar-large--image{background: transparent;overflow: hidden;padding: 0}.salon-avatar-large__logo{width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.salon-header-section{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-8);margin-bottom: var(--spacing-6);box-shadow: var(--shadow-md)}.salon-info-header{display: flex;align-items: flex-start;gap: var(--spacing-6)}.salon-details{flex: 1;min-width: 0}.salon-title{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-3xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.salon-description{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.salon-meta{display: flex;align-items: center;gap: var(--spacing-3);flex-wrap: wrap}.salon-stats{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.salon-actions{display: flex;gap: var(--spacing-3);flex-shrink: 0}.discussions-filters{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);margin-bottom: var(--spacing-6);box-shadow: var(--shadow-sm);display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-6)}:where([data-page="DisplayRoomPage"]) .filter-tabs{display: flex;gap: var(--spacing-2)}:where([data-page="DisplayRoomPage"]) .filter-tab{padding: var(--spacing-2) var(--spacing-4);background: transparent;border: none;border-radius: var(--border-radius-full);color: var(--color-text-secondary);font-weight: var(--font-weight-medium);cursor: pointer;transition: var(--transition-fast);font-size: var(--font-size-sm)}:where([data-page="DisplayRoomPage"]) .filter-tab:hover{background: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary)}:where([data-page="DisplayRoomPage"]) .filter-tab.active{background: var(--color-primary);color: var(--color-text-inverse)}.display-room-page__search-box{position: relative}:where([data-page="DisplayRoomPage"]) .search-input{width: 300px;padding: var(--spacing-2) var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-full);font-size: var(--font-size-sm);background: var(--color-surface-secondary)}:where([data-page="DisplayRoomPage"]) .search-input:focus{outline: none;border-color: var(--color-primary);background: var(--color-surface);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.display-room-page__discussions-list{display: flex;flex-direction: column;gap: var(--spacing-4)}.discussion-card{position: relative;background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-sm);cursor: pointer;transition: var(--transition-fast);border: 1px solid var(--color-border)}.discussion-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg);border-color: var(--color-primary)}:where([data-page="DisplayRoomPage"]) .discussion-header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-3);margin-bottom: var(--spacing-3)}.discussion-title{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);flex: 1}.discussion-badge{flex-shrink: 0;font-size: var(--font-size-lg)}.discussion-badge.private{color: var(--color-danger-text)}:where([data-page="DisplayRoomPage"]) .discussion-description{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-secondary);line-height: var(--line-height-normal)}.display-room-page__discussion-meta{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-4);flex-wrap: wrap}.discussion-author{display: flex;align-items: center;gap: var(--spacing-2)}.author-avatar{width: 32px;height: 32px;border-radius: var(--border-radius-full);background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display: flex;align-items: center;justify-content: center;color: var(--color-text-inverse);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.author-name{font-weight: var(--font-weight-medium);color: var(--color-text-primary);font-size: var(--font-size-sm)}.display-room-page__discussion-date{color: var(--color-text-tertiary);font-size: var(--font-size-sm)}.display-room-page__discussion-stats{display: flex;gap: var(--spacing-4)}.stat-item{display: flex;align-items: center;gap: var(--spacing-1);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.display-room-page__stat-icon{font-size: var(--font-size-base)}.stat-text{font-weight: var(--font-weight-medium)}.activity-indicator{position: absolute;top: var(--spacing-4);right: var(--spacing-4);width: var(--spacing-2);height: var(--spacing-2);border-radius: var(--border-radius-full);background: var(--color-success);box-shadow: 0 0 8px color-mix(in srgb,var(--color-success) 60%,transparent)}@media (max-width: 768px){.salon-header-section{padding: var(--spacing-6)}.salon-info-header{flex-direction: column}.salon-avatar-large{width: var(--spacing-16);height: var(--spacing-16);font-size: var(--font-size-xl)}.salon-title{font-size: var(--font-size-2xl)}.salon-actions{width: 100%;flex-direction: column}.salon-actions > *{width: 100%}.discussions-filters{flex-direction: column;align-items: stretch;gap: var(--spacing-4)}:where([data-page="DisplayRoomPage"]) .filter-tabs{overflow-x: auto;padding-bottom: var(--spacing-2);-webkit-overflow-scrolling: touch}:where([data-page="DisplayRoomPage"]) .search-input{width: 100%}:where([data-page="DisplayRoomPage"]) .discussion-header{flex-direction: column;align-items: flex-start}.display-room-page__discussion-meta{flex-direction: column;align-items: flex-start}}.manage-room-page__list{display: flex;flex-direction: column;gap: var(--spacing-2);margin-top: var(--spacing-4)}.manage-room-page__item{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-3);padding: var(--spacing-3) var(--spacing-4);background: var(--color-background-secondary);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-md)}.manage-room-page__item-info{display: flex;flex: 1;align-items: center;gap: var(--spacing-3);min-width: 0}.manage-room-page__item-details{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0}.manage-room-page__item-name{font-weight: var(--font-weight-medium);color: var(--color-text-primary);overflow-wrap: anywhere}.manage-room-page__item-meta{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.manage-room-page__item-actions{display: flex;flex-shrink: 0;gap: var(--spacing-2)}@media (max-width: 640px){.manage-room-page__item{flex-direction: column;align-items: stretch}.manage-room-page__item-actions{justify-content: flex-end}}.portfolio-blog-card{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-5);background: var(--portfolio-blog-card-color-bg);border: 1px solid var(--color-gray-200);border-radius: var(--portfolio-blog-card-border-radius);cursor: pointer;transition: var(--portfolio-blog-card-transition);box-shadow: var(--portfolio-blog-card-shadow)}.portfolio-blog-card:hover{background: var(--color-gray-50);border-color: var(--color-primary);transform: translateX(4px);box-shadow: var(--portfolio-blog-card-shadow-hover)}.portfolio-blog-card__icon{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden}.portfolio-blog-card__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-1-5)}.portfolio-blog-card__header{display: flex;align-items: center;gap: var(--spacing-3)}.portfolio-blog-card__title{margin: 0;font-size: var(--font-size-lg);font-weight: 600;color: var(--color-gray-800);display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.portfolio-blog-card__meta{display: flex;flex-wrap: wrap;gap: var(--spacing-3);margin-top: var(--spacing-1)}.portfolio-blog-card__meta-item{display: flex;align-items: center;gap: var(--spacing-1-5);font-size: var(--font-size-xs);color: var(--color-gray-500)}.portfolio-blog-card__meta-item-icon{color: var(--color-primary);font-size: var(--font-size-xs)}.portfolio-blog-card__meta-item strong{color: var(--color-gray-800);font-weight: 500}.portfolio-blog-card__stats{display: flex;gap: var(--spacing-6);flex-shrink: 0;padding-left: var(--spacing-6);border-left: 1px solid var(--color-gray-200);align-items: center}.portfolio-blog-card__stat{display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 70px}.portfolio-blog-card__stat-value{font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-primary);line-height: 1;margin-bottom: var(--spacing-1)}.portfolio-blog-card__stat-value--likes{color: var(--color-danger-text)}.portfolio-blog-card__stat-label{font-size: var(--font-size-xs);color: var(--color-gray-500);text-transform: lowercase;display: flex;align-items: center;gap: var(--spacing-1)}.portfolio-blog-card__stat-label-icon{color: var(--color-danger-text)}.portfolio-blog-card__last-message{display: flex;align-items: center;gap: var(--spacing-2-5);min-width: 180px}.portfolio-blog-card__last-message-details{display: flex;flex-direction: column;gap: var(--spacing-0-5);min-width: 0}.portfolio-blog-card__last-message-label{font-size: var(--font-size-xs);color: var(--color-gray-400);text-transform: uppercase;letter-spacing: 0.5px}.portfolio-blog-card__last-message-author{font-size: var(--font-size-sm);font-weight: 500;color: var(--color-gray-800);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.portfolio-blog-card__last-message-date{font-size: var(--font-size-xs);color: var(--color-gray-400)}@media (max-width: 1024px){.portfolio-blog-card__stats{gap: var(--spacing-4);padding-left: var(--spacing-4)}.portfolio-blog-card__stat{min-width: 60px}.portfolio-blog-card__stat-value{font-size: var(--font-size-xl)}.portfolio-blog-card__last-message{min-width: 150px}}@media (max-width: 768px){.portfolio-blog-card{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-4)}.portfolio-blog-card:hover{transform: translateY(-2px)}.portfolio-blog-card__icon{width: 40px;height: 40px;align-self: flex-start}.portfolio-blog-card__stats{border-left: none;border-top: 1px solid var(--color-gray-200);padding-left: 0;padding-top: var(--spacing-4);flex-wrap: wrap;justify-content: space-between;gap: var(--spacing-3)}.portfolio-blog-card__stat{min-width: auto;flex: 0 0 calc(33.333% - 8px)}.portfolio-blog-card__last-message{min-width: auto;flex: 1 1 100%}.portfolio-blog-card__meta-item{flex-direction: column;align-items: flex-start;gap: var(--spacing-0-5)}}.portfolios-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.portfolios-page__loading{display: flex;justify-content: center;align-items: center;min-height: 400px}.portfolios-page__content{display: flex;flex-direction: column;gap: var(--spacing-5)}.portfolios-filters{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-4)}.portfolios-filters__search{position: relative;flex: 1;max-width: 400px}.portfolios-filters__search-icon{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--color-gray-400);font-size: var(--font-size-base)}.portfolios-filters__search-input{width: 100%;padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);border-radius: var(--portfolios-page-border-radius);border: 1px solid var(--color-gray-300);font-size: var(--font-size-base)}.portfolios-filters__search-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.portfolios-list{display: flex;flex-direction: column;gap: var(--spacing-3)}@media (max-width: 768px){.portfolios-page{padding: 0 var(--spacing-3)}.portfolios-filters{flex-direction: column;align-items: stretch}.portfolios-filters__search{max-width: 100%}}.portfolio-card{display: flex;align-items: center;gap: var(--spacing-5);padding: var(--spacing-6);background: var(--portfolio-card-color-bg);border-radius: var(--portfolio-card-border-radius);border: 1px solid var(--color-gray-200);cursor: pointer;transition: var(--portfolio-card-transition);margin-bottom: var(--spacing-3)}.portfolio-card:hover{background: var(--color-gray-50);border-color: var(--color-primary);transform: translateX(4px);box-shadow: var(--portfolio-card-shadow-hover)}.portfolio-card__icon{width: 56px;height: 56px;background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius: var(--portfolio-card-border-radius-icon);display: flex;align-items: center;justify-content: center;color: var(--color-text-inverse);font-size: var(--font-size-2xl);flex-shrink: 0}.portfolio-card__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-2)}.portfolio-card__header{display: flex;align-items: center;gap: var(--spacing-3)}.portfolio-card__title{margin: 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--color-gray-800)}.portfolio-card__description{margin: 0;color: var(--color-gray-500);font-size: var(--font-size-sm);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.portfolio-card__activity{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-gray-400)}.portfolio-card__activity-text{color: var(--color-gray-500)}.portfolio-card__stats{display: flex;gap: var(--spacing-6);flex-shrink: 0;padding-left: var(--spacing-6);border-left: 1px solid var(--color-gray-200)}.portfolio-card__stat{display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 80px}.portfolio-card__stat-value{font-size: var(--font-size-3xl);font-weight: 700;color: var(--color-primary);line-height: 1;margin-bottom: var(--spacing-1)}.portfolio-card__stat-label{font-size: var(--font-size-xs);color: var(--color-gray-500);text-transform: lowercase}@media (max-width: 1024px){.portfolio-card__stats{gap: var(--spacing-4);padding-left: var(--spacing-4)}.portfolio-card__stat{min-width: 70px}.portfolio-card__stat-value{font-size: var(--font-size-2xl)}}@media (max-width: 768px){.portfolio-card{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-5)}.portfolio-card:hover{transform: translateY(-2px)}.portfolio-card__icon{width: 48px;height: 48px;font-size: var(--font-size-xl);align-self: flex-start}.portfolio-card__title{font-size: var(--font-size-lg)}.portfolio-card__stats{border-left: none;border-top: 1px solid var(--color-gray-200);padding-left: 0;padding-top: var(--spacing-4);justify-content: space-around}.portfolio-card__stat{min-width: auto;flex: 1}.portfolio-card__activity{flex-direction: column;align-items: flex-start;gap: var(--spacing-1)}}.recent-discussions{margin-bottom: var(--spacing-8)}.recent-discussions__header{margin-bottom: var(--spacing-6)}.recent-discussions__title{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-2) 0}.recent-discussions__title i{color: var(--color-warning-text)}.recent-discussions__subtitle{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-base)}.recent-discussions__empty{text-align: center;padding: var(--spacing-12) var(--spacing-5);background: var(--color-surface);border-radius: var(--border-radius-xl);border: 2px dashed var(--color-border)}.recent-discussions__empty i{font-size: var(--font-size-5xl);color: var(--color-gray-300);margin-bottom: var(--spacing-4)}.recent-discussions__empty p{margin: 0;color: var(--color-text-tertiary);font-size: var(--font-size-base)}.recent-discussions__list{display: flex;flex-direction: column;gap: var(--spacing-2);background: var(--color-gray-100);padding: var(--spacing-2);border-radius: var(--border-radius-lg)}.recent-discussions__message{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4) var(--spacing-5);background: var(--color-surface);border: 1px solid var(--color-gray-200);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);cursor: pointer;border-left: 3px solid transparent;transition: border-left-color 150ms ease,box-shadow 150ms ease}.recent-discussions__message:hover{border-left-color: var(--color-primary-hover);box-shadow: var(--shadow-md)}.recent-discussions__message-avatar{flex-shrink: 0;padding-top: var(--spacing-0-5)}.recent-discussions__message-content{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-1-5)}.recent-discussions__message-byline{display: flex;align-items: baseline;justify-content: space-between;gap: var(--spacing-2)}.recent-discussions__message-byline-left{display: flex;align-items: baseline;gap: var(--spacing-1-5);min-width: 0;overflow: hidden}.recent-discussions__message-byline-sep{color: var(--color-gray-400);font-size: var(--font-size-xs);flex-shrink: 0}.recent-discussions__discussion-title{font-weight: 600;color: var(--color-primary-dark);font-size: var(--font-size-base);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none}.recent-discussions__discussion-title:hover,.recent-discussions__discussion-title:focus-visible{text-decoration: underline}.recent-discussions__message-author{font-size: var(--font-size-sm);font-weight: 700;color: var(--color-gray-800);white-space: nowrap;flex-shrink: 0}.recent-discussions__message-time{font-size: var(--font-size-xs);color: var(--color-gray-400);white-space: nowrap;flex-shrink: 0}.recent-discussions__comment{color: var(--color-gray-700);font-size: var(--font-size-sm);line-height: 1.5;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.recent-discussions__operation-text{font-weight: 600;color: var(--color-gray-800)}.recent-discussions__comment-sep{margin: 0 var(--spacing-1);color: var(--color-gray-400);font-weight: 400}.recent-discussions__comment-text{font-weight: 400;color: var(--color-gray-500);font-style: italic}.recent-discussions__message-meta{display: flex;align-items: center;gap: var(--spacing-2)}.recent-discussions__message-replies{display: inline-flex;align-items: center;gap: var(--spacing-1);color: var(--color-gray-400);font-size: var(--font-size-xs)}@media (max-width: 640px){.recent-discussions__message{padding: var(--spacing-3) var(--spacing-3-5);gap: var(--spacing-2-5)}.recent-discussions__discussion-title{display: none}}.logo-upload{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-3)}.logo-upload__preview-wrapper{position: relative;width: var(--upload-logo-size);height: var(--upload-logo-size)}.logo-upload__preview{position: relative;width: var(--upload-logo-size);height: var(--upload-logo-size);border-radius: var(--upload-logo-border-radius);overflow: hidden;box-shadow: var(--upload-logo-shadow);cursor: pointer;transition: transform var(--upload-logo-transition),box-shadow var(--upload-logo-transition);display: block}.logo-upload__preview:hover{transform: scale(1.05);box-shadow: var(--upload-logo-shadow-hover)}.logo-upload__preview-image{width: 100%;height: 100%;object-fit: cover;border-radius: var(--upload-logo-border-radius);pointer-events: none}.logo-upload__generated{background: var(--generated-bg);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: var(--upload-logo-border-radius);pointer-events: none}.logo-upload__generated-initials{color: var(--color-text-inverse);font-size: var(--font-size-5xl);font-weight: 700;text-transform: uppercase;text-shadow: 0 2px 4px color-mix(in srgb,var(--color-black) 20%,transparent);letter-spacing: 2px}.logo-upload__camera-badge{position: absolute;bottom: 4px;right: 4px;width: 36px;height: 36px;background: var(--upload-logo-color-primary-gradient);border: 3px solid var(--color-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all var(--upload-logo-transition);box-shadow: var(--upload-logo-shadow-badge)}.logo-upload__camera-badge:hover{transform: scale(1.1);background: var(--upload-logo-color-primary-gradient-hover);box-shadow: var(--upload-logo-shadow-badge-hover)}.logo-upload__camera-badge-icon{color: var(--color-text-inverse);font-size: var(--font-size-base);pointer-events: none}.logo-upload__overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb,var(--color-black) 70%,transparent);backdrop-filter: blur(2px);color: var(--color-text-inverse);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-2);opacity: 0;transition: opacity var(--upload-logo-transition);pointer-events: none;border-radius: var(--upload-logo-border-radius)}.logo-upload__preview:hover .logo-upload__overlay{opacity: 1}.logo-upload__overlay-icon{font-size: var(--font-size-3xl);animation: pulse 2s infinite}.logo-upload__overlay-text{font-size: var(--font-size-sm);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}.logo-upload__hint{font-size: var(--font-size-sm);color: var(--upload-logo-color-text);margin: 0;display: flex;align-items: center;gap: var(--spacing-1-5);animation: fadeInUp 0.5s ease}.logo-upload__hint-icon{color: var(--upload-logo-color-primary);font-size: var(--font-size-sm)}.logo-upload__status{margin-top: var(--spacing-3);padding: var(--spacing-2-5) var(--spacing-4);border-radius: var(--border-radius-md);display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);animation: slideInDown 0.3s ease}.logo-upload__status--success{background: var(--upload-logo-color-success-bg);color: var(--upload-logo-color-success);border: 1px solid var(--upload-logo-color-success-border)}.logo-upload__status--error{background: var(--color-danger-light);color: var(--upload-logo-color-error);border: 1px solid var(--upload-logo-color-error-border)}.logo-upload__status-icon{font-size: var(--font-size-base)}@media (max-width: 640px){.logo-upload__preview-wrapper,.logo-upload__preview{width: var(--upload-logo-size-mobile);height: var(--upload-logo-size-mobile)}.logo-upload__generated-initials{font-size: var(--font-size-4xl)}.logo-upload__camera-badge{width: 32px;height: 32px}.logo-upload__camera-badge-icon{font-size: var(--font-size-sm)}.logo-upload__overlay-icon{font-size: var(--font-size-3xl)}.logo-upload__overlay-text{font-size: var(--font-size-xs)}}.member-detail-page{max-width: var(--page-max-width);margin: 0 auto;padding: var(--spacing-5)}.member-layout{display: grid;grid-template-columns: 320px 1fr;gap: var(--spacing-6)}.member-detail-page__header{background: linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%);border-radius: var(--member-detail-border-radius);padding: var(--spacing-6);margin-bottom: var(--spacing-6);box-shadow: var(--member-detail-shadow)}:where([data-page="MemberDetailPage"]) .member-profile{border-top: 1px solid var(--color-border);padding-top: var(--spacing-6)}:where([data-page="MemberDetailPage"]) .member-profile__header{display: flex;align-items: flex-start;gap: var(--spacing-6)}:where([data-page="MemberDetailPage"]) .member-profile__avatar{width: 80px;height: 80px;border-radius: 50%;background: var(--color-primary);color: var(--color-text-inverse);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: var(--font-size-3xl);position: relative;flex-shrink: 0;border: 3px solid var(--color-white);box-shadow: var(--shadow-md)}.member-profile__avatar-indicator{position: absolute;bottom: 4px;right: 4px;width: 20px;height: 20px;background: var(--color-success);border: 3px solid var(--color-white);border-radius: 50%}:where([data-page="MemberDetailPage"]) .member-profile__info{flex: 1;min-width: 0}:where([data-page="MemberDetailPage"]) .member-profile__name{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-text-primary)}.member-profile__meta{display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-3);margin-top: var(--spacing-1)}.member-profile__meta-item{display: flex;align-items: center;gap: var(--spacing-1-5);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.member-profile__meta-item--online{color: var(--color-success-text);font-weight: 500}.member-profile__meta-item i{color: var(--color-text-secondary);width: 14px}.member-profile__meta-dot{display: inline-block;width: 8px;height: 8px;background: var(--color-success);border-radius: 50%}:where([data-page="MemberDetailPage"]) .member-profile__actions{display: flex;flex-direction: row;gap: var(--spacing-3);flex-shrink: 0;margin-left: auto;align-items: flex-start}.member-sidebar{display: flex;flex-direction: column;gap: var(--spacing-4);background: var(--color-surface);border-radius: var(--member-detail-border-radius);padding: var(--spacing-4);box-shadow: var(--member-detail-shadow)}.sidebar-card{background: var(--color-surface);border-radius: var(--member-detail-border-radius);border: 1px solid var(--color-border);overflow: hidden}.sidebar-card__header{display: flex;align-items: center;gap: var(--spacing-2-5);padding: var(--spacing-4) var(--spacing-5);background: var(--color-surface-secondary);border-bottom: 1px solid var(--color-border);position: relative}.sidebar-card__header-icon{color: var(--color-primary);font-size: var(--font-size-base)}.sidebar-card__title{margin: 0;font-size: var(--font-size-base);font-weight: 600;color: var(--color-text-primary);flex: 1}.sidebar-card__edit-btn{background: none;border: none;color: var(--color-text-tertiary);cursor: pointer;padding: var(--spacing-1) var(--spacing-2);border-radius: var(--member-detail-border-radius-xs);transition: var(--member-detail-transition)}.sidebar-card__edit-btn:hover{background: var(--color-border);color: var(--color-primary)}.sidebar-card__content{padding: var(--spacing-5)}.member-detail-page__info-item{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-3) 0}.member-detail-page__info-item:not(:last-child){border-bottom: 1px solid var(--color-gray-100)}.info-item__icon{color: var(--color-text-tertiary);font-size: var(--font-size-base);width: 20px;text-align: center;flex-shrink: 0;margin-top: var(--spacing-0-5)}.info-item__content{display: flex;flex-direction: column;gap: var(--spacing-1);flex: 1}.info-item__label{font-size: var(--font-size-sm);color: var(--color-primary);font-weight: 500}.info-item__value{font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: 600}.stats-item{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-3) 0}.stats-item:not(:last-child){border-bottom: 1px solid var(--color-border-light)}.stats-item__label{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.stats-item__value{font-size: var(--font-size-base);font-weight: 600;color: var(--color-text-primary)}.stats-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0}.stats-grid .stats-item{padding: var(--spacing-2-5) var(--spacing-2);border-bottom: 1px solid var(--color-border-light)}.stats-grid .stats-item:nth-child(odd){border-right: 1px solid var(--color-border-light)}.member-main-content{min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-4)}.member-content{background: var(--color-surface);border-radius: var(--member-detail-border-radius);padding: var(--spacing-6);box-shadow: var(--member-detail-shadow)}.member-detail-page__section-header{margin-bottom: var(--spacing-6);border-bottom: 1px solid var(--color-border);padding-bottom: var(--spacing-4)}:where([data-page="MemberDetailPage"]) .metrics-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-4);margin-bottom: var(--spacing-8)}.quick-performance{margin-bottom: var(--spacing-8)}.quick-performance__title{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2-5)}.quick-performance__title i{color: var(--color-primary)}.performance-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-5)}.performance-item{padding: var(--spacing-4);background: var(--color-surface-secondary);border: 1px solid var(--color-border);border-radius: var(--member-detail-border-radius-sm);text-align: center}.performance-item__label{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.performance-item__value{font-size: var(--font-size-xl);font-weight: 700}.performance-item__value--positive{color: var(--color-success-text)}.performance-item__value--negative{color: var(--color-danger-text)}.performance-item__value--na{color: var(--color-text-tertiary);font-style: italic}.performance-item__note{font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-style: italic;margin-top: var(--spacing-1);display: block}.top-holdings{margin-bottom: var(--spacing-8)}.top-holdings__title{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2-5)}.top-holdings__title i{color: var(--color-primary)}.holdings-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--spacing-3)}.holding-card{padding: var(--spacing-3);background: var(--color-surface);border: 1px solid var(--color-primary-light);border-radius: var(--border-radius-md);cursor: pointer;transition: border-color 0.2s ease}.holding-card:hover{border-color: var(--color-primary)}.holding-card__symbol{font-weight: 700;color: var(--color-primary);margin-bottom: var(--spacing-1)}.holding-card__name{font-size: var(--font-size-xs);color: var(--color-text-secondary)}.performance-metrics{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--spacing-4);margin-bottom: var(--spacing-6)}.performance-metrics__card{padding: var(--spacing-5);background: var(--color-surface-secondary);border-radius: var(--member-detail-border-radius-sm);border: 1px solid var(--color-border);display: flex;flex-direction: column;gap: var(--spacing-2)}.performance-metrics__card-header{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: 500}.performance-metrics__card-header i{color: var(--color-primary);font-size: var(--font-size-base)}.performance-metrics__card-value{font-size: var(--font-size-2xl);font-weight: 700;text-align: left;line-height: 1.2}.performance-metrics__card-value--positive{color: var(--color-success-text)}.performance-metrics__card-value--negative{color: var(--color-danger-text)}.performance-chart{margin-top: var(--spacing-6)}.performance-chart__container{background: var(--color-surface-secondary);border-radius: var(--member-detail-border-radius-sm);padding: var(--spacing-6);border: 1px solid var(--color-border)}.performance-chart__header{margin-bottom: var(--spacing-5)}.performance-chart__title{margin: 0 0 var(--spacing-2) 0;font-size: var(--font-size-lg);font-weight: 600;color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.performance-chart__title i{color: var(--color-primary)}.performance-chart__description{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.performance-chart__wrapper{min-height: 400px}.recent-activity{margin-top: var(--spacing-6)}.recent-activity__list{display: flex;flex-direction: column;gap: var(--spacing-3)}.recent-activity__item{display: flex;align-items: flex-start;gap: var(--spacing-3);padding: var(--spacing-4);background: var(--color-surface-secondary);border-radius: var(--member-detail-border-radius-sm);border: 1px solid var(--color-border);transition: var(--member-detail-transition)}.recent-activity__item:hover{background: var(--color-surface);box-shadow: var(--member-detail-shadow)}.recent-activity__item-icon{width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;background: var(--color-primary);color: var(--color-text-inverse)}.recent-activity__item-icon i{font-size: var(--font-size-sm)}.recent-activity__item-content{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-1-5);min-width: 0}.recent-activity__item-text{font-size: var(--font-size-sm);color: var(--color-gray-700);line-height: 1.5}.recent-activity__item-link{color: var(--color-primary);text-decoration: none;font-weight: 600}.recent-activity__item-link:hover{text-decoration: underline}.recent-activity__item-category{color: var(--color-text-tertiary);font-style: italic;margin-left: var(--spacing-1)}.recent-activity__item-preview{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: 1.4;padding: var(--spacing-2) var(--spacing-3);background: var(--color-surface);border-left: 3px solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;text-overflow: ellipsis}.recent-activity__item-meta{display: flex;align-items: center;gap: var(--spacing-3);flex-wrap: wrap}.recent-activity__item-time{font-size: var(--font-size-xs);color: var(--color-text-tertiary)}.recent-activity__item-stat{display: flex;align-items: center;gap: var(--spacing-1);font-size: var(--font-size-xs);color: var(--color-text-secondary)}.recent-activity__item-stat i{font-size: var(--font-size-xs);color: var(--color-primary)}.recent-activity__item-edited{display: flex;align-items: center;gap: var(--spacing-1);font-size: var(--font-size-xs);color: var(--color-text-tertiary);font-style: italic}.recent-activity__item-edited i{font-size: var(--font-size-xs)}.currency-badge{background: var(--color-gray-100);color: var(--color-gray-700);padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--member-detail-border-radius-xs);font-size: var(--font-size-xs);font-weight: 500}:where([data-page="MemberDetailPage"]) .text-muted{color: var(--color-text-tertiary);font-style: italic}.member-detail-page__error-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-5);text-align: center;background: var(--color-surface-secondary);border-radius: var(--member-detail-border-radius-sm);border: 1px solid var(--color-border)}.error-state__icon{margin-bottom: var(--spacing-5);color: var(--color-text-tertiary)}.error-state__icon i{font-size: var(--font-size-5xl)}.error-state__title{margin: 0 0 var(--spacing-3) 0;font-size: var(--font-size-xl);font-weight: 600;color: var(--color-text-primary)}.error-state__description{margin: 0 0 var(--spacing-5) 0;color: var(--color-text-secondary);font-size: var(--font-size-base)}@media (max-width: 1024px){.member-layout{grid-template-columns: 280px 1fr;gap: var(--spacing-5)}}@media (max-width: 768px){.member-detail-page{padding: var(--spacing-3)}.member-detail-page__header{padding: var(--spacing-4)}:where([data-page="MemberDetailPage"]) .member-profile__header{flex-direction: column;align-items: center;text-align: center}:where([data-page="MemberDetailPage"]) .member-profile__actions{width: 100%;min-width: unset}.member-profile__meta{align-items: center}.member-layout{grid-template-columns: 1fr;gap: var(--spacing-6)}.member-sidebar{order: 2}.member-main-content{order: 1}.member-content{padding: var(--spacing-4)}:where([data-page="MemberDetailPage"]) .metrics-grid,.performance-row,.holdings-grid{grid-template-columns: 1fr}}.members-list-page__content-page{max-width: var(--page-max-width);margin: 0 auto}.members-list-page__members-list{display: flex;flex-direction: column;gap: var(--spacing-2);margin-bottom: var(--spacing-8)}.member-row{background: var(--color-surface);border-radius: var(--border-radius-lg);padding: var(--spacing-4) var(--spacing-5);border: 1px solid var(--color-gray-200);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: var(--spacing-5);min-height: 80px}.member-row:hover{border-color: var(--color-primary-hover);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 15%,transparent);transform: translateX(4px)}.member-main{display: flex;align-items: center;gap: var(--spacing-4);flex: 1;min-width: 0}.member-main__avatar{width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color: var(--color-text-inverse);display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: var(--font-size-base);position: relative;flex-shrink: 0}.member-main__avatar-indicator{position: absolute;bottom: 0;right: 0;width: 14px;height: 14px;background: var(--color-success);border: 2px solid var(--color-white);border-radius: 50%}.member-main__identity{flex: 1;min-width: 0}.member-main__name{margin: 0 0 var(--spacing-1) 0;font-size: var(--font-size-base);font-weight: 600;color: var(--color-gray-800);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.member-main__subtitle{margin: 0 0 var(--spacing-1-5) 0;font-size: var(--font-size-sm);color: var(--color-gray-500);display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.member-main__title{color: var(--color-gray-700)}.member-main__separator{color: var(--color-gray-300)}.member-main__join-date{color: var(--color-gray-400)}.member-main__status-row{display: flex;align-items: center;gap: var(--spacing-2);flex-wrap: wrap}.members-list-page__status-badge{font-size: var(--font-size-xs);padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-lg);display: inline-flex;align-items: center;gap: var(--spacing-1);font-weight: 500}.members-list-page__status-badge--online{background: var(--color-success-light);color: var(--color-success-text)}.members-list-page__status-badge--offline{background: var(--color-gray-100);color: var(--color-gray-500)}.status-badge__dot{display: inline-block;width: 6px;height: 6px;background: var(--color-success);border-radius: 50%}.holdings-chips{display: flex;gap: var(--spacing-1);align-items: center}.holdings-chips__item{background: var(--color-gray-200);color: var(--color-gray-700);padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--border-radius-lg);font-size: var(--font-size-xs);font-weight: 600;letter-spacing: 0.025em}.holdings-chips__more{background: var(--color-gray-100);color: var(--color-gray-400);padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--border-radius-lg);font-size: var(--font-size-xs);font-weight: 500}.trophies-section{display: flex;flex-direction: row;gap: var(--spacing-3);flex-shrink: 0;margin: 0 var(--spacing-3);align-items: center}.trophy-badge{display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;flex-shrink: 0;position: relative;transition: all 0.3s ease}.trophy-badge:hover{transform: scale(1.1)}.trophy-badge__icon{font-size: var(--font-size-xl);z-index: 1;filter: drop-shadow(0 2px 4px color-mix(in srgb,var(--color-black) 20%,transparent))}.trophy-badge--likes.trophy-badge--rank-1{background: linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);border-radius: 50%;box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning) 50%,transparent),0 0 20px color-mix(in srgb,var(--color-warning) 30%,transparent)}.trophy-badge--likes.trophy-badge--rank-1 .trophy-badge__icon{color: var(--color-warning-text)}.trophy-badge--likes.trophy-badge--rank-2{background: linear-gradient(135deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%);border-radius: 50%;box-shadow: 0 4px 12px color-mix(in srgb,var(--color-gray-400) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-gray-400) 30%,transparent)}.trophy-badge--likes.trophy-badge--rank-2 .trophy-badge__icon{color: var(--color-gray-700)}.trophy-badge--likes.trophy-badge--rank-3{background: linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-text) 100%);border-radius: 50%;box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning-hover) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-warning-hover) 30%,transparent)}.trophy-badge--likes.trophy-badge--rank-3 .trophy-badge__icon{color: var(--color-warning-text)}.trophy-badge--followers.trophy-badge--rank-1{background: linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);border-radius: var(--border-radius-md);transform: rotate(45deg);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning) 50%,transparent),0 0 20px color-mix(in srgb,var(--color-warning) 30%,transparent)}.trophy-badge--followers.trophy-badge--rank-1 .trophy-badge__icon{color: var(--color-warning-text);transform: rotate(-45deg)}.trophy-badge--followers.trophy-badge--rank-2{background: linear-gradient(135deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%);border-radius: var(--border-radius-md);transform: rotate(45deg);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-gray-400) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-gray-400) 30%,transparent)}.trophy-badge--followers.trophy-badge--rank-2 .trophy-badge__icon{color: var(--color-gray-700);transform: rotate(-45deg)}.trophy-badge--followers.trophy-badge--rank-3{background: linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-text) 100%);border-radius: var(--border-radius-md);transform: rotate(45deg);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning-hover) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-warning-hover) 30%,transparent)}.trophy-badge--followers.trophy-badge--rank-3 .trophy-badge__icon{color: var(--color-warning-text);transform: rotate(-45deg)}.trophy-badge--performance.trophy-badge--rank-1{background: linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);border-radius: var(--border-radius-md);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning) 50%,transparent),0 0 20px color-mix(in srgb,var(--color-warning) 30%,transparent)}.trophy-badge--performance.trophy-badge--rank-1 .trophy-badge__icon{color: var(--color-warning-text)}.trophy-badge--performance.trophy-badge--rank-2{background: linear-gradient(135deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%);border-radius: var(--border-radius-md);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-gray-400) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-gray-400) 30%,transparent)}.trophy-badge--performance.trophy-badge--rank-2 .trophy-badge__icon{color: var(--color-gray-700)}.trophy-badge--performance.trophy-badge--rank-3{background: linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-text) 100%);border-radius: var(--border-radius-md);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-warning-hover) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-warning-hover) 30%,transparent)}.trophy-badge--performance.trophy-badge--rank-3 .trophy-badge__icon{color: var(--color-warning-text)}.member-stats-compact{display: flex;flex-direction: row;gap: var(--spacing-4);align-items: center;flex-shrink: 0;min-width: 400px}.member-stats-compact__item{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-0-5);min-width: 55px}.member-stats-compact__icon{font-size: var(--font-size-sm);color: var(--color-gray-500);margin-bottom: var(--spacing-0-5)}.member-stats-compact__icon--positive{color: var(--color-success-text)}.member-stats-compact__icon--negative{color: var(--color-danger-text)}.member-stats-compact__icon--error{color: var(--color-warning-text)}.member-stats-compact__value{font-size: var(--font-size-base);font-weight: 700;color: var(--color-gray-800);line-height: 1}.member-stats-compact__value--positive{color: var(--color-success-text)}.member-stats-compact__value--negative{color: var(--color-danger-text)}.member-stats-compact__value--error{color: var(--color-warning-text)}.member-stats-compact__label{font-size: var(--font-size-xs);color: var(--color-gray-400);text-transform: uppercase;letter-spacing: 0.025em}.custom-sort-dropdown{position: relative;min-width: 220px}.custom-sort-dropdown__selected{display: flex;align-items: center;gap: var(--spacing-2);padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-gray-300);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);background: var(--color-surface);cursor: pointer;transition: all 0.2s ease}.custom-sort-dropdown__selected:hover{border-color: var(--color-primary-hover);background: var(--color-gray-50)}.custom-sort-dropdown__icon{color: var(--color-gray-500);font-size: var(--font-size-sm)}.custom-sort-dropdown__label{flex: 1;color: var(--color-gray-700)}.custom-sort-dropdown__arrow{color: var(--color-gray-400);font-size: var(--font-size-xs);transition: transform 0.2s ease}.custom-sort-dropdown:hover .custom-sort-dropdown__arrow{color: var(--color-primary-hover)}.custom-sort-dropdown__options{position: absolute;top: calc(100% + 4px);left: 0;right: 0;background: var(--color-surface);border: 1px solid var(--color-gray-200);border-radius: var(--border-radius-md);box-shadow: var(--shadow-lg);z-index: var(--z-index-dropdown);overflow: hidden}.custom-sort-dropdown__option{display: flex;align-items: center;gap: var(--spacing-2-5);padding: var(--spacing-2-5) var(--spacing-3);cursor: pointer;transition: all 0.2s ease;font-size: var(--font-size-sm)}.custom-sort-dropdown__option:hover{background: var(--color-gray-100)}.custom-sort-dropdown__option-icon{color: var(--color-gray-500);font-size: var(--font-size-sm);width: 16px;text-align: center}.custom-sort-dropdown__option:hover .custom-sort-dropdown__option-icon{color: var(--color-primary-hover)}.custom-sort-dropdown__option-label{color: var(--color-gray-700)}.custom-sort-dropdown__option:hover .custom-sort-dropdown__option-label{color: var(--color-gray-800);font-weight: 500}@media (max-width: 1024px){.member-stats-compact{gap: var(--spacing-3);min-width: 350px}.member-stats-compact__item{min-width: 45px}.trophy-badge{width: 38px;height: 38px}.trophy-badge__icon{font-size: var(--font-size-lg)}}@media (max-width: 1024px){.member-stats-compact{gap: var(--spacing-2-5);min-width: 320px}.member-stats-compact__item{min-width: 40px}.member-stats-compact__value{font-size: var(--font-size-sm)}.trophy-badge{width: 34px;height: 34px}.trophy-badge__icon{font-size: var(--font-size-base)}}@media (max-width: 768px){.member-row{flex-direction: column;align-items: stretch;gap: var(--spacing-4);padding: var(--spacing-4);position: relative}.trophies-section{position: absolute;top: 16px;right: 16px;flex-direction: row;gap: var(--spacing-2);margin: 0}.trophy-badge{width: 34px;height: 34px}.trophy-badge__icon{font-size: var(--font-size-base)}.member-main{width: 100%}.member-stats-compact{width: 100%;flex-wrap: wrap;justify-content: space-around;padding: var(--spacing-3) 0;border-top: 1px solid var(--color-gray-200);border-bottom: 1px solid var(--color-gray-200);min-width: unset;gap: var(--spacing-3) var(--spacing-2)}}@media (max-width: 640px){.member-main__avatar{width: 40px;height: 40px;font-size: var(--font-size-sm)}.member-main__name{font-size: var(--font-size-base)}.member-main__subtitle{font-size: var(--font-size-xs)}.member-stats-compact{gap: var(--spacing-2-5) var(--spacing-1-5)}.member-stats-compact__item{min-width: auto;flex: 0 0 calc(33.333% - 4px)}.member-stats-compact__value{font-size: var(--font-size-sm)}.member-stats-compact__label{font-size: var(--font-size-xs)}.trophy-badge{width: 30px;height: 30px}.trophy-badge__icon{font-size: var(--font-size-base)}}@media (max-width: 640px){.member-stats-compact__item{flex: 0 0 calc(50% - 3px)}.trophy-badge{width: 28px;height: 28px}.trophy-badge__icon{font-size: var(--font-size-sm)}}.messages-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.sort-select{padding: var(--spacing-2) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);background: var(--color-surface);cursor: pointer;transition: all var(--transition-fast)}.sort-select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.messages-page__content{background-color: var(--color-gray-50);padding: var(--spacing-4);border-radius: var(--border-radius-md);border: 1px solid var(--color-border-light)}.messages-page__message-body{white-space: pre-wrap}.message-row{display: flex;align-items: center;padding: var(--spacing-3) var(--spacing-4);border-bottom: 1px solid var(--color-border-light);cursor: pointer;transition: all var(--transition-fast);border-left: 3px solid transparent}.message-row:hover{background-color: var(--color-gray-50)}.message-row--unread{background-color: var(--color-info-light);border-left-color: var(--color-info);box-shadow: 0 1px 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.message-row--unread .message-row__subject{font-weight: var(--font-weight-bold);color: var(--color-info-hover)}.message-row--unread .message-row__sender{font-weight: var(--font-weight-semibold);color: var(--color-info-hover)}.message-row--unread:hover{background-color: var(--color-surface-tertiary);box-shadow: 0 2px 6px color-mix(in srgb,var(--color-primary) 15%,transparent)}.message-row--active{background-color: var(--color-surface-tertiary)}.message-row--selected{background-color: var(--color-info-light);border-left-color: var(--color-primary)}.message-row__sender{min-width: 150px;font-weight: var(--font-weight-medium);margin-right: var(--spacing-4);white-space: nowrap;flex-shrink: 0}.message-row__subject{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;align-items: center;gap: var(--spacing-2)}.message-row__date{font-size: var(--font-size-sm);color: var(--color-text-tertiary);margin-left: var(--spacing-4);white-space: nowrap;flex-shrink: 0}.message-row__delete{margin-left: var(--spacing-3);padding: var(--spacing-1) var(--spacing-2);background: none;border: none;border-radius: var(--border-radius-sm);color: var(--color-text-tertiary);cursor: pointer;flex-shrink: 0;transition: all var(--transition-fast)}.message-row__delete:hover{color: var(--color-danger-text);background-color: var(--color-danger-light)}.unread-badge{background-color: var(--color-danger);color: var(--color-white);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);padding: var(--spacing-1) var(--spacing-2);border-radius: var(--border-radius-full);flex-shrink: 0;animation: pulse 2s infinite}.messages-page__label-short{display: none}@media (max-width: 640px){.messages-page__label-full{display: none}.messages-page__label-short{display: inline}}@media (max-width: 768px){.message-row{flex-direction: column;align-items: flex-start;gap: var(--spacing-2)}.message-row__sender{min-width: auto;margin-right: 0}.message-row__date{margin-left: 0}}.new-messages__item--unread{background-color: color-mix(in srgb,var(--color-warning) 10%,transparent)}.received-messages__item--unread{background-color: color-mix(in srgb,var(--color-warning) 10%,transparent)}.send-message-btn__full-text{display: none}.send-message-btn__short-text{display: inline}@media (min-width: 640px){.send-message-btn__full-text{display: inline}.send-message-btn__short-text{display: none}}.subscriptions-container{padding: var(--spacing-6);max-width: var(--page-max-width);margin: 0 auto}.subscriptions-page__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-6);padding-bottom: var(--spacing-4);border-bottom: 1px solid var(--color-border)}.subscriptions-page__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-3xl);font-weight: var(--font-weight-semibold)}.subscriptions-filters{background: var(--color-surface);padding: var(--spacing-5);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-6)}.subscription-form__section{display: flex;flex-direction: column;gap: var(--spacing-3)}@media (max-width: 1024px){.subscriptions-container{padding: var(--spacing-4)}.subscriptions-page__header{flex-direction: column;align-items: flex-start;gap: var(--spacing-4)}}@media (max-width: 768px){.subscriptions-container{padding: var(--spacing-3)}.subscriptions-page__title{font-size: var(--font-size-2xl)}}.watch-list__actions{display: flex;justify-content: flex-end;margin-bottom: var(--spacing-5)}.watch-list__symbol{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.watch-list__comment{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-width: 320px}.documents-page__search,.documents-page__results{max-width: 44em}.last-members-operations__col-country{width: 2.5em}.last-members-operations__col-company{width: 25em}.global-search__content-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}:where([data-page="GlobalSearch"]) .page-title{display: flex;align-items: center;gap: var(--spacing-3)}:where([data-page="GlobalSearch"]) .page-title i{font-size: var(--font-size-2xl);color: var(--color-primary)}:where([data-page="GlobalSearch"]) .page-title h1{margin: 0;font-size: var(--font-size-2xl)}.search-card{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-5);border: 1px solid var(--color-gray-200)}.global-search__page-actions{display: flex;align-items: center;gap: var(--spacing-2)}.input{padding: var(--spacing-2-5) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--radius-lg);min-width: 280px;font-size: var(--font-size-base);transition: all 0.2s ease}.input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}:where([data-page="GlobalSearch"]) .loading{padding: var(--spacing-10);color: var(--text-secondary);text-align: center;font-size: var(--font-size-base)}.results-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-5);padding-bottom: var(--spacing-3);border-bottom: 1px solid var(--color-gray-200)}.results-header h4{margin: 0;color: var(--text-primary);font-size: var(--font-size-xl);font-weight: 600;display: flex;align-items: center;gap: var(--spacing-2)}.results-header h4 i{color: var(--color-primary)}.global-search__section-title{display: flex;align-items: center;gap: var(--spacing-2);margin: var(--spacing-4) 0 var(--spacing-2) 0;padding-bottom: var(--spacing-3);border-bottom: 1px solid var(--color-gray-100);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.result-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--spacing-1-5)}.result-link{display: flex;align-items: center;gap: var(--spacing-2-5);padding: var(--spacing-2-5) var(--spacing-3);border-radius: var(--radius-lg);text-decoration: none;color: var(--text-primary);border: 1px solid var(--color-gray-200);transition: all 0.15s ease}.result-link:hover{background: var(--color-gray-50);border-color: var(--color-primary-light);color: var(--color-primary-hover);transform: translateX(2px)}.symbol{font-weight: 700;color: var(--color-primary);min-width: 62px}:where([data-page="GlobalSearch"]) .name{font-weight: 500}.global-search__listing{margin-left: auto;font-size: var(--font-size-sm);color: var(--color-text-tertiary);white-space: nowrap}.avatar-badge{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);font-size: var(--font-size-xl)}:where([data-page="GlobalSearch"]) .text-muted{color: var(--text-secondary);font-size: var(--font-size-base)}@media (max-width: 768px){.global-search__content-page{padding: 0 var(--spacing-4)}.search-card{padding: var(--spacing-4)}.global-search__page-actions{flex-direction: column;width: 100%}.input{width: 100%;min-width: 0}.results-header{flex-direction: column;align-items: flex-start;gap: var(--spacing-3)}.result-link{flex-wrap: wrap}.symbol{min-width: auto}}@media (max-width: 640px){:where([data-page="GlobalSearch"]) .page-title h1{font-size: var(--font-size-2xl)}.search-card{border-radius: var(--border-radius-lg);padding: var(--spacing-3)}.result-link{padding: var(--spacing-2) var(--spacing-2-5)}}.input:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.result-link:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px;box-shadow: 0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent)}@media (prefers-reduced-motion: reduce){.input,.result-link{transition: none}.result-link:hover{transform: none}}.result-item{animation: fadeIn 0.3s ease}@media (prefers-reduced-motion: reduce){.result-item{animation: none}}.adx-analysis__composite{margin-top: var(--spacing-6)}.adx-analysis__composite h5{margin: 0 0 var(--spacing-4) 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.adx-analysis__signal{display: flex;align-items: center;gap: var(--spacing-4);padding: var(--spacing-5);border-radius: var(--border-radius-lg);border-left: 6px solid}.adx-analysis__signal-icon{font-size: var(--font-size-3xl);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.adx-analysis__signal-content{flex: 1}.adx-analysis__signal-title{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-2) 0}.adx-analysis__signal-description{font-size: var(--font-size-base);line-height: var(--line-height-relaxed);margin: 0;color: var(--color-text-secondary)}.adx-analysis__signal--strong-buy{background: linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,transparent),color-mix(in srgb,var(--color-success) 5%,transparent));border-color: var(--color-success)}.adx-analysis__signal--strong-buy .adx-analysis__signal-icon{color: var(--color-success-text)}.adx-analysis__signal--strong-buy .adx-analysis__signal-title{color: var(--color-success-text)}.adx-analysis__signal--weak-signal{background: linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 10%,transparent),color-mix(in srgb,var(--color-warning) 5%,transparent));border-color: var(--color-warning)}.adx-analysis__signal--weak-signal .adx-analysis__signal-icon{color: var(--color-warning-text)}.adx-analysis__signal--weak-signal .adx-analysis__signal-title{color: var(--color-warning-text)}.adx-analysis__signal--strong-sell{background: linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 10%,transparent),color-mix(in srgb,var(--color-danger) 5%,transparent));border-color: var(--color-danger)}.adx-analysis__signal--strong-sell .adx-analysis__signal-icon{color: var(--color-danger-text)}.adx-analysis__signal--strong-sell .adx-analysis__signal-title{color: var(--color-danger-text)}.adx-analysis__signal--neutral{background: linear-gradient(135deg,color-mix(in srgb,var(--color-gray-500) 10%,transparent),color-mix(in srgb,var(--color-gray-500) 5%,transparent));border-color: var(--color-text-secondary)}.adx-analysis__signal--neutral .adx-analysis__signal-icon{color: var(--color-text-secondary)}.adx-analysis__signal--neutral .adx-analysis__signal-title{color: var(--color-text-secondary)}.adx-gauge{position: relative;padding: var(--spacing-6) 0;margin: var(--spacing-4) 0}.adx-gauge__track{display: flex;height: 40px;border-radius: var(--border-radius-md);overflow: hidden;position: relative}.adx-gauge__segment{flex: 1}.adx-gauge__segment--weak{background: linear-gradient(90deg,var(--color-danger-hover),var(--color-warning))}.adx-gauge__segment--moderate{background: linear-gradient(90deg,var(--color-warning),var(--color-warning))}.adx-gauge__segment--strong{background: linear-gradient(90deg,var(--color-warning),var(--color-success))}.adx-gauge__segment--very-strong{background: linear-gradient(90deg,var(--color-success),var(--color-success-hover))}.adx-gauge__pointer{position: absolute;top: 50%;left: var(--pointer-left,0);transform: translate(-50%,-50%);width: 3px;height: 50px;background: var(--color-surface);border: 2px solid var(--color-text-primary);border-radius: var(--border-radius-sm);box-shadow: var(--shadow-md);z-index: 10;transition: left 0.3s cubic-bezier(0.4,0,0.2,1)}.adx-gauge__pointer::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;background: var(--color-surface);border: 2px solid var(--color-text-primary);border-radius: var(--border-radius-full)}.adx-gauge__labels{display: flex;justify-content: space-between;margin-top: var(--spacing-2);font-size: var(--font-size-xs);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.asset-price-chart{padding: var(--spacing-5);background: var(--color-surface);border-radius: var(--border-radius-lg)}.asset-price-chart__warning{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-3) var(--spacing-4);margin-bottom: var(--spacing-5);background: var(--color-warning-light);border: 1px solid var(--color-warning);border-radius: var(--border-radius-lg);color: var(--color-warning-text);font-size: var(--font-size-sm)}.asset-price-chart__warning i{color: var(--color-warning-text);font-size: var(--font-size-xl);flex-shrink: 0}.asset-price-chart__warning span{flex: 1}.asset-price-chart__header-bar{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-5);flex-wrap: wrap;gap: var(--spacing-3)}.asset-price-chart__title-group h5{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.asset-price-chart__subtitle{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-top: var(--spacing-1)}.asset-price-chart__toolbar{display: flex;flex-wrap: wrap;gap: var(--spacing-1)}.asset-price-chart__range-btn{border: 1px solid var(--color-border);background: var(--color-surface);padding: var(--spacing-2) var(--spacing-3);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);border-radius: var(--border-radius-md);cursor: pointer;color: var(--color-text-secondary);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.asset-price-chart__range-btn:hover{background: var(--color-surface-secondary)}.asset-price-chart__range-btn--active{background: var(--color-primary);border-color: var(--color-primary);color: var(--color-surface)}.asset-price-chart__indicators-wrapper{position: relative;margin-right: var(--spacing-2)}.asset-price-chart__range-btn--active-indicator{background: var(--color-primary);border-color: var(--color-primary);color: var(--color-surface)}.asset-price-chart__indicator-badge{display: inline-block;width: 18px;height: 18px;background: var(--color-danger);color: var(--color-surface);border-radius: var(--border-radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);line-height: 18px;text-align: center;position: absolute;top: -6px;right: -6px}.asset-price-chart__indicators-popup{position: absolute;top: 100%;right: 0;z-index: var(--z-index-dropdown);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);overflow: hidden;width: 250px;margin-top: var(--spacing-2);padding: 0}.asset-price-chart__indicators-header{background: var(--color-surface-secondary);padding: var(--spacing-3) var(--spacing-4);display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--color-border)}.asset-price-chart__indicators-title{font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-text-primary);margin: 0}.asset-price-chart__close-btn{background: none;border: none;cursor: pointer;color: var(--color-text-secondary);transition: color 0.2s cubic-bezier(0.4,0,0.2,1)}.asset-price-chart__close-btn:hover{color: var(--color-text-primary)}.asset-price-chart__indicators-content{padding: var(--spacing-3) var(--spacing-4)}.asset-price-chart__indicator-section{margin-bottom: var(--spacing-3)}.asset-price-chart__section-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);margin-bottom: var(--spacing-2);display: block}.asset-price-chart__indicator-checkbox{display: flex;align-items: center;gap: var(--spacing-2);cursor: pointer;padding: var(--spacing-2) var(--spacing-3);border-radius: var(--border-radius-md);transition: background 0.2s cubic-bezier(0.4,0,0.2,1);margin: 0}.asset-price-chart__indicator-checkbox:hover{background: color-mix(in srgb,var(--color-primary) 5%,transparent)}.asset-price-chart__indicator-checkbox input[type="checkbox"]{cursor: pointer;width: 16px;height: 16px}.asset-price-chart__indicator-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary)}.asset-price-chart__wrapper{position: relative;height: 400px;margin-top: var(--spacing-5)}.asset-price-chart__backfill-progress{display: flex;align-items: center;justify-content: center;margin-top: var(--spacing-5);color: var(--color-primary)}@keyframes chartFadeIn{from{opacity: 0}to{opacity: 1}}:where(.asset-price-chart) canvas{width: 100%!important;height: 400px!important;animation: chartFadeIn 0.5s ease-out}.company-documents__search{max-width: 700px}.company-documents__results{max-width: 700px}.company-documents__count{color: var(--color-text-secondary);margin-bottom: var(--spacing-2)}.company-documents__list{list-style: none;padding: 0;margin: 0;border: none}.company-documents__item{transition: background-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);border-radius: var(--border-radius-md);padding: var(--spacing-3) var(--spacing-4);position: relative;border: none;display: flex;gap: var(--spacing-2)}.company-documents__item:hover{background-color: var(--color-surface-secondary);box-shadow: var(--shadow-sm);cursor: pointer}.company-documents__item::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 4px;background-color: var(--color-primary);border-top-left-radius: var(--border-radius-md);border-bottom-left-radius: var(--border-radius-md);opacity: 0;transition: opacity 0.2s cubic-bezier(0.4,0,0.2,1)}.company-documents__item:hover::before{opacity: 1}.adx-directional{display: flex;flex-direction: column;gap: var(--spacing-4);margin: var(--spacing-4) 0}.adx-directional__indicator{display: flex;flex-direction: column;gap: var(--spacing-2)}.adx-directional__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);display: flex;align-items: center;gap: var(--spacing-2)}.adx-directional__bar{height: 24px;background: var(--color-border);border-radius: var(--border-radius-md);overflow: hidden;position: relative}.adx-directional__fill{width: var(--fill-width,0);height: 100%;transition: width 0.3s cubic-bezier(0.4,0,0.2,1);border-radius: var(--border-radius-md)}.adx-directional__indicator--plus .adx-directional__fill{background: linear-gradient(90deg,var(--color-success),var(--color-success-hover))}.adx-directional__indicator--minus .adx-directional__fill{background: linear-gradient(90deg,var(--color-danger),var(--color-danger-hover))}.adx-directional__value{font-size: var(--font-size-base);font-weight: var(--font-weight-bold);color: var(--color-text-primary)}.ftable{width: 100%;overflow-x: auto;font-size: var(--font-size-sm);color: var(--color-text-primary)}.ftable > *{min-width: 40em}.ftable-header{padding-block: var(--spacing-2);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);background: var(--color-surface-secondary);border-bottom: 1px solid var(--color-border);white-space: nowrap}.ftable-row,.ftable-section-highlight{align-items: center;padding-block: var(--spacing-2);border-bottom: 1px solid var(--color-border)}.ftable-row:hover{background: var(--color-surface-tertiary)}.ftable-header > :first-child,.ftable-row > :first-child,.ftable-section-highlight > :first-child{flex: 2 1 0%!important;text-align: left}.ftable-cell,.ftable-header > :not(:first-child){text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.ftable-striped .ftable-row:nth-child(even of .ftable-row){background: var(--color-surface-secondary)}.ftable-striped .ftable-row:nth-child(even of .ftable-row):hover{background: var(--color-surface-tertiary)}.ftable-section-title{padding-top: var(--spacing-4);padding-bottom: var(--spacing-2);font-weight: var(--font-weight-bold);border-bottom: 1px solid var(--color-border-dark)}.ftable-section-subtitle{padding-top: var(--spacing-3);padding-bottom: var(--spacing-1);padding-left: var(--spacing-4);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary)}.ftable-section-highlight{font-weight: var(--font-weight-semibold);background: color-mix(in srgb,var(--color-primary) 6%,transparent)}.macd__values{display: flex;gap: var(--spacing-6);flex-wrap: wrap;margin: var(--spacing-4) 0}.macd__values span{font-size: var(--font-size-base);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.macd__values .macd__value{font-weight: var(--font-weight-bold)}.macd__value--positive{color: var(--color-success-text)}.macd__value--negative{color: var(--color-danger-text)}.rsi-gauge{position: relative;padding: var(--spacing-6) 0;margin: var(--spacing-4) 0}.rsi-gauge__track{display: flex;height: 40px;border-radius: var(--border-radius-md);overflow: hidden;position: relative}.rsi-gauge__zone{flex: 1;transition: background 0.3s cubic-bezier(0.4,0,0.2,1)}.rsi-gauge__zone--oversold{background: linear-gradient(90deg,var(--color-success),var(--color-success));flex: 0.3}.rsi-gauge__zone--neutral{background: linear-gradient(90deg,var(--color-warning),var(--color-warning));flex: 0.4}.rsi-gauge__zone--overbought{background: linear-gradient(90deg,var(--color-warning-hover),var(--color-danger-hover));flex: 0.3}.rsi-gauge__pointer{position: absolute;top: 50%;left: var(--pointer-left,0);transform: translate(-50%,-50%);width: 3px;height: 50px;background: var(--color-surface);border: 2px solid var(--color-text-primary);border-radius: var(--border-radius-sm);box-shadow: var(--shadow-md);z-index: 10;transition: left 0.3s cubic-bezier(0.4,0,0.2,1)}.rsi-gauge__pointer::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;background: var(--color-surface);border: 2px solid var(--color-text-primary);border-radius: var(--border-radius-full)}.rsi-gauge__labels{display: flex;justify-content: space-between;margin-top: var(--spacing-2)}.rsi-gauge__label{font-size: var(--font-size-xs);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.rsi-gauge__value{text-align: center;font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);margin: var(--spacing-4) 0}.rsi-gauge__value--overbought{color: var(--color-danger-text)}.rsi-gauge__value--bullish{color: var(--color-success-text)}.rsi-gauge__value--neutral{color: var(--color-warning-text)}.rsi-gauge__value--oversold{color: var(--color-success-text)}.stock-detail__header{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--spacing-3)}.stock-detail__subtitle{display: flex;align-items: center;gap: var(--spacing-2);color: var(--color-text-secondary)}.stock-detail__visitor-actions{display: flex;flex-wrap: wrap;gap: var(--spacing-2);margin-top: var(--spacing-3)}.stock-ownership__member-card-link{text-decoration: none;color: inherit;display: block}.stock-ownership__member-text{white-space: nowrap}.stock-ownership__member-card{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: var(--spacing-3);align-items: center;padding: var(--spacing-3) 0;border-bottom: 1px solid var(--color-border)}@media (max-width: 640px){.stock-ownership__member-card{grid-template-columns: auto minmax(0,1fr)}.stock-ownership__member-card > :last-child{grid-column: 2}}.memo__container{display: flex;flex-direction: column;height: 100%;gap: var(--spacing-4)}.memo__header .content-title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-3xl);font-weight: var(--font-weight-semibold)}.memo__editor{flex: 1;height: 500px;border-radius: var(--border-radius-lg);overflow: hidden;border: 1px solid var(--color-border)}.memo__actions{display: flex;justify-content: flex-start;gap: var(--spacing-3)}.weinstein__volume-trend{display: inline-flex;align-items: center;gap: var(--spacing-1);font-weight: var(--font-weight-semibold)}.weinstein__volume-trend--increasing{color: var(--color-success-text)}.weinstein__volume-trend--decreasing{color: var(--color-danger-text)}.weinstein__volume-trend--neutral{color: var(--color-text-secondary)}.agenda-ag-page{display: flex;flex-direction: column;gap: var(--spacing-6);padding: var(--spacing-6)}.agenda-header{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--spacing-4)}.agenda-header h2{margin: 0;font-size: var(--font-size-2xl)}.agenda-controls{display: flex;align-items: center;gap: var(--spacing-3);flex-wrap: wrap}.agenda-mois-titre{font-weight: 600;font-size: var(--font-size-base);min-width: 10rem;text-align: center;text-transform: capitalize}.agenda-nav-btn{background: none;border: 1px solid var(--border-color);border-radius: var(--border-radius-sm);padding: var(--spacing-1) var(--spacing-2-5);cursor: pointer;font-size: var(--font-size-lg)}.agenda-nav-btn:hover{background: var(--color-gray-100)}.agenda-search{border: 1px solid var(--border-color);border-radius: var(--border-radius-sm);padding: var(--spacing-1) var(--spacing-2-5);font-size: var(--font-size-sm);width: 16rem}.agenda-toggle{display: flex;align-items: center;gap: var(--spacing-1-5);font-size: var(--font-size-sm);cursor: pointer}.agenda-loading{text-align: center;padding: var(--spacing-8);color: var(--text-muted)}.agenda-calendar{border: 1px solid var(--border-color);border-radius: var(--border-radius-md);overflow: hidden}.cal-header{display: grid;grid-template-columns: repeat(7,1fr);background: var(--color-primary-dark);color: var(--color-text-inverse)}.cal-day-header{text-align: center;padding: var(--spacing-2);font-size: var(--font-size-xs);font-weight: 600}.cal-grid{display: grid;grid-template-columns: repeat(7,1fr)}.cal-cell{min-height: 6rem;border-right: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);padding: var(--spacing-1);display: flex;flex-direction: column;gap: var(--spacing-1)}.cal-cell--hors-mois{background: var(--color-gray-50)}.cal-cell--hors-mois .cal-cell-numero{color: var(--text-muted)}.cal-cell--today .cal-cell-numero{background: var(--color-primary-dark);color: var(--color-text-inverse);border-radius: 50%;width: 1.4rem;height: 1.4rem;display: flex;align-items: center;justify-content: center}.cal-cell-numero{font-size: var(--font-size-xs);font-weight: 600;align-self: flex-end}.cal-pastille{font-size: var(--font-size-xs);padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--border-radius-sm);border: none;cursor: pointer;text-align: left;overflow: hidden;white-space: nowrap;width: 100%}.cal-pastille--ordinary{background: var(--color-info-light);color: var(--color-primary-dark)}.cal-pastille--extraordinary{background: var(--color-warning-light);color: var(--color-warning-text)}.cal-pastille--mixed{background: var(--color-gray-200);color: var(--color-info-hover)}.cal-pastille:hover{opacity: 0.8}.agenda-grid-wrapper{overflow-x: auto}.agenda-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm)}.agenda-table th{background: var(--color-primary-dark);color: var(--color-text-inverse);padding: var(--spacing-2-5) var(--spacing-3);text-align: left;font-weight: 600;white-space: nowrap}.agenda-table-row{cursor: pointer;transition: background 0.15s}.agenda-table-row:hover{background: var(--color-surface-tertiary)}.agenda-table td{padding: var(--spacing-2) var(--spacing-3);border-bottom: 1px solid var(--border-color);vertical-align: middle}.agenda-table-company{font-weight: 500}.agenda-table-isin{font-family: monospace;font-size: var(--font-size-sm)}.agenda-table-empty{text-align: center;color: var(--text-muted);padding: var(--spacing-8)}:where([data-page="GeneralMeetingAgendaPage"]) .badge{display: inline-block;padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);font-weight: 600}.badge--ordinary{background: var(--color-info-light);color: var(--color-primary-dark)}.badge--extraordinary{background: var(--color-warning-light);color: var(--color-warning-text)}.badge--mixed{background: var(--color-gray-200);color: var(--color-info-hover)}.badge--source{background: var(--color-gray-100);color: var(--color-gray-700)}.detail-panel-overlay{position: fixed;inset: 0;background: color-mix(in srgb,var(--color-black) 25%,transparent);z-index: var(--topbar-z-index);opacity: 0;pointer-events: none;transition: opacity 0.25s}.detail-panel-overlay--open{opacity: 1;pointer-events: all}.detail-panel{position: fixed;top: 0;right: 0;width: 26rem;max-width: 90vw;height: 100vh;background: var(--color-surface);box-shadow: var(--shadow-xl);z-index: calc(var(--topbar-z-index) + 1);transform: translateX(100%);transition: transform 0.25s ease;display: flex;flex-direction: column}.detail-panel--open{transform: translateX(0)}.detail-panel-header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-5) var(--spacing-6);border-bottom: 1px solid var(--border-color);background: var(--color-primary-dark);color: var(--color-text-inverse)}.detail-panel-header h3{margin: 0;font-size: var(--font-size-base)}.detail-panel-close{background: none;border: none;color: var(--color-text-inverse);font-size: var(--font-size-xl);cursor: pointer;padding: var(--spacing-1) var(--spacing-1-5)}.detail-panel-body{padding: var(--spacing-6);overflow-y: auto;flex: 1;display: flex;flex-direction: column;gap: var(--spacing-6)}.detail-list{display: grid;grid-template-columns: 6rem 1fr;gap: var(--spacing-2-5) var(--spacing-4);margin: 0}.detail-list dt{font-weight: 600;color: var(--text-muted);font-size: var(--font-size-sm);align-self: center}.detail-list dd{margin: 0;font-size: var(--font-size-sm);align-self: center}.calculator-catalog__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,18rem),1fr));gap: var(--spacing-4)}.calculator-card{position: relative;display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-5);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);color: inherit;text-decoration: none;transition: border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.calculator-card:hover,.calculator-card:focus-visible{border-color: var(--color-primary);box-shadow: var(--shadow-md);transform: translateY(-2px);color: inherit;text-decoration: none}.calculator-card__icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--border-radius-full);background: color-mix(in srgb,var(--color-primary) 10%,transparent);color: var(--color-primary);font-size: var(--font-size-xl)}.calculator-card__title{margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.calculator-card__description{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-normal)}.calculator-card__badge{position: absolute;top: var(--spacing-3);right: var(--spacing-3);padding: var(--spacing-0-5) var(--spacing-2);border-radius: var(--border-radius-full);background: var(--color-success-light);color: var(--color-success-hover);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold)}.calculator__table-wrapper{overflow-x: auto}.calculator__table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm)}.calculator__table th,.calculator__table td{padding: var(--spacing-2) var(--spacing-3);border-bottom: 1px solid var(--color-border-light);text-align: right;white-space: nowrap}.calculator__table th:first-child,.calculator__table td:first-child{text-align: left}.calculator__table-field{min-width: 6rem}@media (max-width: 640px){.calculator__table th,.calculator__table td{white-space: normal}}.calculator__table th{background: var(--color-background-secondary);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary)}.calculator__table tbody tr:hover{background: var(--color-background-secondary)}.calculator__table tr.calculator__table-row--highlight{background: color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight: var(--font-weight-semibold)}.calculator__value--positive{color: var(--color-success-hover)}.calculator__value--negative{color: var(--color-danger-text)}.calculator__formula{margin: var(--spacing-3) 0;padding: var(--spacing-3) var(--spacing-4);background: var(--color-background-secondary);border-radius: var(--border-radius-md);font-family: var(--font-family-mono);font-size: var(--font-size-sm);overflow-x: auto}.calculator__explanation{font-size: var(--font-size-sm);line-height: var(--line-height-relaxed);color: var(--color-text-secondary)}.calculator__explanation ul{padding-left: var(--spacing-5)}.calculator__bar{height: 8px;border-radius: var(--border-radius-full);background: var(--color-gray-100);overflow: hidden}.calculator__bar-fill{width: var(--bar-width,0);height: 100%;border-radius: inherit;background: var(--color-primary)}.company-news-header{background: linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border: 1px solid var(--color-info-light);border-radius: var(--border-radius-lg);padding: var(--spacing-6);margin-bottom: var(--spacing-6)}.company-news-header__content{display: flex;align-items: center;gap: var(--spacing-5)}.company-news-header__icon{font-size: var(--font-size-5xl);color: var(--color-primary-dark);flex-shrink: 0}.company-news-header__title{margin: 0 0 var(--spacing-1) 0;color: var(--color-primary-dark);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold)}.company-news-header__description{margin: 0;color: var(--color-primary-dark);font-size: var(--font-size-base)}@media (max-width: 640px){.company-news-header{padding: var(--spacing-4)}.company-news-header__content{flex-direction: column;text-align: center}.company-news-header__icon{font-size: var(--font-size-3xl)}.company-news-header__title{font-size: var(--font-size-xl)}}.company-publications{max-width: 900px}.company-publications-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-5);text-align: center;min-height: 300px}.company-publications-empty__icon{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);opacity: 0.6;color: var(--color-gray-400)}.company-publications-empty__title{margin: var(--spacing-4) 0 var(--spacing-2) 0;color: var(--color-gray-700);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold)}.company-publications-empty__description{color: var(--color-text-secondary);margin: 0;font-size: var(--font-size-base);line-height: var(--line-height-relaxed)}.company-publications-list{list-style: none;padding: 0;margin: 0;border: none}.company-publications-list__count{color: var(--color-gray-600);margin-bottom: var(--spacing-3)}.publication-item{transition: background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border-radius: var(--border-radius-md);padding: var(--spacing-4);position: relative;background: var(--color-surface);margin-bottom: var(--spacing-3);border: 1px solid var(--color-border)}.publication-item:hover{background-color: var(--color-gray-50);box-shadow: var(--shadow-lg);transform: translateY(-2px)}.publication-item::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 4px;background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-top-left-radius: var(--border-radius-md);border-bottom-left-radius: var(--border-radius-md);opacity: 0;transition: opacity var(--transition-fast)}.publication-item:hover::before{opacity: 1}.publication-item__header{display: flex;gap: var(--spacing-4);align-items: flex-start}.publication-item__icon{flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--color-info-light),var(--color-primary-light));border-radius: var(--border-radius-md);color: var(--color-primary-dark);font-size: var(--font-size-xl)}.publication-item__content{flex: 1;min-width: 0}.publication-item__title-wrapper{margin-bottom: var(--spacing-2)}.publication-item__title{min-block-size: var(--spacing-6);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);text-decoration: none;display: block;line-height: var(--line-height-normal);transition: color var(--transition-fast)}.publication-item__title:hover{color: var(--color-primary);text-decoration: underline}.publication-item__meta{display: flex;flex-wrap: wrap;gap: var(--spacing-4);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.publication-item__company,.publication-item__type,.publication-item__date{display: flex;align-items: center;gap: var(--spacing-2)}.publication-item__company{cursor: pointer;font-weight: var(--font-weight-medium);color: var(--color-primary);transition: color var(--transition-fast)}.publication-item__company:hover{color: var(--color-primary-dark);text-decoration: underline}.publication-item__type i,.publication-item__date i,.publication-item__company i{font-size: var(--font-size-xs);opacity: 0.7}@media (max-width: 640px){.company-publications-empty{padding: var(--spacing-12) var(--spacing-4);min-height: 250px}.company-publications-empty__icon{font-size: var(--font-size-3xl)}.company-publications-empty__title{font-size: var(--font-size-lg)}.company-publications-empty__description{font-size: var(--font-size-sm)}.publication-item__header{gap: var(--spacing-3)}.publication-item__icon{width: 36px;height: 36px;font-size: var(--font-size-base)}.publication-item__title{font-size: var(--font-size-sm)}.publication-item__meta{flex-direction: column;gap: var(--spacing-2);font-size: var(--font-size-sm)}}.insiders-page__filters{background-color: var(--color-surface);padding: var(--spacing-5) var(--spacing-6);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-6)}.insiders-page__filters-title{display: flex;align-items: center;gap: var(--spacing-3);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: 0 0 var(--spacing-5) 0}.insiders-page__filters-title i{color: var(--color-primary);font-size: var(--font-size-xl)}.insiders-page__filters-grid{display: grid;grid-template-columns: 1fr 1fr auto auto;gap: var(--spacing-4);align-items: end}.insiders__form-field{display: flex;flex-direction: column;gap: var(--spacing-1-5);margin-bottom: var(--spacing-6)}@media (max-width: 640px){.insiders__form-field{margin-bottom: var(--spacing-5)}}.form-field__label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);margin: 0;min-height: 1.25rem}.form-field__input,.form-field__select{width: 100%;padding: var(--spacing-2-5) var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);font-size: var(--font-size-base);font-family: inherit;transition: var(--transition-fast);background-color: var(--color-white);color: var(--color-text-primary);height: 42px;box-sizing: border-box}.form-field__input::placeholder{color: var(--color-text-tertiary)}.form-field__input:focus,.form-field__select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.form-field__select{cursor: pointer;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;padding-right: var(--spacing-10)}.insiders__form-field--button-only{justify-content: flex-end}.insiders__form-field--button-only .app-btn{height: 42px;min-height: 42px;box-sizing: border-box}.insiders-page__content{background-color: var(--color-surface);padding: var(--spacing-5) var(--spacing-6);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm)}@media (max-width: 1024px){.insiders-page__filters-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 768px){.insiders-page__filters{padding: var(--spacing-4)}.insiders-page__filters-title{font-size: var(--font-size-base);margin-bottom: var(--spacing-4)}.insiders-page__filters-grid{grid-template-columns: 1fr;gap: var(--spacing-3)}.insiders-page__content{padding: var(--spacing-4)}}.insiders-page__filters-toggle{display: none}@media (max-width: 640px){.insiders-page__filters{padding: var(--spacing-2) var(--spacing-3)}.insiders-page__filters-title{display: none}.insiders-page__filters-toggle{display: flex;align-items: center;gap: var(--spacing-2);width: 100%;min-height: 44px;padding: 0;border: 0;background: none;color: var(--color-text-primary);font: inherit;font-weight: var(--font-weight-semibold);cursor: pointer}.insiders-page__filters-toggle .fa-filter{color: var(--color-primary)}.insiders-page__filters-toggle-icon{margin-left: auto;color: var(--color-text-secondary)}.insiders-page__filters-grid{display: none;grid-template-columns: 1fr;padding-bottom: var(--spacing-3)}.insiders-page__filters--open .insiders-page__filters-grid{display: grid}}.library-page{max-width: var(--page-max-width);margin: 0 auto;padding: 0 var(--spacing-5)}.library-search-card{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-5);border: 1px solid var(--color-border)}.library-search-card__header{margin-bottom: var(--spacing-5)}.library-search-card__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.library-search-card__title i{color: var(--color-primary)}.library-search-controls{display: flex;flex-direction: column;gap: var(--spacing-4)}.library-search-main{width: 100%}.library-search-input-wrapper{position: relative;width: 100%}.library-search-input{width: 100%;height: 48px;padding: var(--spacing-3) var(--spacing-12) var(--spacing-3) var(--spacing-12);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);background: var(--color-surface);font-size: var(--font-size-base);color: var(--color-text-primary);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);outline: none}.library-search-input:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.library-search-input::placeholder{color: var(--color-gray-400);font-style: italic}.library-search-icon{position: absolute;left: var(--spacing-4);top: 50%;transform: translateY(-50%);color: var(--color-gray-400);font-size: var(--font-size-base);pointer-events: none;transition: color var(--transition-fast)}.library-search-input-wrapper:focus-within .library-search-icon{color: var(--color-primary)}.library-search-clear{position: absolute;right: var(--spacing-3);top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border: none;background: var(--color-gray-100);border-radius: var(--border-radius-full);color: var(--color-text-secondary);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition-fast);font-size: var(--font-size-xs)}.library-search-clear:hover{background: var(--color-border);color: var(--color-gray-700);transform: translateY(-50%) scale(1.1)}.library-filters{display: flex;gap: var(--spacing-5);align-items: end;flex-wrap: wrap}.library-filter-group{display: flex;flex-direction: column;gap: var(--spacing-2)}.library-filter-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-medium)}.library-tool-page__library-switch-wrapper{display: flex;align-items: center;gap: var(--spacing-2);cursor: pointer}.library-tool-page__library-switch{width: 44px;height: 24px;background: var(--color-border);border-radius: var(--border-radius-lg);position: relative;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);display: flex;align-items: center;box-shadow: var(--shadow-inner)}.library-tool-page__library-switch--active{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent),inset 0 1px 2px color-mix(in srgb,var(--color-white) 20%,transparent)}.library-tool-page__library-switch-handle{width: 20px;height: 20px;background: var(--color-white);border-radius: var(--border-radius-full);position: absolute;left: 2px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: var(--shadow-md)}.library-tool-page__library-switch--active .library-tool-page__library-switch-handle{transform: translateX(20px);box-shadow: var(--shadow-md)}.library-tool-page__library-switch-label{font-size: var(--font-size-sm);color: var(--color-text-primary);cursor: pointer;user-select: none;font-weight: var(--font-weight-medium);transition: color var(--transition-fast)}.library-tool-page__library-switch-wrapper:hover .library-tool-page__library-switch-label{color: var(--color-primary)}.library-tool-page__library-switch:hover{transform: scale(1.05)}.library-tool-page__library-switch:active{transform: scale(0.95)}.library-select-wrapper{position: relative;min-width: 150px}.library-select-display{width: 100%;height: 40px;padding: 0 var(--spacing-8) 0 var(--spacing-3);border: 1px solid var(--color-border);border-radius: var(--border-radius-md);background: var(--color-surface);font-size: var(--font-size-sm);color: var(--color-text-primary);cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative;z-index: 1}.library-select-display:hover{border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-light)}.library-select-arrow{color: var(--color-gray-400);font-size: var(--font-size-xs);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events: none}.library-select-arrow--rotated{transform: rotate(180deg);color: var(--color-primary)}.library-select-dropdown{position: absolute;top: 100%;left: 0;right: 0;background: var(--color-surface);border: 1px solid var(--color-primary);border-top: none;border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);box-shadow: var(--shadow-xl);z-index: var(--z-index-dropdown);max-height: 200px;overflow-y: auto;animation: slideDown 0.3s cubic-bezier(0.4,0,0.2,1)}.library-select-option{padding: var(--spacing-3) var(--spacing-4);cursor: pointer;font-size: var(--font-size-sm);color: var(--color-text-primary);transition: all var(--transition-fast);border-bottom: 1px solid var(--color-gray-100);display: flex;align-items: center;justify-content: space-between}.library-select-option:last-child{border-bottom: none}.library-select-option:hover{background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-surface-tertiary));color: var(--color-primary);transform: translateX(4px)}.library-select-option--selected{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color: var(--color-white);font-weight: var(--font-weight-semibold);position: relative}.library-select-option--selected::after{content: "✓";font-weight: bold;margin-left: auto}.library-select-option--selected:hover{background: linear-gradient(135deg,var(--color-primary-dark),var(--color-primary-dark));transform: none}.library-search-summary{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-3) var(--spacing-4);background: linear-gradient(135deg,var(--color-surface-secondary),var(--color-surface-tertiary));border-radius: var(--border-radius-md);margin-top: var(--spacing-4);border: 1px solid var(--color-info-light)}.library-search-summary__info{display: flex;gap: var(--spacing-4);align-items: center;font-size: var(--font-size-sm);color: var(--color-gray-600)}.library-search-summary__term{color: var(--color-text-primary)}.library-search-summary__count{font-weight: var(--font-weight-semibold);color: var(--color-primary);background: var(--color-white);padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-lg);font-size: var(--font-size-sm)}.library-results-card{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-lg);margin-bottom: var(--spacing-5);border: 1px solid var(--color-border)}.library-results-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-5);padding-bottom: var(--spacing-3);border-bottom: 1px solid var(--color-border)}.library-results-header__title{margin: 0;color: var(--color-text-primary);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.library-results-header__title i{color: var(--color-primary)}.library-view-options{display: flex;gap: var(--spacing-1);background: var(--color-gray-50);padding: var(--spacing-1);border-radius: var(--border-radius-md)}.library-view-toggle{padding: var(--spacing-2) var(--spacing-3);background: transparent;border: none;border-radius: var(--border-radius-md);cursor: pointer;font-size: var(--font-size-base);transition: all var(--transition-fast);display: flex;align-items: center;color: var(--color-text-secondary)}.library-view-toggle:hover{background: var(--color-surface);color: var(--color-text-primary);box-shadow: var(--shadow-sm)}.library-view-toggle--active{background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color: var(--color-white);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.library-view-toggle i{font-size: var(--font-size-sm)}.library-empty{text-align: center;padding: var(--spacing-16) var(--spacing-5);color: var(--color-text-secondary)}.library-empty__icon{font-size: var(--font-size-5xl);margin-bottom: var(--spacing-4);opacity: 0.6;color: var(--color-gray-400)}.library-empty__icon i{font-size: var(--font-size-5xl);color: var(--color-gray-400)}.library-empty__title{margin: 0 0 var(--spacing-3) 0;color: var(--color-gray-700);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold)}.library-empty__description{margin: 0 0 var(--spacing-5) 0;font-size: var(--font-size-base);line-height: var(--line-height-relaxed)}.library-empty__actions{display: flex;gap: var(--spacing-3);justify-content: center;flex-wrap: wrap}.library-documents-list{display: flex;flex-direction: column;gap: var(--spacing-3)}.library-document-item{padding: var(--spacing-4);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);background: var(--color-surface);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative}.library-document-item:hover{box-shadow: var(--shadow-xl);transform: translateY(-3px);border-color: var(--color-primary)}.library-document-item--shared{border-left: 4px solid var(--color-success);background: linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface) 100%)}.library-document-item--private{border-left: 4px solid var(--color-text-secondary)}.library-document-item__main{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: var(--spacing-2)}.library-document-item__icon-name{display: flex;align-items: flex-start;gap: var(--spacing-3);flex: 1;min-width: 0}.library-document-item__title-section{display: flex;align-items: center;gap: var(--spacing-3);flex: 1;min-width: 0}.library-document-item__title{display: inline-block;min-block-size: var(--spacing-6);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);text-decoration: none;font-size: var(--font-size-base);line-height: var(--line-height-normal);word-break: break-word;transition: all var(--transition-fast)}.library-document-item__title:hover{color: var(--color-primary);text-decoration: underline}.library-document-item__shared-badge{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover));color: var(--color-white);padding: var(--spacing-1) var(--spacing-2-5);border-radius: var(--border-radius-xl);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);display: inline-flex;align-items: center;gap: var(--spacing-1);box-shadow: 0 2px 8px color-mix(in srgb,var(--color-success) 30%,transparent);animation: pulse-glow 2s infinite;flex-shrink: 0}@keyframes pulse-glow{0%,100%{box-shadow: 0 2px 8px color-mix(in srgb,var(--color-success) 30%,transparent)}50%{box-shadow: 0 4px 16px color-mix(in srgb,var(--color-success) 50%,transparent)}}.library-document-item__actions{display: flex;gap: var(--spacing-2);align-items: center;flex-shrink: 0}.library-document-item__meta{margin-left: var(--spacing-12)}.library-document-item__meta-info{display: flex;align-items: center;gap: var(--spacing-2);font-size: var(--font-size-sm);color: var(--color-text-secondary);flex-wrap: wrap}.library-document-item__meta-separator{color: var(--color-gray-300);font-weight: bold}.library-document-item__company-link{background: none;border: none;color: var(--color-primary);cursor: pointer;font-size: var(--font-size-sm);padding: 0;text-decoration: none;transition: all var(--transition-fast);display: flex;align-items: center;gap: var(--spacing-1)}.library-document-item__company-link:hover{color: var(--color-primary-dark);text-decoration: underline;transform: scale(1.05)}.library-document-item__company-link i{font-size: var(--font-size-xs)}.library-documents-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--spacing-5)}.library-document-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-xl);padding: var(--spacing-4);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);cursor: pointer;position: relative;min-height: 140px;display: flex;flex-direction: column}.library-document-card:hover{box-shadow: var(--shadow-2xl);transform: translateY(-6px);border-color: var(--color-primary)}.library-document-card--shared{border-left: 4px solid var(--color-success);background: linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface) 100%)}.library-document-card__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-3)}.library-document-card__shared-badge{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover));color: var(--color-white);padding: var(--spacing-0-5) var(--spacing-1-5);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);box-shadow: 0 2px 4px color-mix(in srgb,var(--color-success) 20%,transparent);display: flex;align-items: center;gap: var(--spacing-0-5)}.library-document-card__shared-badge i{font-size: var(--font-size-xs)}.library-document-card__content{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-2)}.library-document-card__company{color: var(--color-text-secondary);font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);display: flex;align-items: center;gap: var(--spacing-1)}.library-document-card__company:hover{color: var(--color-primary);transform: scale(1.05)}.library-document-card__company i{font-size: var(--font-size-xs)}.library-document-card__meta{display: flex;justify-content: space-between;align-items: center;margin-top: auto;font-size: var(--font-size-xs);color: var(--color-gray-400)}.library-quick-actions{background: var(--color-surface);border-radius: var(--border-radius-xl);padding: var(--spacing-6);box-shadow: var(--shadow-lg);border: 1px solid var(--color-border)}.library-quick-actions__title{margin: 0 0 var(--spacing-4) 0;color: var(--color-text-primary);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: var(--spacing-2)}.library-quick-actions__title i{color: var(--color-primary)}.library-quick-actions__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--spacing-4)}@media (max-width: 768px){.library-page{padding: 0 var(--spacing-3)}.library-filters{flex-direction: column;gap: var(--spacing-3)}.library-filter-group{width: 100%}.library-search-summary{flex-direction: column;gap: var(--spacing-2);align-items: stretch}.library-documents-grid{grid-template-columns: 1fr}.library-quick-actions__grid{grid-template-columns: 1fr}.library-document-item__meta{margin-left: 0;margin-top: var(--spacing-2)}.library-document-item__icon-name{flex-direction: column;gap: var(--spacing-2)}.library-document-item__title-section{align-items: flex-start;flex-direction: column;gap: var(--spacing-2)}.library-empty{padding: var(--spacing-12) var(--spacing-4)}}.tools-redirect{color: var(--color-text-secondary);padding: var(--spacing-4) 0}.transactions-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-16) var(--spacing-5);text-align: center;min-height: 300px;background: var(--color-surface);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm)}.transactions-empty__icon{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-4);opacity: 0.6;color: var(--color-gray-400)}.transactions-empty__title{margin: var(--spacing-4) 0 var(--spacing-2) 0;color: var(--color-gray-700);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold)}.transactions-empty__description{color: var(--color-text-secondary);margin: 0;font-size: var(--font-size-base);line-height: var(--line-height-relaxed)}@media (max-width: 768px){.transactions-empty{padding: var(--spacing-12) var(--spacing-4);min-height: 250px}.transactions-empty__icon{font-size: var(--font-size-3xl)}.transactions-empty__title{font-size: var(--font-size-lg)}.transactions-empty__description{font-size: var(--font-size-sm)}}.insider-grid__company{font-weight: var(--font-weight-semibold)}.insider-grid__insider{padding: 0;border: 0;background: none;color: inherit;font: inherit;font-weight: var(--font-weight-semibold);text-align: inherit;cursor: pointer}.insider-grid__insider:hover{color: var(--color-primary)}.insider-grid__meta{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.insider-grid__direction{font-weight: var(--font-weight-bold)}.insider-grid__direction--buy{color: var(--color-success-text)}.insider-grid__direction--sell{color: var(--color-danger-text)}.admin-dashboard__section-title{margin: 0 0 var(--spacing-3);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.admin-dashboard__todo{margin-bottom: 0}.home-page{max-width: var(--page-max-width);margin: 0 auto;padding: var(--spacing-6) var(--spacing-5) var(--spacing-16);display: flex;flex-direction: column;gap: var(--spacing-6)}.home-section{display: flex;flex-direction: column;gap: var(--spacing-4)}.home-section__header{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: var(--spacing-2)}.home-section__title{margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.home-panel{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-6);display: flex;flex-direction: column;gap: var(--spacing-3)}.home-panel__note{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary)}.home-columns{display: flex;flex-wrap: wrap;gap: var(--spacing-6);align-items: flex-start}.home-columns__main{flex: 999 1 560px;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-6)}.home-columns__side{flex: 1 1 300px;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-6)}.home-hero{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-xl);padding: var(--spacing-10);display: flex;flex-wrap: wrap;gap: var(--spacing-8);align-items: center}.home-hero__text{flex: 999 1 480px;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-4)}.home-hero__title{margin: 0;font-size: var(--font-size-3xl);line-height: 1.2;color: var(--color-text-primary)}.home-hero__lead{margin: 0;font-size: var(--font-size-lg);color: var(--color-text-secondary)}.home-hero__actions{display: flex;flex-wrap: wrap;gap: var(--spacing-3);margin-top: var(--spacing-2)}.home-hero__promises{flex: 1 1 280px;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: var(--spacing-4);color: var(--color-text-secondary)}.home-hero__promise{display: flex;gap: var(--spacing-3);align-items: flex-start}.home-hero__promise strong{color: var(--color-text-primary)}.home-hero__promise-icon{flex: none;width: 40px;height: 40px;border-radius: var(--border-radius-md);background: var(--color-primary-light);color: var(--color-primary-dark);display: flex;align-items: center;justify-content: center}.home-analyses{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: var(--spacing-4)}.home-analysis{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--border-radius-lg);padding: var(--spacing-5);display: flex;flex-direction: column;gap: var(--spacing-2)}.home-analysis__meta{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.home-analysis__title{margin: 0;font-size: var(--font-size-lg);line-height: 1.3}.home-analysis__title a{color: var(--color-text-primary)}.home-analysis__description{margin: 0;font-size: var(--font-size-sm);color: var(--color-text-secondary);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.home-table-scroll{overflow-x: auto}.home-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm)}.home-table th{padding: var(--spacing-2);text-align: left;font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);border-bottom: 1px solid var(--color-border)}.home-table td{padding: var(--spacing-3) var(--spacing-2);border-bottom: 1px solid var(--color-border-light)}.home-table__amount{text-align: right;font-weight: var(--font-weight-semibold);white-space: nowrap}.home-table th.home-table__amount{text-align: right}.home-table__buy{color: var(--color-success-hover);font-weight: var(--font-weight-semibold)}.home-table__sell{color: var(--color-danger-text);font-weight: var(--font-weight-semibold)}.home-podium{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: var(--spacing-2)}.home-podium__item{display: flex;align-items: center;gap: var(--spacing-3);padding: var(--spacing-3);border-radius: var(--border-radius-md);background: var(--color-gray-100)}.home-podium__item--first{background: var(--color-warning-light)}.home-podium__rank{width: 20px}.home-podium__name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis}.home-podium__perf{color: var(--color-success-hover)}.home-cta{background: var(--color-primary-dark);color: var(--color-text-inverse);border-radius: var(--border-radius-xl);padding: var(--spacing-8) var(--spacing-10);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--spacing-4)}.home-cta__title{margin: 0;font-size: var(--font-size-xl)}.home-cta__text{margin: var(--spacing-1) 0 0;color: var(--color-primary-light)}.home-cta__button{padding: var(--spacing-3) var(--spacing-5);border-radius: var(--border-radius-md);background: var(--color-surface);color: var(--color-primary-dark);font-weight: var(--font-weight-bold);text-decoration: none}.home-cta__button:hover{color: var(--color-primary-dark);text-decoration: underline}.home-greeting__title{margin: 0;font-size: var(--font-size-3xl);color: var(--color-text-primary)}.home-greeting__subtitle{margin: var(--spacing-1) 0 0;color: var(--color-gray-600)}.home-messages{margin: 0;padding: 0;list-style: none}.home-messages__item{display: flex;gap: var(--spacing-3);padding: var(--spacing-4) 0;border-top: 1px solid var(--color-border-light)}.home-messages__body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-1)}.home-messages__byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--spacing-1) var(--spacing-3);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.home-messages__byline strong{color: var(--color-text-primary)}.home-messages__date{white-space: nowrap}.home-messages__operation{align-self: flex-start;padding: var(--spacing-0-5) var(--spacing-3);border-radius: var(--border-radius-full);background: var(--color-success-light);color: var(--color-text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold)}.home-messages__text{margin: 0;color: var(--color-text-primary);overflow-wrap: anywhere}.home-watch{margin: 0;padding: 0;list-style: none}.home-watch__item{display: flex;flex-wrap: wrap;gap: var(--spacing-2) var(--spacing-4);align-items: center;padding: var(--spacing-4) 0;border-top: 1px solid var(--color-border-light)}.home-watch__company{flex: 1 1 220px;min-width: 0}.home-watch__name{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.home-watch__quote{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.home-watch__change--up{color: var(--color-success-hover)}.home-watch__change--down{color: var(--color-danger-text)}.home-watch__updates{flex: 999 1 320px;min-width: 0;display: flex;flex-wrap: wrap;gap: var(--spacing-2)}.home-chip{display: inline-block;max-width: 100%;padding: var(--spacing-1) var(--spacing-3);border-radius: var(--border-radius-full);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);background: var(--color-gray-100);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none}a.home-chip:hover{text-decoration: underline;color: var(--color-text-primary)}.home-chip--insider{background: var(--color-info-light)}.home-chip--generalmeeting{background: var(--color-warning-light)}.home-chip--analysis{background: var(--color-success-light)}.home-list{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: var(--spacing-3);font-size: var(--font-size-sm)}.home-list__row{display: flex;justify-content: space-between;gap: var(--spacing-2)}.home-list__meta{color: var(--color-text-secondary)}@media (max-width: 768px){.home-page{padding: var(--spacing-4) var(--spacing-3) var(--spacing-10)}.home-hero,.home-cta{padding: var(--spacing-6)}.home-hero__title,.home-greeting__title{font-size: var(--font-size-2xl)}}.notifications-page{max-width: 900px;margin: 0 auto}.notifications-list{list-style: none;margin: 0;padding: 0;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden}.notifications-list li + li{border-top: 1px solid var(--color-border)}.notifications-list__item{display: flex;align-items: flex-start;gap: var(--spacing-3);width: 100%;padding: var(--spacing-4);border: none;background: transparent;color: inherit;font: inherit;text-align: left;cursor: pointer}.notifications-list__item:hover,.notifications-list__item:focus-visible{background: var(--color-surface-secondary)}.notifications-list__item--unread{box-shadow: inset 3px 0 0 var(--color-primary)}.notifications-list__icon{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex-shrink: 0;border-radius: 50%;color: var(--color-text-inverse)}.notifications-list__icon--primary{background: var(--color-primary)}.notifications-list__icon--success{background: var(--color-success)}.notifications-list__icon--warning{background: var(--color-warning)}.notifications-list__icon--danger{background: var(--color-danger)}.notifications-list__body{display: flex;flex-direction: column;gap: var(--spacing-1);min-width: 0;flex: 1}.notifications-list__title{font-weight: var(--font-weight-semibold);color: var(--color-text-primary)}.notifications-list__excerpt{color: var(--color-text-secondary);overflow-wrap: anywhere}.notifications-list__date{font-size: var(--font-size-sm);color: var(--color-text-muted)}.notifications-list__dot{width: 10px;height: 10px;margin-top: var(--spacing-2);flex-shrink: 0;border-radius: 50%;background: var(--color-primary)}.notifications-page__more{display: flex;justify-content: center;margin-top: var(--spacing-4)}.privacy-page{min-height: 100vh;padding: var(--spacing-5);background-color: var(--color-background-secondary)}.privacy-page__container{width: 100%;max-width: 1200px;margin: 0 auto}.privacy-content{max-width: 900px;margin: 0 auto}.privacy-section{margin-bottom: var(--spacing-12)}.privacy-section h2{color: var(--color-gray-800);font-size: var(--font-size-3xl);font-weight: 700;margin-bottom: var(--spacing-5);display: flex;align-items: center;gap: var(--spacing-3)}.privacy-section h2 i{color: var(--color-primary)}.privacy-section h3{color: var(--color-gray-700);font-size: var(--font-size-xl);font-weight: 600;margin-top: var(--spacing-6);margin-bottom: var(--spacing-3);display: flex;align-items: center;gap: var(--spacing-2)}.privacy-section h3 i{color: var(--color-primary)}.privacy-section h4{color: var(--color-gray-600);font-size: var(--font-size-lg);font-weight: 600;margin-bottom: var(--spacing-2);display: flex;align-items: center;gap: var(--spacing-2)}.privacy-section h4 i{color: var(--color-primary)}.privacy-section p{color: var(--color-gray-600);line-height: 1.7;margin-bottom: var(--spacing-4)}.privacy-section ul{color: var(--color-gray-600);line-height: 1.8;margin-left: var(--spacing-5)}.privacy-section ul li{margin-bottom: var(--spacing-2)}.privacy-section ul li i{color: var(--color-primary);margin-right: var(--spacing-2);width: 16px}.info-box,.contact-box{background: var(--color-gray-100);padding: var(--spacing-5);border-radius: var(--border-radius-lg);border-left: 4px solid var(--color-primary)}.data-category{background: var(--color-gray-50);padding: var(--spacing-5);border-radius: var(--border-radius-lg);margin-bottom: var(--spacing-4);border: 1px solid var(--color-gray-200)}.legal-bases{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-4);margin-top: var(--spacing-5)}.legal-base{background: var(--color-gray-50);padding: var(--spacing-5);border-radius: var(--border-radius-lg);border: 1px solid var(--color-gray-200)}.retention-table{width: 100%;border-collapse: collapse;margin-top: var(--spacing-4)}.retention-table th,.retention-table td{padding: var(--spacing-3);text-align: left;border: 1px solid var(--color-gray-200)}.retention-table th{background: var(--color-gray-100);font-weight: 600;color: var(--color-gray-800)}.retention-table tr:hover{background: var(--color-gray-50)}.rights-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--spacing-5);margin-top: var(--spacing-6)}.right-card{background: var(--color-surface);padding: var(--spacing-6);border-radius: var(--border-radius-lg);border: 2px solid var(--color-gray-200);transition: all 0.3s ease}.right-card:hover{border-color: var(--color-primary);box-shadow: 0 8px 24px color-mix(in srgb,var(--color-primary) 15%,transparent);transform: translateY(-2px)}.right-card h4{margin-bottom: var(--spacing-3)}.right-card p{font-size: var(--font-size-sm);margin-bottom: var(--spacing-4)}:where([data-page="Privacy"]) .text-muted{font-size: var(--font-size-sm)}@media (max-width: 768px){.rights-grid,.legal-bases{grid-template-columns: 1fr}.privacy-section h2{font-size: var(--font-size-2xl)}.retention-table{font-size: var(--font-size-sm)}}.transactions-page{max-width: 100%;margin: 0 auto;padding: var(--spacing-5)}.filter-section{background: var(--color-surface);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-5);padding: 0;overflow: hidden}.filter-header{display: flex;align-items: center;gap: var(--spacing-2-5);padding: var(--spacing-4) var(--spacing-5);background: var(--color-surface-secondary);border-bottom: 1px solid var(--color-gray-200);cursor: pointer;user-select: none;transition: background 0.2s}.filter-header:hover{background: var(--color-surface-tertiary)}.filter-header i{color: var(--color-gray-500);font-size: var(--font-size-lg)}.filter-header span{font-weight: 600;color: var(--color-gray-800);flex: 1}.filter-toggle{color: var(--color-gray-500);transition: transform 0.3s}.filter-toggle.expanded{transform: rotate(180deg)}.filter-content{padding: var(--spacing-5);display: none}.filter-content.show{display: block}.filter-grid{display: grid;grid-template-columns: 2fr 1fr 150px 150px auto;gap: var(--spacing-4);align-items: end}.public-transactions__filter-group{display: flex;flex-direction: column;gap: var(--spacing-1-5)}.public-transactions__filter-label{margin: 0;font-size: var(--font-size-sm);font-weight: 500;color: var(--color-gray-700)}@media (max-width: 768px){.public-transactions__filter-group{width: 100%}}.filter-input{width: 100%;padding: var(--spacing-2-5) var(--spacing-3);border: 1px solid var(--color-gray-300);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);transition: all 0.2s}.filter-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.filter-select{width: 100%;padding: var(--spacing-2-5) var(--spacing-3);border: 1px solid var(--color-gray-300);border-radius: var(--border-radius-md);font-size: var(--font-size-sm);background: var(--color-surface);cursor: pointer;transition: all 0.2s}.filter-select:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.filter-button{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-2);padding: var(--spacing-2-5) var(--spacing-5);background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color: var(--color-text-inverse);border: none;border-radius: var(--border-radius-md);font-size: var(--font-size-sm);font-weight: 600;cursor: pointer;transition: all 0.2s;white-space: nowrap}.filter-button:hover{background: linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-hover));transform: translateY(-1px);box-shadow: 0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.filter-button:active{transform: translateY(0)}.filter-button:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.filter-button i{font-size: var(--font-size-sm)}.filter-button .spinner{animation: spin 1s linear infinite}.loading-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: color-mix(in srgb,var(--color-surface) 80%,transparent);display: flex;align-items: center;justify-content: center;z-index: 10;border-radius: var(--border-radius-md)}:where([data-page="PublicTransactions"]) .loading-spinner{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-3)}:where([data-page="PublicTransactions"]) .loading-spinner i{font-size: var(--font-size-3xl);color: var(--color-primary);animation: spin 1s linear infinite}:where([data-page="PublicTransactions"]) .loading-spinner span{color: var(--color-gray-500);font-size: var(--font-size-sm);font-weight: 500}@media (max-width: 768px){.transactions-page{padding: var(--spacing-3)}.filter-grid{grid-template-columns: 1fr}.filter-header{padding: var(--spacing-3) var(--spacing-4)}.filter-content{padding: var(--spacing-4)}}.app-switch{display: inline-flex;align-items: center;gap: var(--spacing-3);cursor: pointer;user-select: none;position: relative}.app-switch__input{position: absolute;opacity: 0;width: 0;height: 0;pointer-events: none}.app-switch__slider{position: relative;display: inline-block;background-color: var(--color-gray-300);border-radius: var(--border-radius-full);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);flex-shrink: 0}.app-switch__slider::before{content: '';position: absolute;background-color: var(--color-white);border-radius: 50%;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: var(--shadow-md)}.app-switch__label{font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: var(--font-weight-medium);line-height: var(--line-height-normal)}.app-switch__input:focus-visible + .app-switch__slider{outline: 2px solid var(--color-primary);outline-offset: 2px}.app-switch-Small .app-switch__slider{width: 32px;height: 18px}.app-switch-Small .app-switch__slider::before{width: 14px;height: 14px;left: 2px;top: 2px}.app-switch-Small.app-switch-checked .app-switch__slider::before{transform: translateX(14px)}.app-switch-Small .app-switch__label{font-size: var(--font-size-sm)}.app-switch-Medium .app-switch__slider{width: 44px;height: 24px}.app-switch-Medium .app-switch__slider::before{width: 20px;height: 20px;left: 2px;top: 2px}.app-switch-Medium.app-switch-checked .app-switch__slider::before{transform: translateX(20px)}.app-switch-Large .app-switch__slider{width: 56px;height: 32px}.app-switch-Large .app-switch__slider::before{width: 28px;height: 28px;left: 2px;top: 2px}.app-switch-Large.app-switch-checked .app-switch__slider::before{transform: translateX(24px)}.app-switch-Large .app-switch__label{font-size: var(--font-size-lg)}.app-switch-Primary.app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-info),var(--color-info-hover));box-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.app-switch-Primary:hover .app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-info-hover),var(--color-primary-dark))}.app-switch-Accent.app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-success),var(--color-success-hover));box-shadow: 0 2px 8px color-mix(in srgb,var(--color-success) 30%,transparent)}.app-switch-Accent:hover .app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-success-hover),var(--color-success-text))}.app-switch-Warning.app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-warning),var(--color-warning-hover));box-shadow: 0 2px 8px color-mix(in srgb,var(--color-warning) 30%,transparent)}.app-switch-Warning:hover .app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-warning-hover),var(--color-warning-hover))}.app-switch-Danger.app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-danger),var(--color-danger-hover));box-shadow: 0 2px 8px color-mix(in srgb,var(--color-danger) 30%,transparent)}.app-switch-Danger:hover .app-switch-checked .app-switch__slider{background: linear-gradient(135deg,var(--color-danger-hover),var(--color-danger-hover))}.app-switch-label-left{flex-direction: row-reverse}.app-switch-label-right{flex-direction: row}.app-switch-disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none}.app-switch-disabled .app-switch__slider{background-color: var(--color-gray-200)}.app-switch-disabled .app-switch__label{color: var(--color-text-disabled)}.app-switch:not(.app-switch-disabled):hover .app-switch__slider{transform: scale(1.05)}.app-switch:not(.app-switch-disabled):hover .app-switch__slider::before{box-shadow: var(--shadow-md)}.app-switch:not(.app-switch-disabled):active .app-switch__slider::before{transform: scale(0.95)}.app-switch-Small:not(.app-switch-disabled):active.app-switch-checked .app-switch__slider::before{transform: translateX(14px) scale(0.95)}.app-switch-Medium:not(.app-switch-disabled):active.app-switch-checked .app-switch__slider::before{transform: translateX(20px) scale(0.95)}.app-switch-Large:not(.app-switch-disabled):active.app-switch-checked .app-switch__slider::before{transform: translateX(24px) scale(0.95)}@media screen and (prefers-reduced-motion: reduce){.app-switch__slider,.app-switch__slider::before{transition: none}}.app-switch__input:focus-visible + .app-switch__slider{box-shadow: 0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}@media (max-width: 768px){.app-switch-Large .app-switch__slider{width: 50px;height: 28px}.app-switch-Large .app-switch__slider::before{width: 24px;height: 24px}.app-switch-Large.app-switch-checked .app-switch__slider::before{transform: translateX(22px)}}