#DLEPush {position:fixed; top:5%; right:2%; z-index:9999; max-width:400px; width:calc(100% - 40px); pointer-events:none; display:flex; flex-direction:column; gap:12px}
 #DLEPush .DLEPush-notification.wrapper.push-error {background-color:#fff; border-left:5px solid rgb(12,116,236); box-shadow:0 4px 14px rgba(0,0,0,0.12); color:#1e293b; border-radius:8px; padding:16px 20px 16px 60px; position:relative; font-family:'Segoe UI',Tahoma,sans-serif; font-size:14px !important; line-height:1.5 !important; pointer-events:auto; animation:slideDownFade 0.5s ease-out}
 #DLEPush .DLEPush-icon {position:absolute; top:18px; left:20px; color:rgb(12,116,236)}
 #DLEPush .DLEPush-header {font-weight:600; font-size:15px; margin-bottom:8px}
 #DLEPush .DLEPush-message ul {margin:0; padding-left:20px; list-style-type:disc; color:#1e293b}
 #DLEPush .DLEPush-close {position:absolute; top:10px; right:12px; background:none; border:none; font-size:20px; color:#94a3b8; cursor:pointer; transition:color 0.3s ease}
 #DLEPush .DLEPush-close:hover {color:#64748b}
 @keyframes slideDownFade {0% {transform:translateY(-20%); opacity:0}
 100% {transform:translateY(0); opacity:1}
 }
 .ui-dialog {position:fixed; top:50% !important; left:50% !important; transform:translate(-50%,-50%) scale(0.95); transition:opacity 0.3s ease,transform 0.3s ease; z-index:10000; max-width:950px !important; width:100% !important; margin:0; border:none; box-shadow:0 10px 25px rgba(0,0,0,0.2); border-radius:12px; background-color:var(--white-color); overflow:hidden}
.ui-dialog.ui-dialog-open {opacity:1; transform:translate(-50%,-50%) scale(1)}
.ui-dialog-titlebar {position:relative; padding:16px 20px; background:var(--dark-color); color:var(--white-color); border:none; font-size:18px; font-weight:600; border-radius:0}
.ui-dialog-title {color:var(--white-color)}
.ui-dialog-titlebar-close {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; background:transparent; border:none; color:var(--white-color)}
.ui-dialog-content {padding:20px; color:var(--text-color); font-size:15px; line-height:1.5; width:auto; min-height:auto; max-height:none; height:auto}
.ui-dialog-buttonpane {padding:16px 20px; display:flex; justify-content:flex-end; gap:10px; background:var(--white-color); border-top:1px solid rgba(0,0,0,0.1); border-radius:0; margin:0}
.ui-dialog-buttonset {display:flex; align-items:center; gap:10px}
.ui-dialog-buttonset .ui-button {padding:8px 16px; border-radius:6px; border:none; transition:background 0.2s ease}
.ui-dialog-buttonset .ui-button:first-child {background:var(--gray-color); color:var(--white-color)}
.ui-button-delete {background:var(--blue-color); color:var(--white-color)}
.ui-dialog-buttonset .ui-button:first-child:hover {background:#5a5b5b}
.ui-button-delete:hover {background:#0a5dc1}
.profile-card {background:#fff; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.08); overflow:hidden; margin-bottom:30px}
.profile-header {position:relative}
.profile-cover {height:160px; background-size:cover; background-position:center}
.profile-info {position:absolute; top:50%; transform:translateY(-50%); display:flex; align-items:flex-end; margin-bottom:20px; padding:0 30px}
.avatar-wrapper {margin-right:20px}
.avatar {width:100px; height:100px; border-radius:50%; border:4px solid #fff; background:#f5f7fa; position:relative; overflow:hidden}
.avatar-image {display:block; width:100%; height:100%; background-size:cover; background-position:center; font-size:0}
.profile-meta {padding-bottom:20px}
.profile-name {margin:0; font-size:1.6rem; line-height:1.2; font-weight:500; color:#263238; display:flex; align-items:center}
.badge {background:var(--blue-color); color:white; font-size:1.2rem; padding:10px 15px; border-radius:4px; margin-left:10px; font-weight:500}
.badge span {font-weight:400; border:1px solid transparent; border-radius:5px; font-weight:500; color:var(--white-color) !important}
.profile-location {display:flex; align-items:center; color:var(--white-color); margin-top:10px; font-size:1.4rem}
.icon-location {margin-right:5px}
.profile-tabs {padding:0 30px}
.tab-nav {display:flex; border-bottom:1px solid #e0e0e0; margin:0 -30px 20px; padding:0 30px}
.tab-nav li {margin-right:25px}
.tab-nav a {display:block; padding:15px 0; color:#607d8b; font-weight:500; position:relative}
.tab-nav li.active a {color:#2196f3}
.tab-nav li.active a:after {content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#2196f3}
.profile-stats {display:flex; margin-bottom:30px; background:#f9fafc; border-radius:8px; padding:15px}
.stat-card {flex:1; text-align:center; padding:10px}
.stat-value {font-size:24px; font-weight:600; color:#263238}
.stat-label {font-size:13px; color:#607d8b; margin-top:5px}
.profile-details {display:flex; flex-direction:column; gap:25px; margin-bottom:30px}
.profile-card .section-title {font-size:18px; margin:0 0 15px; color:#263238; font-weight:600}
.detail-item {display:flex; align-items:center; gap:10px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #f0f2f5}
.detail-label {width:160px; color:#607d8b; font-size:14px}
.detail-value {flex:1; color:#263238; font-size:14px}
.bio,.signature {font-size:1.4rem; color:var(--text-color)}
.profile-edit-form {padding-top:15px}
.form-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:30px}
.form-section {margin-bottom:25px}
.form-section_notifications {grid-column:span 3}
.form-section-title {font-size:16px; margin:0 0 15px; color:#263238; font-weight:600; padding-bottom:8px; border-bottom:1px solid #f0f2f5}
.form-group {margin-top:15px; margin-bottom:15px}
.form-group label {display:block; margin-bottom:6px; font-size:13px; font-weight:500; color:#607d8b}
.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group textarea,.form-group select {width:100%; padding:10px 12px; border:1px solid #e0e0e0; border-radius:6px; font-size:14px; transition:border 0.2s}
.form-group input:focus,.form-group textarea:focus {border-color:#2196f3; outline:none}
.form-checkbox {display:flex; align-items:center; margin-top:10px}
.form-checkbox input {margin-right:8px}
.avatar-upload {display:flex; flex-direction:column; align-items:center}
.current-avatar {width:80px; height:80px; border-radius:50%; background-size:cover; background-position:center; border:2px solid #f0f2f5}
.upload-options {flex:1}
.social-connect {margin-top:15px}
.social-buttons {display:flex; gap:10px; margin-bottom:15px}
.social-btn {padding:8px 15px; border-radius:4px; color:white; font-size:13px; text-decoration:none}
.social-btn.vk {background:#4a76a8}
.social-btn.fb {background:#3b5998}
.social-btn.google {background:#db4437}
.form-actions {margin-top:30px; padding-top:20px; border-top:1px solid #f0f2f5; display:flex; align-items:center; gap:15px}
.btn {padding:10px 20px; border-radius:6px; font-weight:500; cursor:pointer; border:none; font-size:14px}
.btn.primary {background:#2196f3; color:white}
.btn.danger {margin:8px 0 !important; border:1px solid transparent; color:white; background:#f44336}
.connected-accounts {font-size:13px}
.file-upload-wrapper {margin:15px 0}
.file-upload-label {display:inline-flex !important; align-items:center; padding:12px 20px; background-color:#f8f9fa; border:2px dashed #ced4da; border-radius:8px; cursor:pointer; transition:all 0.3s ease; position:relative; overflow:hidden; width:100%}
.file-upload-label:hover {background-color:#e9ecef; border-color:#adb5bd}
.file-upload-label:active {transform:translateY(1px)}
.upload-icon {margin-right:10px; color:#495057}
.upload-text {font-weight:500; color:#495057}
.file-name {margin-left:10px; color:#6c757d; font-size:0.9em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px}
.file-upload-input {position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; cursor:pointer}
@keyframes pulse {0% {transform:scale(1)}
 50% {transform:scale(1.05)}
 100% {transform:scale(1)}
}
.file-upload-label.file-selected {animation:pulse 0.5s ease; border-color:#4dabf7; background-color:#e7f5ff}
.file-upload-label.file-selected .upload-icon {color:#228be6}
.file-upload-label.file-selected .upload-text {color:#228be6}
.form-check-label span {font-size:1.45rem}
.tag-cloud {position:relative}
.tag-cloud__inner {background:white; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.05); overflow:hidden}
.tag-cloud__header {padding:2rem; text-align:center; background:linear-gradient(135deg,#f5f7fa 0,#e4e8eb 100%)}
.tag-cloud__title {font-size:2.5rem; margin:0; color:var(--text-color); font-weight:700}
.tag-cloud__subtitle {font-size:1.35rem; color:var(--text-color); opacity:0.8; margin:0.5rem 0 0}
.tag-cloud__content {padding:2rem}
.tag-cloud__list {display:flex; flex-wrap:wrap; gap:0.8rem; justify-content:center; align-items:center; min-height:150px}
.tag-cloud__list>span {display:inline-block; transition:all 0.3s ease}
.tag-cloud__list>span a {display:block; padding:8px 13px; border-radius:5px; text-decoration:none; color:var(--text-color); background-color:#f8f9fa; transition:all 0.3s ease; border:1px solid #e0e3e7}
.tag-cloud__list>span a:hover {background-color:rgba(12,116,236,0.1); color:var(--blue-color); transform:translateY(-3px); box-shadow:0 4px 12px rgba(12,116,236,0.15)}
.tag-cloud__list>.clouds_xsmall a {font-size:1.6rem; padding:0.4rem 0.8rem}
.tag-cloud__list>.clouds_xlarge a {font-size:2rem; font-weight:700}
@keyframes tag-fade-in {from {opacity:0; transform:scale(0.8)}
 to {opacity:1; transform:scale(1)}
}
.tag-cloud__list>span {animation:tag-fade-in 0.5s ease both}
 .registration {color:var(--text-color)}
 .registration__container {background:var(--white-color); border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.05); overflow:hidden}
 .registration__header {padding:2rem; text-align:center; background:linear-gradient(135deg,#f5f7fa 0,#e4e8eb 100%); border-bottom:1px solid #e0e3e7}
 .registration__title {font-size:3.2rem; margin:0; color:var(--dark-color); font-weight:700}
 .registration__content {padding:2rem}
 .registration__intro {margin-bottom:2rem; font-size:1.4rem}
 .registration__link {color:var(--blue-color); text-decoration:none}
 .registration__link:hover {text-decoration:underline}
 .registration__fields {list-style:none; padding:0; margin:0 0 2rem}
 .registration__field {margin-bottom:1.5rem}
 .registration__label {display:block; margin-bottom:0.5rem; font-weight:500; font-size:1.3rem}
 .registration input {margin:0; transition:all 0.2s ease}
 .registration__login-check {display:flex; gap:0.5rem}
 .registration__check-btn {flex-shrink:0; padding:0 1.2rem; background-color:var(--blue-color); color:var(--white-color); border:none; border-radius:6px; font-weight:500; transition:all 0.2s ease}
 .registration__check-btn:hover {background-color:rgb(10,104,212)}
 .registration__check-result {margin-top:0.5rem; font-size:0.85rem}
 .registration__textarea {resize:vertical; min-height:120px; transition:all 0.2s ease}
 .registration__textarea:focus {border-color:var(--blue-color); outline:none; box-shadow:0 0 0 3px rgba(12,116,236,0.1)}
 .registration__file-upload {position:relative}
 .registration__file-input {position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; cursor:pointer}
 .registration__file-label {display:inline-block; padding:0.8rem 1.5rem; background-color:#f5f7fa; border:1px dashed #e0e3e7; border-radius:6px; cursor:pointer; transition:all 0.2s ease}
 .registration__file-label:hover {border-color:var(--blue-color); background-color:rgba(12,116,236,0.05)}
 .registration__file-text {font-size:1.3rem}
 .registration__captcha {display:flex; flex-direction:column; gap:0.5rem}
 .registration__xfields-table {width:100%; border-collapse:collapse}
 .registration__xfields-table td {padding:0.8rem 0; border-bottom:1px solid #e0e3e7}
 .feedback {background:var(--white-color); border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.05); overflow:hidden}
.feedback__container {padding:30px}
.feedback__title {font-size:28px; margin:0 0 25px; color:var(--text-color); font-weight:600}
.feedback-form__content {display:grid; gap:20px}
.feedback-form__row {display:grid; gap:20px}
.feedback-form__row--double {grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.feedback-form__field {position:relative}
.feedback-form__label {position:absolute; left:12px; top:16px; color:var(--gray-color); font-size:14px; transition:all 0.2s ease; pointer-events:none; background:var(--white-color); padding:0 5px; transform-origin:left center}
.feedback-form__label-text {display:inline-block}
.feedback-form__select-label {display:block; margin-bottom:8px; font-size:14px; color:var(--text-color); font-weight:500}
.feedback-form__input,.feedback-form__textarea {width:100%; padding:16px 15px; border:1px solid rgb(230,230,230); border-radius:8px; font-size:15px; transition:all 0.2s ease; background:white; color:var(--text-color)}
.feedback-form__input:focus,.feedback-form__textarea:focus {outline:none; box-shadow:0 0 0 3px rgba(12,116,236,0.1)}
.feedback-form__input:focus + .feedback-form__label .feedback-form__label-text,.feedback-form__input:not(:placeholder-shown) + .feedback-form__label .feedback-form__label-text,.feedback-form__input:focus + .feedback-form__label,.feedback-form__input:not(:placeholder-shown) + .feedback-form__label,.feedback-form__textarea:focus + .feedback-form__label,.feedback-form__textarea:not(:placeholder-shown) + .feedback-form__label {transform:translateY(-14px) scale(0.9); color:var(--blue-color)}
.feedback-form__textarea {min-height:150px; resize:vertical}
.feedback-form__file-label {display:block; margin-bottom:8px; font-size:14px; color:var(--text-color); font-weight:500}
.file-upload__label {display:inline-flex; align-items:center; padding:12px 20px; background-color:rgb(245,245,245); border:1px dashed rgb(230,230,230); border-radius:8px; cursor:pointer; transition:all 0.3s ease}
.file-upload__label:hover {border-color:var(--blue-color); background-color:rgba(12,116,236,0.05)}
.file-upload__icon {margin-right:10px; color:var(--gray-color)}
.file-upload__text {font-size:14px; color:var(--text-color)}
.file-upload__input {display:none}
.captcha {display:flex; align-items:center; gap:15px}
.captcha__code {flex-shrink:0}
.captcha__field {position:relative; flex-grow:1}
.captcha__label {position:absolute; left:12px; top:16px; color:var(--gray-color); font-size:14px; transition:all 0.2s ease; pointer-events:none; background:white; padding:0 5px; transform-origin:left center}
.captcha__input {width:100%; padding:16px 15px; border:1px solid rgb(230,230,230); border-radius:8px; font-size:15px}
.captcha__input:focus {border-color:var(--blue-color); outline:none}
.captcha__input:focus + .captcha__label,.captcha__input:not(:placeholder-shown) + .captcha__label {transform:translateY(-14px) scale(0.9); color:var(--blue-color)}
.feedback-form__actions {margin-top:25px}
.feedback-form__submit {display:inline-flex; align-items:center; justify-content:center; padding:14px 28px; background-color:var(--blue-color); color:white; border:none; border-radius:8px; font-size:16px; font-weight:500; cursor:pointer; transition:all 0.2s ease}
.feedback-form__submit:hover {background-color:rgb(11,104,212); transform:translateY(-1px)}
.feedback-form__submit:active {transform:translateY(0)}
.feedback-form__submit-text {margin-right:10px}
.feedback-form__submit-icon {stroke-width:2}
@media (max-width:1024px) {.form-grid {grid-template-columns:repeat(2,1fr)}
 .form-section_notifications {grid-column:span 2}
}
@media (max-width:576px) {.tag-cloud__title {font-size:2rem}
 .tag-cloud__list {gap:0.6rem}
 .tag-cloud__list>span a {padding:0.5rem 0.9rem}
 .profile-tabs {padding:0 10px}
 .form-grid {grid-template-columns:1fr}
 .form-section_notifications {grid-column:1}
 .file-upload-label {flex-direction:column}
 .registration__header {padding:1.5rem}
.registration__title {font-size:1.7rem}
.registration__content {padding:1.5rem}
.registration__login-check {flex-direction:column}
.registration__check-btn {padding:0.5rem}
 .feedback__container {padding:20px}
 .feedback-form__row--double {grid-template-columns:1fr}
}
