.update-notification{position:fixed;top:1rem;right:1rem;z-index:1000;max-width:400px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.update-notification--blog_created{border-left:4px solid var(--color-success, #10b981)}.update-notification--blog_updated{border-left:4px solid var(--color-info, #3b82f6)}.update-notification__content{display:flex;align-items:center;justify-content:space-between;padding:1rem;gap:.75rem}.update-notification__message{color:var(--color-text);font-size:.875rem;line-height:1.4;flex:1}.update-notification__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.update-notification__close:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .05));color:var(--color-text)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.update-notification{top:.5rem;right:.5rem;left:.5rem;max-width:none}}.error-display{padding:1rem;background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:8px;margin-bottom:1rem}.error-display__content{display:flex;align-items:flex-start;gap:.75rem}.error-display__icon{color:var(--color-error, #ef4444);flex-shrink:0;margin-top:.125rem}.error-display__message{flex:1}.error-display__title{font-size:1rem;font-weight:600;color:var(--color-error, #ef4444);margin:0 0 .25rem}.error-display__text{font-size:.875rem;color:var(--color-error-text, #991b1b);margin:0;line-height:1.4}.error-display__dismiss{background:none;border:none;color:var(--color-error, #ef4444);cursor:pointer;padding:.25rem;border-radius:4px;flex-shrink:0;transition:background-color .2s ease}.error-display__dismiss:hover{background-color:var(--color-error-hover, rgba(239, 68, 68, .1))}.dark .error-display{background-color:#ef44441a;border-color:#ef44444d}.dark .error-display__text{color:#fca5a5}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__title{font-size:1.5rem;font-weight:600;color:var(--color-error, #ef4444);margin-bottom:1rem}.error-boundary__message{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.error-boundary__button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-boundary__button:hover{background-color:var(--color-primary-dark)}.toaster{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toaster>*{pointer-events:auto}.toast-content{display:flex;flex-direction:column;flex:1}.toast-container>*{pointer-events:auto}.status-message{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:500px;padding:12px 16px;border-radius:4px;box-shadow:0 2px 8px #00000026;animation:slide-in .3s ease-out}.status-message--success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status-message--error{background-color:#fff1f0;border:1px solid #ffccc7;color:#f5222d}.status-message--info{background-color:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.status-message__content{display:flex;align-items:center;justify-content:space-between}.status-message__text{flex-grow:1;margin-right:12px}.status-message__dismiss{background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.7}.status-message__dismiss:hover{opacity:1}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tabs{width:100%;display:flex;flex-direction:column;height:100%}.tabs__list{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:0;background-color:var(--bg-secondary)}.tabs__tab{flex:1;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:all .2s ease}.tabs__tab:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.tabs__tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.tabs--bordered{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 25px #00000026}.tabs--bordered .tabs__list{border-bottom:none;background-color:var(--bg-secondary)}.tabs--vertical{display:flex;flex-direction:row}.tabs--vertical .tabs__list{flex-direction:column;border-bottom:none;border-right:2px solid var(--border-color);min-width:200px}.tabs--vertical .tabs__trigger{border-bottom:none;border-right:3px solid transparent;text-align:left}.tabs--vertical .tabs__trigger--active{border-right-color:#2563eb;border-bottom-color:transparent}.breadcrumb{margin-bottom:20px}.breadcrumb__item{display:flex;align-items:center;gap:8px}.breadcrumb__link{text-decoration:none;transition:color var(--transition-fast, .15s ease)}.breadcrumb__link:hover{color:var(--primary-600)}.breadcrumb__button{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast, .15s ease)}.breadcrumb__button:hover{color:var(--primary-600)}.breadcrumb__current{font-weight:500}.breadcrumb__ellipsis{cursor:default}.breadcrumb__separator{color:var(--text-muted);display:flex;align-items:center}.menu-level1-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.menu-level1-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease}.menu-level1-link:hover{color:var(--color-primary)}.menu-level1-icon{font-size:1rem}.menu-level2,.menu-level3,.menu-level4{margin-left:1rem}.menu-level-item{border-left:1px solid var(--border-color);padding-left:1rem;margin-bottom:.25rem}.menu-level-link,.menu-level-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--text-primary);text-decoration:none;font-size:.875rem;border-radius:var(--radius-sm);transition:all .2s ease;position:relative}.menu-level-link:hover{color:var(--color-primary)}.menu-level-header{cursor:pointer;font-weight:500}.menu-level-icon{font-size:.875rem;flex-shrink:0}.menu-level-title{flex:1}.menu-level-toggle{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.menu-level-toggle:hover{color:var(--text-primary)}.menu-level-toggle--expanded{transform:rotate(90deg)}.menu-level-children{display:block;margin-top:.5rem;padding-left:.5rem;height:35px;overflow:visible;opacity:1;visibility:visible}@media (max-width: 768px){.tabs__list{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs__list::-webkit-scrollbar{display:none}.breadcrumb__item{gap:4px}}.mobile-menu__toggle{display:none;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu{position:fixed;inset:0;z-index:9999;visibility:hidden;opacity:0;transition:var(--transition-base)}.mobile-menu--open{visibility:visible;opacity:1}.mobile-menu__overlay{position:absolute;inset:0;background:#00000080}.mobile-menu__content{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--bg-primary);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .3s ease}.mobile-menu--open .mobile-menu__content{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:flex-end;padding:var(--space-4);border-bottom:1px solid var(--border-color)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu__navigation{padding:var(--space-4)}@media (max-width: 768px){.mobile-menu__toggle{display:flex}}.user-menu{position:relative;display:inline-block}.user-menu__trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal, .25s ease)}.user-menu__trigger:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.user-menu__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-menu__dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px}.user-menu__header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.user-menu__name{font-weight:600;color:var(--text-primary);font-size:14px}.user-menu__email{font-size:12px;color:var(--text-muted);margin-top:2px}.user-menu__items{padding:8px 0}.user-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.user-menu__item:hover{background-color:var(--bg-hover)}.user-menu__divider{height:1px;background-color:var(--border-color);margin:4px 0}.sidebar__nav-link,.admin-sidebar__link,.nav__link,.menu__link,[class*=nav-link],[class*=menu-link]{text-decoration:none!important;cursor:pointer}.breadcrumb{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem}.breadcrumb__list{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:.5rem}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.breadcrumb__link:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb__current{color:var(--text-primary);font-size:.875rem;font-weight:500}.breadcrumb__separator{color:var(--text-muted)}@media (max-width: 768px){.breadcrumb{padding:.5rem .75rem}.breadcrumb__link,.breadcrumb__current{font-size:.8125rem}}.dark .breadcrumb{background:var(--bg-tertiary)}.admin-layout{min-height:100vh;background:var(--bg-primary)}.admin-layout .main-content{width:100%;min-height:100vh}.admin-layout .page-container{width:100%;max-width:100%;padding:0;margin:0}.confirm-dialog__overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1.5rem;width:100%;max-width:400px;animation:dialog-fade-in .2s ease-out}.confirm-dialog__title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#333}.confirm-dialog__message{margin:0 0 1.5rem;color:#555;line-height:1.5}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem}.confirm-dialog__button{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-dialog__button--cancel{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.confirm-dialog__button--cancel:hover{background-color:#e2e8f0}.confirm-dialog__button--confirm{background-color:#dc2626;border:none;color:#fff}.confirm-dialog__button--confirm:hover{background-color:#b91c1c}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal{background:#fff;border-radius:8px;max-width:400px;width:90%;box-shadow:0 20px 40px #0000004d}.delete-modal__header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.delete-modal__title{font-size:1.125rem;font-weight:600;color:var(--color-error);margin:0}.delete-modal__content{padding:1.5rem;text-align:center}.delete-dialog__warning{display:flex;justify-content:center;margin-bottom:1rem;color:var(--color-error)}.delete-dialog__message{font-size:.875rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.4}.delete-dialog__details{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.delete-dialog__list{list-style:none;padding:0;margin:0 0 1rem;color:var(--text-secondary);text-align:left}.delete-dialog__list li{font-size:.8rem;margin-bottom:.25rem;padding-left:1rem;position:relative}.delete-dialog__list li:before{content:"•";position:absolute;left:0;color:var(--color-error)}.delete-dialog__final-warning{font-size:.8rem;color:var(--color-error);background-color:rgba(var(--color-error-rgb),.1);padding:.75rem;border-radius:4px;border:1px solid var(--color-error);margin-bottom:1.5rem}.delete-modal__actions{display:flex;gap:.75rem;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color)}.delete-modal__button{padding:.5rem 1.25rem;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:80px}.delete-modal__button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.delete-modal__button--secondary:hover:not(:disabled){background-color:var(--bg-hover)}.delete-modal__button--danger{background-color:var(--color-error);color:#fff}.delete-modal__button--danger:hover:not(:disabled){background-color:#f19999}.verification-modal__content{background:var(--bg-primary);border-radius:8px;padding:2rem;max-width:400px;width:90%;text-align:center}.verification-modal__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.verification-modal__message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.verification-modal__button{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.verification-modal__button:hover{background:var(--color-primary-dark)}.feature-card{padding:1.5rem;border-radius:8px;background-color:var(--color-bg-card);box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);margin-bottom:1rem}.feature-card__title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.feature-card__description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem;flex-grow:1}.feature-card__link{font-weight:500;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;margin-top:auto;transition:color .2s ease}.feature-card__link:hover{color:var(--color-primary-dark)}.feature-card__link-icon{margin-left:4px;transition:transform .2s ease}.feature-card__link:hover .feature-card__link-icon{transform:translate(3px)}.pricing-card{padding:2rem;border-radius:10px;background-color:var(--color-bg-card);box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative;border:1px solid var(--color-border)}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001f}.pricing-card--featured{border:2px solid var(--color-primary)}.pricing-card__header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026}.pricing-card__title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.pricing-card__description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem}.pricing-card__price{font-size:1.25rem;font-weight:400;color:var(--color-text);margin-bottom:.5rem}.pricing-card__amount{font-size:3rem;font-weight:700;color:var(--color-primary)}.pricing-card__period{font-size:.9rem;color:var(--color-text-secondary)}.pricing-card__features{list-style:none;margin:0 0 2rem;flex-grow:1}.pricing-card__feature{display:flex;align-items:center;margin-bottom:1rem;color:var(--color-text);font-size:.95rem}.pricing-card__feature--included{opacity:1}.pricing-card__feature--excluded{opacity:.5;text-decoration:line-through}.pricing-card__feature-icon{margin-right:.75rem;flex-shrink:0}.pricing-card__feature-icon--included{color:var(--color-success)}.pricing-card__feature-icon--excluded{color:var(--color-text-secondary)}.pricing-card__cta{margin-top:auto;width:100%;text-align:center}.team-card{border-radius:8px;background-color:var(--color-bg-card);box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.team-card__image-container{position:relative;overflow:hidden;height:280px}.team-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.team-card:hover .team-card__image{transform:scale(1.05)}.team-card__content{padding:1.5rem;text-align:center}.team-card__name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.team-card__role{color:var(--color-primary);font-size:.9rem;margin-bottom:1rem;font-weight:500}.team-card__bio{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.team-card__social{display:flex;justify-content:center;gap:1rem;margin-top:auto}.team-card__social-link{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease}.team-card__social-link:hover{background-color:var(--color-primary);color:#fff}.testimonial-card{padding:2rem;border-radius:12px;background-color:var(--color-bg-card);box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.testimonial-card:before{content:'"';position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:var(--color-primary);opacity:.3;font-family:serif}.testimonial-card__quote{font-size:1.1rem;line-height:1.6;color:var(--color-text);margin-bottom:2rem;flex-grow:1;font-style:italic;position:relative;z-index:1}.testimonial-card__author{display:flex;align-items:center;gap:1rem;margin-top:auto}.testimonial-card__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.testimonial-card__info{display:flex;flex-direction:column;gap:.25rem}.testimonial-card__name{font-weight:600;color:var(--color-text);font-size:.95rem}.testimonial-card__role{color:var(--color-text-secondary);font-size:.85rem}.testimonial-card__rating{display:flex;gap:.25rem;margin-top:.5rem}.testimonial-card__star{color:var(--color-warning, #fbbf24);width:16px;height:16px}.captcha-button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-primary);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;font-size:0;position:relative;overflow:hidden}.captcha-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.captcha-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.captcha-button--sm{width:32px;height:32px}.captcha-button--md{width:40px;height:40px}.captcha-button--lg{width:48px;height:48px}.captcha-button--unsolved{border-color:var(--color-primary);color:var(--text-primary)}.captcha-button--solved{border-color:#10b981;background:#f0fdf4;color:#10b981}.captcha-button--solved .captcha-button__icon svg{color:#10b981}.captcha-button--disabled{opacity:.6;cursor:not-allowed;transform:none!important}.captcha-button__icon{display:flex;align-items:center;justify-content:center;line-height:1}.captcha-button__icon svg{width:28px;height:28px}.captcha-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.captcha-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:400px;max-width:90vw;max-height:90vh;animation:scaleIn .2s ease;border:1px solid var(--border-color)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.captcha-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.captcha-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.captcha-modal__close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.captcha-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.captcha-modal__content{padding:1.5rem}.captcha-modal__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.captcha-modal__loading .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.captcha-modal__error{text-align:center;padding:2rem}.captcha-modal__error button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.captcha-modal__error button:hover{background:var(--color-primary-dark)}.puzzle-canvas{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:280px;position:relative}.puzzle-canvas__main{position:relative;width:200px;height:150px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.puzzle-canvas__main--drag-over{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.puzzle-canvas__image{width:100%;height:100%;object-fit:cover;display:block}.puzzle-canvas__missing-area{position:absolute;border:2px dashed #dc3545;background:#dc35451a;pointer-events:none}.puzzle-canvas__instructions{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.puzzle-canvas__pieces{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.puzzle-piece{cursor:grab;border-radius:6px;transition:all .2s ease;border:2px solid transparent;background:var(--bg-primary);padding:4px}.puzzle-piece:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:var(--color-primary)}.puzzle-piece:active{cursor:grabbing}.puzzle-piece--dragging{opacity:.8;transform:rotate(3deg) scale(1.1);z-index:10;box-shadow:0 8px 16px #0000004d;border:2px solid var(--color-primary);background:var(--bg-primary)}.puzzle-piece__image{display:block;border-radius:4px;max-width:60px;max-height:50px;pointer-events:none}.puzzle-canvas__status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:6px;margin:0 auto 1rem;font-size:.875rem;font-weight:500;animation:slideDown .3s ease;min-width:150px;width:fit-content}.puzzle-canvas__status--validating{background:var(--color-primary);color:#fff}.puzzle-canvas__status--success{background:#10b981;color:#fff}.puzzle-canvas__status--error{background:#ef4444;color:#fff}.puzzle-canvas__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.puzzle-canvas__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:50%}.puzzle-canvas__icon--success,.puzzle-canvas__icon--error{background:#fff3}@media (max-width: 480px){.captcha-modal{width:350px;margin:1rem}.captcha-modal__header,.captcha-modal__content{padding:1rem}.puzzle-canvas__main{width:180px;height:135px}.puzzle-piece__image{max-width:50px;max-height:40px}}.contact-form{width:100%;max-width:400px;margin:0 auto;padding:2rem;background-color:rgb(from var(--color-primary) r g b / .2);border-radius:12px;box-shadow:0 4px 16px #00000014}.contact-form__field{margin-bottom:1.5rem}.contact-form__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text);font-size:.9rem}.contact-form__input,.contact-form__textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background-color:var(--color-bg-primary);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.contact-form__textarea{resize:vertical;min-height:120px;font-family:inherit}.contact-form__captcha{margin-top:.5rem}.contact-form__submit-section{display:flex;align-items:center;gap:1rem}.contact-form__submit{flex:1;padding:.875rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.contact-form__submit:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.required-field{color:var(--color-error, #ef4444)}@media (max-width: 768px){.contact-form{margin:0 1rem;padding:1.5rem}.contact-form__submit-section{flex-direction:column;gap:1rem}.contact-form__captcha{order:0;align-self:center}}.auth-form{width:100%;max-width:400px}.auth-form__container{display:flex;flex-direction:column;gap:var(--space-6)}.auth-form__fields{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form__label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.required-field{color:var(--color-error)}.auth-form__input{width:100%}.auth-form__bottom{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__submit-section{display:flex;flex-direction:row;gap:var(--space-4);align-items:center;justify-content:space-between}.auth-form__captcha{display:flex;align-items:center}.auth-form__submit{flex:1;min-height:44px}.auth-form__links{display:flex;gap:var(--space-4)}.auth-form__links--centered{justify-content:center}.auth-form__link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.auth-form__link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-form--register{width:100%;max-width:400px}.auth-form__hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin:var(--space-1) 0 0 0;font-style:italic}.about{padding:0}.about__hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #2563eb) 100%);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.about__hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:.3}.about__hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 1rem}.about__hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.about__hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.about__hero-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.about__badge{background:#fff3;backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.about__section{padding:4rem 0;margin-bottom:20px;border-radius:16px}.about__section:nth-of-type(2n){background:var(--bg-secondary, #f8fafc)}.about__section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;position:relative;color:var(--text-primary)}.about__section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light, #60a5fa));border-radius:2px}.about__content{max-width:1200px;margin:0 auto;padding:0 1rem}.about__description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);text-align:center;margin-bottom:2rem}.about__actions{display:flex;gap:1rem;flex-wrap:wrap;float:right}.about__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.about__feature{background-color:rgb(from var(--color-primary) r g b / .2);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.about__feature:hover{transform:translateY(-5px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.about__feature-icon{font-size:3rem;margin-bottom:1rem}.about__feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.about__feature-description{color:var(--text-secondary);line-height:1.6}.about__technologies{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}.about__technology{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-primary);border-radius:12px;text-decoration:none;color:inherit;border:1px solid var(--border-color);transition:all .3s ease}.about__technology:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--color-primary)}.about__technology-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.about__technology-info{flex:1}.about__technology-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.about__technology-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width: 768px){.about__hero{padding:3rem 0}.about__hero-title{font-size:2.5rem}.about__section{padding:3rem 0}.about__section-title{font-size:2rem}.about__features{grid-template-columns:1fr;gap:1.5rem}.about__technologies{grid-template-columns:1fr}}.blog-page{min-height:100vh;background-color:var(--bg-primary);padding:2rem;position:relative}.blog-page__container{position:relative;max-width:1200px;margin:0 auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);overflow:hidden}.blog-page__main{padding:2rem}.blog-page__header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.blog-page__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;flex-shrink:0}.blog-page__description{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0;flex:1;text-align:center}.blog-page__realtime-indicator{display:inline-block;color:#10b981;font-size:8px;animation:pulse 2s infinite;cursor:pointer;transition:transform .2s ease;margin-left:8px;margin-bottom:15px;position:relative}.blog-page__realtime-label{position:absolute;top:-1px;right:-12px;font-size:10px;color:#10b981;font-weight:500;white-space:nowrap}.blog-page__realtime-indicator:hover{transform:scale(1.2)}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.blog-page__sidebar-tab{position:absolute;top:120px;right:-1px;z-index:10;transition:right .3s ease-out}.blog-page__sidebar-tab--open{right:399px}.blog-page__content{min-height:300px}.blog-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.blog-page__loading{display:flex;justify-content:center;align-items:center;min-height:300px}.blog-page__error{text-align:center;padding:2rem;background-color:var(--error-50);border-radius:.5rem;color:var(--error-600);border:1px solid var(--error-200)}.blog-page__sidebar{position:absolute;top:0;right:-400px;width:400px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);transition:right .3s ease-out;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:var(--space-6)}.blog-page__sidebar--open{right:0}.blog-page__sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.blog-page__sidebar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.blog-page__sidebar-overlay,.blog-page__filter{display:none}.blog-page__categories{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.blog-page__category-button{text-align:left;background:none;border:none;padding:.85rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:500;position:relative;overflow:hidden}.blog-page__category-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.blog-page__category-button--active{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.blog-page__category-button--active:hover{background-color:var(--bg-hover);box-shadow:0 4px 6px #0000001a}.blog-page__empty{grid-column:1 / -1;text-align:center;padding:3rem;background-color:var(--bg-secondary);border-radius:.5rem;color:var(--text-secondary);border:1px solid var(--border-color)}@media (max-width: 768px){.blog-page{padding:1rem}.blog-page__main{padding:1.5rem}.blog-page__grid{grid-template-columns:1fr;gap:1rem}.blog-page__sidebar{width:100vw;right:-100vw}.blog-page__sidebar--open{right:0}.blog-page__sidebar-tab{position:absolute;top:120px;right:1rem}.sidebar-tab__button{position:relative}.blog-page__title{font-size:1.75rem}.blog-page__header{flex-direction:column;align-items:flex-start;gap:1rem}.blog-page__description{text-align:left;justify-content:flex-start}}.contact-page{min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative}.contact-page__container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2}.contact-page__header{margin-bottom:3rem;text-align:center}.contact-page__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.contact-page__description{color:var(--text-secondary);margin:0 auto 2rem;max-width:700px;text-align:center;font-size:1.1rem;line-height:1.6}.contact-page__content{display:flex;justify-content:center;align-items:flex-start;max-width:600px;margin:0 auto}.bp-contact-form{width:100%;max-width:500px;margin:0 auto;padding:2.5rem;background-color:rgb(from var(--color-primary) r g b / .2);border-radius:16px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color)}.contact-form__header{margin-bottom:2rem;text-align:center}.contact-form__header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-form__header p{color:var(--text-secondary);font-size:.9rem}.contact-form__form{display:flex;flex-direction:column;gap:1.5rem}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form__field{display:flex;flex-direction:column}.contact-form__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.contact-form__input,.contact-form__textarea{width:100%;padding:.5rem;font-size:1rem;border:2px solid var(--color-primary);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__error{padding:1rem;background-color:var(--error-50);border:1px solid var(--error-200);border-radius:8px;margin-bottom:1rem}.contact-form__error p{color:var(--error-600)}.contact-form__bottom{display:flex;justify-content:flex-end;margin-top:1rem}.contact-form__submit-section{display:flex;align-items:flex-end;gap:1rem}.contact-form__captcha{display:flex;gap:.5rem}.contact-form__submit{width:auto;min-width:140px;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.contact-form__submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f64d}.contact-form__success{text-align:center;padding:2rem}.contact-form__success h3{color:var(--success-600);margin-bottom:1rem;font-size:1.25rem}.contact-form__success p{color:var(--text-secondary)}@media (max-width: 768px){.contact-page{padding:1rem}.contact-page__title{font-size:2rem}.bp-contact-form{padding:2rem}.contact-form__row{grid-template-columns:1fr}.contact-form__bottom{justify-content:stretch}.contact-form__submit-section{align-items:stretch;gap:1rem;width:100%}.contact-form__captcha{margin-top:.2rem}.contact-form__submit{width:100%}}.blog-section{padding:4rem 0 var(--space-6);background-color:rgb(from var(--color-primary) r g b / .2);border-radius:0 0 19px 19px;box-shadow:0 2px 14px #00000024;border:1px solid var(--border-color)}.blog-section__container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 3rem)}.blog-section__title{font-size:2.5rem;font-weight:var(--font-bold);text-align:center;margin:0 0 3rem;color:var(--text-primary)}.blog-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.blog-section__actions{text-align:right}.blog-section__empty{text-align:center;padding:var(--space-6) 0}.blog-section__empty-message{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.blog-section{padding:3rem 0 var(--space-4)}.blog-section__title{font-size:2rem;margin-bottom:2rem}.blog-section__grid{grid-template-columns:1fr;gap:var(--space-4)}}.cta{padding:var(--space-16) 0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);color:#fff;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.cta__container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 1rem);position:relative;z-index:1}.cta__title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-align:center;margin:0 0 var(--space-6);max-width:800px;margin-left:auto;margin-right:auto}.cta__description{font-size:var(--text-xl);line-height:var(--leading-relaxed);text-align:center;margin:0 0 var(--space-8);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta__actions .cta__button--primary,.cta__actions .cta__button--secondary{min-width:160px}.cta__button--primary{background:#fff;color:var(--primary-600);border-color:#fff}.cta__button--primary:hover{background:var(--gray-50);color:var(--primary-700);transform:translateY(-2px)}.cta__button--secondary{background:transparent;color:#fff;border-color:#ffffff4d}.cta__button--secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.cta{padding:var(--space-12) 0}.cta__title{font-size:var(--text-3xl)}.cta__description{font-size:var(--text-lg)}.cta__actions{flex-direction:column;align-items:center}.cta__actions .cta__button--primary,.cta__actions .cta__button--secondary{width:100%;max-width:280px}}.product-export-menu{position:relative;display:inline-block}.product-export-menu__dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:280px;z-index:1000;padding:16px}.product-export-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.product-export-menu__close{background:none;border:none;cursor:pointer;padding:4px}.product-export-menu__options{margin-bottom:16px}.product-export-menu__option{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer}.product-export-menu__formats{display:flex;flex-direction:column;gap:8px}.product-export-menu__format{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.product-export-menu__format:hover{background:#f9fafb;border-color:#d1d5db}.product-share-menu{position:relative;display:inline-block}.product-share-menu__dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:300px;z-index:1000;padding:16px}.product-share-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.product-share-menu__close{background:none;border:none;cursor:pointer;padding:4px}.product-share-menu__url{display:flex;gap:8px;margin-bottom:16px}.product-share-menu__url-input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.product-share-menu__copy{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.product-share-menu__copy:hover{background:#f9fafb}.product-share-menu__copy--success{background:#dcfce7;border-color:#16a34a;color:#16a34a}.product-share-menu__platforms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.product-share-menu__platform{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.product-share-menu__platform:hover{background:#f9fafb;border-color:var(--platform-color, #d1d5db)}.product-share-menu__qr{border-top:1px solid #e5e7eb;padding-top:16px}.product-share-menu__qr-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;width:100%}.product-share-menu__qr-code{text-align:center;margin-top:12px}.product-share-menu__qr-code img{max-width:150px;height:auto}.product-share-menu__qr-code p{margin-top:8px;font-size:12px;color:#6b7280}@media (max-width: 768px){.product-share-menu__dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;max-width:90vw;max-height:90vh;overflow-y:auto}}.products-page{min-height:calc(100vh - 64px);padding:2rem 0}.products-page__container{max-width:1200px;margin:0 auto;padding:0 1rem}.products-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.products-page__title-section{flex:1;text-align:center}.products-page__actions{flex-shrink:0}.products-page__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.products-page__description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.products-page__content{display:grid;grid-template-columns:280px 1fr;gap:2rem}.products-page__sidebar{display:flex;flex-direction:column;gap:1.5rem}.products-page__main{min-height:400px}.products-page__loading,.products-page__error{text-align:center;padding:3rem;color:var(--text-secondary)}.products-page__error{color:var(--color-error)}.product-grid__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.product-grid__empty{text-align:center;padding:3rem;color:var(--text-secondary)}.product-grid__empty-content h3{margin-bottom:.5rem;color:var(--text-primary)}.product-card-public{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%}.product-card-public:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-primary)}.product-card-public__link{display:block;text-decoration:none;color:inherit;height:100%}.product-card-public__image{position:relative;width:100%;height:200px;overflow:hidden;background:var(--bg-secondary)}.product-card-public__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-public:hover .product-card-public__image img{transform:scale(1.05)}.product-card-public__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.product-card-public__category{position:absolute;top:12px;left:12px;background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.product-card-public__content{padding:1.5rem;display:flex;flex-direction:column;height:calc(100% - 200px)}.product-card-public__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.product-card-public__description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card-public__price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.product-card-public__features{margin-bottom:1rem}.product-card-public__feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.product-card-public__feature svg{color:var(--color-success)}.product-card-public__feature-more{font-size:.75rem;color:var(--color-primary);font-weight:500;margin-top:.25rem}.product-card-public__footer{margin-top:auto}.product-card-public__cta{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:500;font-size:.875rem;transition:gap .2s ease}.product-card-public:hover .product-card-public__cta{gap:.75rem}.category-tree-public{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.category-tree-public__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.category-tree-public__title{font-size:1rem;font-weight:600;margin:0}.category-tree-public__clear{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.category-tree-public__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.category-tree-public__list{padding:.5rem}.category-tree-public__button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;color:var(--text-secondary);font-size:.875rem}.category-tree-public__button:hover{background:var(--bg-hover);color:var(--text-primary)}.category-tree-public__button--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.product-search{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.product-search__form{display:flex;gap:.75rem}.product-search__input-group{position:relative;flex:1}.product-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.product-search__input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--bg-primary)}.product-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.product-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.product-search__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.product-search__submit{padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.product-search__submit:hover{background:var(--color-primary-dark)}.product-pagination{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.product-pagination__container{display:flex;justify-content:center;align-items:center;gap:1rem}.product-pagination__button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.product-pagination__button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary)}.product-pagination__button:disabled{opacity:.5;cursor:not-allowed}.product-pagination__pages{display:flex;gap:.25rem}.product-pagination__page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.product-pagination__page:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary)}.product-pagination__page--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.product-pagination__dots{display:flex;align-items:center;padding:0 .5rem;color:var(--text-muted)}@media (max-width: 768px){.products-page__header{flex-direction:column;align-items:center;text-align:center}.products-page__title-section{text-align:center}.products-page__content{grid-template-columns:1fr;gap:1.5rem}.products-page__sidebar{order:2}.products-page__main{order:1}.product-grid__container{grid-template-columns:1fr}.product-search__form{flex-direction:column}.product-pagination__container{flex-wrap:wrap;gap:.5rem}.product-pagination__pages{order:2;width:100%;justify-content:center}}.category-page{padding:2rem 0}.category-page__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0}.category-page__error{text-align:center;padding:4rem 0}.category-page__header{margin-bottom:2rem}.category-page__count{color:var(--color-text-secondary);font-size:.875rem}.category-page__content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.category-page__main{display:flex;flex-direction:column;gap:2rem}.category-page__empty{text-align:center;padding:2rem;color:var(--color-text-secondary)}.category-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.category-breadcrumb__item{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.category-breadcrumb__item:hover{color:var(--color-primary)}.category-breadcrumb__item--current{color:var(--color-text-primary);font-weight:500}.category-breadcrumb__separator{color:var(--color-text-tertiary)}.subcategory-grid{margin-bottom:2rem}.subcategory-grid__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.subcategory-grid__item{display:block;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:all .2s ease}.subcategory-grid__item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading-page__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-page__message{color:var(--color-text-secondary)}@media (max-width: 768px){.category-page__content,.subcategory-grid__items{grid-template-columns:1fr}}.auth-form__success{text-align:center;padding:2rem 0}.auth-form__header{margin-bottom:2rem;text-align:center}.auth-form__title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.auth-form__description{color:var(--color-text-secondary);line-height:1.5}.auth-form__actions--centered{text-align:center}.auth-form__links--centered{margin-top:1rem;text-align:center}.auth-form__link{color:var(--color-primary);text-decoration:none;font-size:.875rem}.auth-form__link:hover{text-decoration:underline}.blog-detail-page{min-height:100vh;background-color:var(--bg-primary);padding:2rem;position:relative}.blog-detail-page__container{position:relative;max-width:1200px;margin:0 auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);overflow:hidden}.blog-detail-page__main{padding:2rem}.blog-detail-page__bottom{display:flex;flex-direction:column;gap:2rem}.blog-detail-page__navigation{text-align:center;padding:2rem 0;border-top:2px solid var(--border-color)}.blog-detail-page__sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0;border-top:1px solid var(--border-color)}.blog-detail-page__footer{padding:2rem 0;border-top:1px solid var(--border-color)}.blog-detail__loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--text-secondary)}.blog-detail__error{text-align:center;padding:var(--space-12);max-width:600px;margin:0 auto}.blog-detail__error-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--error-600);margin:0 0 var(--space-4)}.blog-detail__error-message{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.blog-detail{background-color:var(--bg-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem}.blog-detail__realtime-indicator{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--success-500);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full)}.blog-detail__content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);margin-bottom:2rem}.blog-detail__footer{padding:0;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;min-height:48px;align-items:center}.blog-detail__footer-content{display:flex;justify-content:space-between;align-items:center;padding:1rem;gap:1rem}@media (max-width: 768px){.blog-detail__footer-content{flex-direction:column;align-items:flex-start;gap:1rem}}.blog-detail__share{margin-bottom:var(--space-6);float:right;display:flex}.blog-detail__share-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-3)}.blog-detail__share-buttons{display:flex;flex-direction:column;gap:.75rem}.blog-detail__share-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s ease}.blog-detail__share-button:hover{background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.blog-detail__navigation{display:flex;justify-content:space-between;align-items:center}.blog-detail__back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:var(--transition-colors)}.blog-detail__back-link:hover{color:var(--primary-700)}.blog-detail__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-detail__tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-colors)}.blog-detail__tag:hover{background:var(--primary-100)}.blog-detail-page__sidebar{position:absolute;top:0;right:-400px;width:400px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);transition:right .3s ease-out;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:var(--space-6)}.blog-detail-page__sidebar--open{right:0}.blog-detail-page__sidebar-tab{position:absolute;top:120px;right:-1px;z-index:10;transition:right .3s ease-out}.blog-detail-page__sidebar-tab--open{right:399px}.sidebar-tab__button{background:var(--bg-primary);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;padding:.75rem;cursor:pointer;transition:all .2s ease}.sidebar-tab__button:hover{background:var(--bg-secondary)}.sidebar-tab__button svg{transition:transform .3s ease}.sidebar-tab__button--open svg{transform:rotate(180deg)}.retractable-sidebar__overlay{display:none}.blog-detail__sidebar-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.blog-detail__sidebar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.blog-detail__related-list{list-style:none;margin:0;padding:0}.blog-detail__related-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.blog-detail__related-item:last-child{border-bottom:none}.blog-detail__related-image-container{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.blog-detail__related-image{width:100%;height:100%;object-fit:cover}.blog-detail__related-content{flex:1}.blog-detail__related-title{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);margin:0 0 var(--space-1);color:var(--text-primary)}.blog-detail__related-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-detail__comments{animation:expandIn .25s ease-in-out;margin-top:2rem}.floating-comment-btn{position:fixed;bottom:2rem;right:2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #007cba4d;transition:all .3s ease;z-index:1000;animation:slideInUp .3s ease-out}.floating-comment-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #007cba66}.floating-comment-btn:active{transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.floating-comment-btn{bottom:1rem;right:1rem;padding:.75rem 1rem;font-size:.85rem}.floating-comment-btn span{display:none}}@media (max-width: 768px){.blog-detail-page{padding:1rem}.blog-detail{padding:1.5rem}.blog-detail-page__sidebar{width:100vw;right:-100vw}.blog-detail-page__sidebar--open{right:0}.blog-detail-page__sidebar-tab{position:absolute;top:120px;right:1rem}.sidebar-tab__button{position:relative}}.service-card{padding:2rem;border-radius:12px;background-color:var(--color-bg-card);box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative;text-align:center}.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001f}.service-card__badge{position:absolute;top:-10px;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026}.service-card__icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);margin:0 auto 1.5rem;font-size:1.5rem}.service-card__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.service-card__description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.service-card__features{list-style:none;margin:0 0 1.5rem;text-align:left}.service-card__feature{display:flex;align-items:center;margin-bottom:.75rem;color:var(--color-text);font-size:.9rem}.service-card__feature-icon{margin-right:.75rem;color:var(--color-success);flex-shrink:0}.service-card__price{margin-bottom:2rem;padding:1rem;background-color:var(--color-bg-secondary);border-radius:8px;text-align:center}.service-card__price-amount{font-size:2rem;font-weight:700;color:var(--color-primary)}.service-card__cta{margin-top:auto;width:100%}.font-size-dropdown{position:relative;display:inline-block}.font-size-dropdown__trigger{display:flex;align-items:center;gap:6px;padding:6px 8px;min-width:50px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;color:#374151;cursor:pointer;transition:all .15s ease}.font-size-dropdown__trigger:hover{background:#f9fafb;border-color:#9ca3af}.font-size-dropdown__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.font-size-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.font-size-dropdown__trigger--open{background:#f3f4f6;border-color:#3b82f6}.font-size-dropdown__current{flex:1;text-align:left;font-weight:500}.font-size-dropdown__arrow{flex-shrink:0;transition:transform .15s ease}.font-size-dropdown__trigger--open .font-size-dropdown__arrow{transform:rotate(180deg)}.font-size-dropdown__menu{position:absolute;top:100%;left:0;z-index:99999;margin-top:2px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;min-width:80px;width:max-content}.font-size-dropdown__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;font-size:13px;font-family:inherit;color:#374151;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;min-width:0}.font-size-dropdown__option:hover{background:#f3f4f6}.font-size-dropdown__option:focus{outline:none;background:#e5e7eb}.font-size-dropdown__option--selected{background:#eff6ff;color:#1d4ed8;font-weight:500}.font-size-dropdown__option--selected:hover{background:#dbeafe}.font-size-dropdown__option-text{flex:1;text-align:left}.font-size-dropdown__option-preview{flex-shrink:0;font-weight:400;color:#6b7280;margin-left:8px}.font-size-dropdown__option--selected .font-size-dropdown__option-preview{color:#1d4ed8}.font-size-dropdown__menu::-webkit-scrollbar{width:6px}.font-size-dropdown__menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.font-size-dropdown__menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.font-size-dropdown__menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.font-family-dropdown{position:relative;display:inline-block}.font-family-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;min-width:120px;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;color:#374151;cursor:pointer;transition:all .15s ease;gap:8px}.font-family-dropdown__trigger:hover:not(:disabled){border-color:#9ca3af;background-color:#f9fafb}.font-family-dropdown__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.font-family-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.font-family-dropdown__trigger--open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.font-family-dropdown__current{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.font-family-dropdown__arrow{flex-shrink:0;transition:transform .15s ease;color:#6b7280}.font-family-dropdown__trigger--open .font-family-dropdown__arrow{transform:rotate(180deg)}.font-family-dropdown__menu{position:absolute;top:100%;left:0;z-index:99999;margin-top:2px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:250px;overflow-y:auto;min-width:160px;width:max-content}.font-family-dropdown__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;font-size:13px;color:#374151;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;min-width:0;gap:12px}.font-family-dropdown__option:hover{background-color:#f3f4f6}.font-family-dropdown__option:focus{outline:none;background-color:#e5e7eb}.font-family-dropdown__option--selected{background-color:#eff6ff;color:#1d4ed8}.font-family-dropdown__option--selected:hover{background-color:#dbeafe}.font-family-dropdown__option-text{flex:1;text-align:left;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis}.font-family-dropdown__preview{flex-shrink:0;font-size:16px;font-weight:500;color:#6b7280;opacity:.8}.font-family-dropdown__option--selected .font-family-dropdown__preview{color:#1d4ed8}.font-family-dropdown__option-text,.font-family-dropdown__preview{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}@media (max-width: 768px){.font-family-dropdown__trigger{min-width:100px;padding:8px 6px}.font-family-dropdown__menu{min-width:140px}.font-family-dropdown__option{padding:12px 10px}}.text-alignment-dropdown{position:relative;display:inline-block}.text-alignment-dropdown__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:32px;height:32px}.text-alignment-dropdown__trigger:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.text-alignment-dropdown__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.text-alignment-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.text-alignment-dropdown__trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.text-alignment-dropdown__icon{font-size:14px;flex-shrink:0}.text-alignment-dropdown__label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-alignment-dropdown__arrow{font-size:10px;color:#6b7280;flex-shrink:0;transition:transform .2s ease}.text-alignment-dropdown__trigger.open .text-alignment-dropdown__arrow{transform:rotate(180deg)}.text-alignment-dropdown__menu{position:absolute;top:100%;left:0;width:180px;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;margin-top:2px;max-height:200px;overflow-y:auto}.text-alignment-dropdown__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:13px;text-align:left;transition:background-color .15s ease}.text-alignment-dropdown__option:hover{background:#f3f4f6}.text-alignment-dropdown__option:focus{outline:none;background:#e5e7eb}.text-alignment-dropdown__option.selected{background:#eff6ff;color:#1d4ed8}.text-alignment-dropdown__option.selected:hover{background:#dbeafe}.text-alignment-dropdown__option-icon{font-size:14px;flex-shrink:0}.text-alignment-dropdown__option-label{flex:1;font-weight:500}.text-alignment-dropdown__option-shortcut{font-size:11px;color:#6b7280;font-weight:400;flex-shrink:0}@media (min-width: 1200px){.text-alignment-dropdown__menu{min-width:200px}.text-alignment-dropdown__option{min-width:180px}}@media (max-width: 640px){.text-alignment-dropdown__trigger{min-width:30px;padding:4px 8px;height:28px;font-size:12px}.text-alignment-dropdown__label{display:none}.text-alignment-dropdown__option{padding:10px 12px;font-size:14px}.text-alignment-dropdown__option-shortcut{display:none}}.text-color-picker{position:relative;display:inline-block}.text-color-picker__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:32px;height:32px}.text-color-picker__trigger:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.text-color-picker__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.text-color-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.text-color-picker__trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.text-color-picker__preview{display:flex;align-items:center;gap:6px;flex:1}.text-color-picker__color-sample{width:16px;height:16px;border:1px solid #d1d5db;border-radius:2px;flex-shrink:0}.text-color-picker__label{font-size:13px;color:#374151}.text-color-picker__arrow{font-size:10px;color:#6b7280;flex-shrink:0;transition:transform .2s ease}.text-color-picker__trigger.open .text-color-picker__arrow{transform:rotate(180deg)}.text-color-picker__panel{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;margin-top:4px;padding:12px;min-width:240px}.color-section{margin-bottom:16px}.color-section:last-child{margin-bottom:0}.color-section__title{font-size:12px;font-weight:600;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.color-grid{display:grid;gap:4px}.color-grid--basic,.color-grid--theme{grid-template-columns:repeat(6,1fr)}.color-grid--standard{grid-template-columns:repeat(8,1fr)}.color-option{width:24px;height:24px;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;transition:all .15s ease;position:relative;display:flex;align-items:center;justify-content:center}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000001a;z-index:1}.color-option:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.color-option.selected{border-color:#3b82f6;border-width:2px;box-shadow:0 0 0 1px #3b82f633}.color-option__check{color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.custom-color-input{display:flex;gap:8px;align-items:center}.custom-color-input__picker{width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;background:none;padding:0}.custom-color-input__picker::-webkit-color-swatch-wrapper{padding:0}.custom-color-input__picker::-webkit-color-swatch{border:none;border-radius:3px}.custom-color-input__text{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-family:monospace}.custom-color-input__text:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f61a}.color-actions{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.color-action-button{width:100%;padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.color-action-button:hover{background:#f3f4f6}.color-action-button--remove{color:#dc2626;border-color:#fecaca}.color-action-button--remove:hover{background:#fef2f2;border-color:#fca5a5}@media (max-width: 640px){.text-color-picker__panel{min-width:200px;padding:10px}.color-grid--standard{grid-template-columns:repeat(6,1fr)}.color-option{width:20px;height:20px}.text-color-picker__trigger{min-width:30px;padding:4px 8px;height:28px;font-size:12px}}.list-formatting{position:relative;display:inline-flex;align-items:center;gap:4px}.list-formatting__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:32px;height:32px}.list-formatting__trigger:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.list-formatting__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.list-formatting__trigger:disabled{opacity:.5;cursor:not-allowed}.list-formatting__trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.list-formatting__trigger.active{background:#eff6ff;border-color:#3b82f6}.list-formatting__icon{font-size:14px;color:#374151;flex-shrink:0;width:16px;text-align:center}.list-formatting__label{font-size:13px;color:#374151;flex:1;text-align:left}.list-formatting__arrow{font-size:10px;color:#6b7280;flex-shrink:0;transition:transform .2s ease}.list-formatting__trigger.open .list-formatting__arrow{transform:rotate(180deg)}.list-formatting__nesting{display:flex;align-items:center;gap:2px;padding:2px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;height:32px}.list-formatting__nest-button{width:24px;height:24px;border:none;background:transparent;border-radius:2px;cursor:pointer;font-size:10px;color:#374151;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.list-formatting__nest-button:hover:not(:disabled){background:#e5e7eb;color:#111827}.list-formatting__nest-button:disabled{opacity:.4;cursor:not-allowed}.list-formatting__nest-level{font-size:11px;color:#6b7280;font-weight:500;min-width:12px;text-align:center}.list-formatting__panel{position:absolute;top:100%;right:0;width:280px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:99999;margin-top:4px;padding:12px}.list-section{margin-bottom:16px}.list-section:last-child{margin-bottom:0}.list-section__title{font-size:12px;font-weight:600;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.list-options{display:flex;flex-direction:column;gap:2px}.list-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.list-option:hover{background:#f3f4f6;border-color:#e5e7eb}.list-option:focus{outline:none;background:#eff6ff;border-color:#3b82f6}.list-option.selected{background:#eff6ff;border-color:#3b82f6}.list-option__icon{font-size:16px;color:#374151;width:20px;text-align:center;flex-shrink:0}.list-option__content{flex:1;display:flex;flex-direction:column;gap:2px}.list-option__label{font-size:14px;font-weight:500;color:#111827}.list-option__shortcut{font-size:11px;color:#6b7280;font-family:monospace}.list-option__check{color:#3b82f6;font-size:14px;font-weight:700;flex-shrink:0}.list-actions{display:flex;flex-direction:column;gap:4px}.list-action-button{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease;text-align:left}.list-action-button:hover{background:#f3f4f6}.list-action-button--remove{color:#dc2626;border-color:#fecaca}.list-action-button--remove:hover{background:#fef2f2;border-color:#fca5a5}.list-nesting-info{padding:8px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.list-nesting-info__text{font-size:11px;color:#6b7280;margin:0 0 4px;line-height:1.4}.list-nesting-info__current{font-size:11px;color:#374151;font-weight:500;margin:0}@media (min-width: 1200px){.list-formatting__panel{min-width:300px}}@media (max-width: 640px){.list-formatting__panel{min-width:240px;padding:10px}.list-formatting__trigger{min-width:30px;padding:4px 8px;height:28px;font-size:12px}.list-formatting__nesting{height:28px}.list-formatting__nest-button{width:20px;height:20px;font-size:9px}.list-option{padding:6px 10px}.list-option__label{font-size:13px}}.link-manager{position:relative;display:inline-block}.link-manager__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:32px;height:32px}.link-manager__trigger:hover:not(:disabled){border-color:#3b82f6;background:#f8fafc}.link-manager__trigger:disabled{opacity:.5;cursor:not-allowed}.link-manager__trigger.open{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.link-manager__icon{font-size:16px;line-height:1}.link-manager__label{font-size:13px;font-weight:500}.link-manager__panel{position:absolute;top:100%;right:0;z-index:99999;width:320px;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:16px}.link-manager__header{margin-bottom:16px}.link-manager__title{font-size:16px;font-weight:600;color:#111827;margin:0}.link-manager__form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.link-manager__field{display:flex;flex-direction:column;gap:4px}.link-manager__label{font-size:13px;font-weight:500;color:#374151}.link-manager__input,.link-manager__select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s ease}.link-manager__input:focus,.link-manager__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.link-manager__input.error{border-color:#ef4444}.link-manager__input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.link-manager__error{font-size:12px;color:#ef4444;margin-top:2px}.link-manager__actions{display:flex;gap:8px;flex-wrap:wrap}.link-manager__button{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:80px}.link-manager__button--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.link-manager__button--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.link-manager__button--primary:disabled{opacity:.5;cursor:not-allowed}.link-manager__button--danger{background:#ef4444;color:#fff;border-color:#ef4444}.link-manager__button--danger:hover{background:#dc2626;border-color:#dc2626}.link-manager__button--secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.link-manager__button--secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (min-width: 1200px){.link-manager__panel{min-width:320px}}@media (max-width: 480px){.link-manager__panel{width:280px;left:-50px}.link-manager__actions{flex-direction:column}.link-manager__button{flex:none}}@media (prefers-color-scheme: dark){.link-manager__trigger{background:#374151;color:#f3f4f6;border-color:#4b5563}.link-manager__trigger:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.link-manager__trigger.open{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.link-manager__panel{background:#1f2937;border-color:#374151}.link-manager__title{color:#f9fafb}.link-manager__label{color:#d1d5db}.link-manager__input,.link-manager__select{background:#374151;color:#f3f4f6;border-color:#4b5563}.link-manager__input:focus,.link-manager__select:focus{border-color:#3b82f6}.link-manager__button--secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.link-manager__button--secondary:hover{background:#4b5563;color:#f3f4f6}}.image-upload{position:relative;display:inline-block}.image-upload__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:32px;height:32px}.image-upload__trigger:hover:not(:disabled){border-color:#3b82f6;background:#f8fafc}.image-upload__trigger:disabled{opacity:.5;cursor:not-allowed}.image-upload__trigger.open{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.image-upload__icon{font-size:16px;line-height:1}.image-upload__label{font-size:13px;font-weight:500}.image-upload__panel{position:absolute;top:100%;left:0;z-index:99999;width:400px;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:16px}.image-upload__header{margin-bottom:16px}.image-upload__title{font-size:16px;font-weight:600;color:#111827;margin:0}.image-upload__dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:32px 16px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa}.image-upload__dropzone:hover{border-color:#3b82f6;background:#f0f9ff}.image-upload__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.image-upload__dropzone-icon{font-size:32px;opacity:.6}.image-upload__dropzone-text{font-size:14px;font-weight:500;color:#374151;margin:0}.image-upload__dropzone-hint{font-size:12px;color:#6b7280;margin:0}.image-upload__file-input{display:none}.image-upload__preview{position:relative;margin-bottom:16px}.image-upload__preview-image{width:100%;max-height:200px;object-fit:contain;border-radius:6px;border:1px solid #e5e7eb}.image-upload__remove-preview{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.image-upload__remove-preview:hover{background:#000000e6}.image-upload__progress{margin-bottom:16px}.image-upload__progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.image-upload__progress-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.image-upload__progress-text{font-size:12px;color:#6b7280;text-align:center;display:block}.image-upload__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.image-upload__form{display:flex;flex-direction:column;gap:12px}.image-upload__field{display:flex;flex-direction:column;gap:4px}.image-upload__input,.image-upload__select,.image-upload__textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s ease;font-family:inherit}.image-upload__textarea{resize:vertical;min-height:60px;line-height:1.4}.image-upload__input:focus,.image-upload__select:focus,.image-upload__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.image-upload__actions{display:flex;gap:8px;margin-top:8px}.image-upload__button{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.image-upload__button--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.image-upload__button--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.image-upload__button--primary:disabled{opacity:.5;cursor:not-allowed}.image-upload__button--secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.image-upload__button--secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width: 768px){.image-upload__panel{width:calc(100vw - 20px);max-width:calc(100vw - 20px);left:10px;right:10px}.image-upload__actions{flex-direction:column}.image-upload__button{flex:none}}@media (prefers-color-scheme: dark){.image-upload__trigger{background:#374151;color:#f3f4f6;border-color:#4b5563}.image-upload__trigger:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.image-upload__trigger.open{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.image-upload__panel{background:#1f2937;border-color:#374151}.image-upload__title{color:#f9fafb}.image-upload__dropzone{background:#374151;border-color:#4b5563}.image-upload__dropzone:hover{background:#1e3a8a;border-color:#3b82f6}.image-upload__input,.image-upload__select,.image-upload__textarea{background:#374151;color:#f3f4f6;border-color:#4b5563}.image-upload__button--secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.image-upload__button--secondary:hover{background:#4b5563;color:#f3f4f6}}.grid-editor{position:relative;display:inline-block}.grid-editor__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:32px;height:32px}.grid-editor__trigger:hover:not(:disabled){border-color:#3b82f6;background:#f8fafc}.grid-editor__trigger:disabled{opacity:.5;cursor:not-allowed}.grid-editor__trigger.open{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.grid-editor__icon{font-size:16px;line-height:1}.grid-editor__label{font-size:13px;font-weight:500}.grid-editor__panel{position:fixed;top:auto;right:auto;z-index:10000;width:320px;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:16px}.grid-editor__header{margin-bottom:16px}.grid-editor__title{font-size:16px;font-weight:600;color:#111827;margin:0}.grid-editor__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.grid-editor__section{margin-bottom:20px}.grid-editor__section:last-of-type{margin-bottom:0}.grid-editor__section-title{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.grid-editor__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.grid-editor__grid-cell{width:20px;height:20px;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:all .2s ease;border-radius:2px}.grid-editor__grid-cell:hover{background:#3b82f6;border-color:#2563eb}.grid-editor__grid-hint{font-size:12px;color:#6b7280;margin:0;text-align:center}.grid-editor__form{display:flex;flex-direction:column;gap:12px}.grid-editor__row{display:flex;gap:12px}.grid-editor__field{display:flex;flex-direction:column;gap:4px;flex:1}.grid-editor__field-label{font-size:13px;font-weight:500;color:#374151}.grid-editor__input,.grid-editor__select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s ease}.grid-editor__input:focus,.grid-editor__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.grid-editor__input[type=number]{text-align:center}.grid-editor__checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.grid-editor__checkbox{width:16px;height:16px;accent-color:#3b82f6}.grid-editor__actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.grid-editor__button{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.grid-editor__button--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.grid-editor__button--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.grid-editor__button--primary:disabled{opacity:.5;cursor:not-allowed}.grid-editor__button--secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.grid-editor__button--secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (prefers-color-scheme: dark){.grid-editor__trigger{background:#374151;color:#f3f4f6;border-color:#4b5563}.grid-editor__trigger:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.grid-editor__trigger.open{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.grid-editor__panel{background:#1f2937;border-color:#374151}.grid-editor__title{color:#f9fafb}.grid-editor__section-title{color:#d1d5db}.grid-editor__grid{background:#374151}.grid-editor__grid-cell{background:#4b5563;border-color:#6b7280}.grid-editor__input,.grid-editor__select{background:#374151;color:#f3f4f6;border-color:#4b5563}.grid-editor__checkbox-label{color:#d1d5db}.grid-editor__button--secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.grid-editor__button--secondary:hover{background:#4b5563;color:#f3f4f6}}.search-highlight{background-color:#fef3c7;border-radius:2px;padding:1px 2px}.search-highlight.current{background-color:#fbbf24;box-shadow:0 0 0 1px #f59e0b}.find-replace-dropdown{position:relative;display:inline-block}.find-replace-panel{position:absolute;top:100%;left:0;z-index:99999;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;width:260px;max-width:calc(100vw - 40px);margin-top:4px}.find-replace-panel input:focus{outline:2px solid #3b82f6;outline-offset:-2px}.find-replace-panel button:hover:not(:disabled){opacity:.8}.find-replace-panel button:disabled{opacity:.5;cursor:not-allowed}.editor-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.toolbar-group{flex:1;display:flex;align-items:center;gap:1px;flex-wrap:wrap}.toolbar-button{padding:6px 8px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px;width:32px;height:32px;justify-content:center}.toolbar-button:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-button:active{background:#e5e7eb;transform:translateY(1px)}.toolbar-button.active{background:#3b82f6;color:#fff;border-color:#2563eb}.toolbar-button.active:hover{background:#2563eb}.button-icon{font-weight:700;font-size:14px}.toolbar-separator{width:1px;height:24px;background:#d1d5db;margin:0 4px}.toolbar-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:13px;cursor:pointer;min-width:60px}.toolbar-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.save-button{background:#10b981;color:#fff;border-color:#059669;font-weight:600}.save-button:hover{background:#059669;border-color:#047857}.toolbar-group--right{margin-left:auto}.fullscreen-button{background:#6b7280;color:#fff;border-color:#4b5563;font-size:16px}.fullscreen-button:hover{background:#4b5563;border-color:#374151}@media (max-width: 640px){.editor-toolbar{padding:6px 8px;gap:4px}.toolbar-button{padding:4px 6px;min-width:28px;height:28px;font-size:12px}.toolbar-separator{height:20px}}.plugin-control-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;max-width:95vw;max-height:85vh;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 32px #0000001f;z-index:10000;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.panel-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.panel-actions{display:flex;gap:8px}.export-button,.close-button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.export-button:hover{background:#f0f0f0;border-color:#ccc}.close-button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#666}.close-button:hover{background:#f0f0f0;color:#333}.panel-stats{display:flex;gap:16px;padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;font-size:14px}.stat{color:#666;font-weight:500}.plugin-control-panel .plugin-list{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px;max-height:calc(85vh - 200px);background:transparent;border-radius:0;color:inherit;text-align:left;display:block;align-items:stretch;justify-content:flex-start}.no-plugins{text-align:center;color:#666;font-style:italic;padding:40px 20px}.plugin-control-panel .plugin-item{display:flex!important;justify-content:space-between;align-items:flex-start;padding:16px;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:12px;background:#fff!important;transition:all .2s ease;min-height:auto;width:100%;box-sizing:border-box;color:#2c3e50!important;text-align:left!important}.plugin-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.plugin-item--error{border-color:#e74c3c;background:#fdf2f2}.plugin-info{flex:1;margin-right:16px}.plugin-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c3e50}.plugin-description{margin:0 0 8px;font-size:14px;color:#666;line-height:1.4}.plugin-meta{display:flex;gap:12px;font-size:12px;color:#888}.plugin-version{font-weight:500}.plugin-deps{font-style:italic}.plugin-error{margin-top:8px;padding:8px;background:#fee;border:1px solid #fcc;border-radius:4px;font-size:12px}.error-message{color:#c33;display:block;margin-bottom:4px}.clear-error-button{padding:2px 6px;font-size:11px;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer}.plugin-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.plugin-actions{display:flex;align-items:center;gap:8px}.settings-button{padding:4px 8px;background:#f0f0f0;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s}.settings-button:hover{background:#e0e0e0}.settings-button:focus{outline:2px solid #3498db;outline-offset:1px}.plugin-status{font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.plugin-status.active{background:#d4edda;color:#155724}.plugin-status.inactive{background:#f8d7da;color:#721c24}.plugin-toggle{position:relative;display:inline-block;width:44px;height:24px}.plugin-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.plugin-toggle input:checked+.toggle-slider{background-color:#3498db}.plugin-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.plugin-toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.panel-footer{padding:12px 20px;border-top:1px solid #e1e5e9;background:#f8f9fa;border-radius:0 0 8px 8px}.refresh-button{width:100%;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.refresh-button:hover:not(:disabled){background:#2980b9}.refresh-button:disabled{background:#bdc3c7;cursor:not-allowed}.plugin-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90vw;max-height:70vh;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 32px #00000026;z-index:10001;display:flex;flex-direction:column}.settings-form{padding:16px}.setting-row{margin-bottom:16px}.setting-field{display:flex;justify-content:space-between;align-items:center;gap:12px}.setting-label{font-weight:500;color:#2c3e50;flex:1}.setting-field input,.setting-field select{padding:4px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.setting-field input[type=checkbox]{width:16px;height:16px}.setting-field input[type=number]{width:80px}.reset-button,.save-button{padding:8px 16px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.reset-button{background:#f8f9fa;color:#666}.reset-button:hover:not(:disabled){background:#e9ecef}.save-button{background:#3498db;color:#fff;border-color:#3498db}.save-button:hover:not(:disabled){background:#2980b9}.reset-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 769px){.plugin-control-panel .plugin-list{padding:16px 20px!important;background:transparent!important;border-radius:0!important;color:inherit!important;text-align:left!important;display:block!important;align-items:stretch!important;justify-content:flex-start!important;min-height:200px!important}.plugin-control-panel .plugin-item{display:flex!important;background:#fff!important;color:#2c3e50!important;text-align:left!important;padding:16px!important;margin-bottom:12px!important}}@media (max-width: 768px){.plugin-control-panel{width:95vw;max-height:90vh}.plugin-control-panel .plugin-item{flex-direction:column;gap:12px}.plugin-controls{flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between}.plugin-settings-panel{width:95vw;max-height:80vh}.setting-field{flex-direction:column;align-items:stretch;gap:4px}}.word-count{display:flex;align-items:center;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#6c757d;transition:all .2s ease;min-width:fit-content}.word-count:hover{background-color:#e9ecef;border-color:#dee2e6}.word-count__stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.word-count__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.word-count__value{font-weight:600;font-size:14px;color:#495057;line-height:1;white-space:nowrap}.word-count__label{font-size:10px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap}.word-count--compact{padding:4px 8px;font-size:11px}.word-count--compact .word-count__stats{gap:12px}.word-count--compact .word-count__stat{flex-direction:row;gap:4px;align-items:baseline}.word-count--compact .word-count__value{font-size:12px}.word-count--compact .word-count__label{font-size:10px;text-transform:none;letter-spacing:normal}@media (max-width: 768px){.word-count{padding:6px 8px;font-size:11px}.word-count__stats{gap:12px}.word-count__value{font-size:12px}.word-count__label{font-size:9px}.word-count:not(.word-count--compact) .word-count__stat{flex-direction:row;gap:4px;align-items:baseline}.word-count:not(.word-count--compact) .word-count__label{text-transform:none;letter-spacing:normal}}@media (max-width: 480px){.word-count{padding:4px 6px}.word-count__stats{gap:8px}.word-count__value{font-size:11px}.word-count__label{font-size:8px}}@media (prefers-contrast: high){.word-count{background-color:#fff;border-color:#000;border-width:2px}.word-count__value{color:#000}.word-count__label{color:#333}.word-count:hover{background-color:#f0f0f0}}@media (prefers-reduced-motion: reduce){.word-count{transition:none}}@media (prefers-color-scheme: dark){.word-count{background-color:#343a40;border-color:#495057;color:#adb5bd}.word-count__value{color:#f8f9fa}.word-count__label{color:#adb5bd}.word-count:hover{background-color:#495057;border-color:#6c757d}}.word-count:focus-within{outline:2px solid #0066cc;outline-offset:2px}.word-count__value{transition:color .2s ease}.word-count__value:not(:empty){animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.word-count__stat:not(:last-child):after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:1px;height:16px;background-color:#dee2e6;opacity:.5}.word-count--compact .word-count__stat:not(:last-child):after{display:none}.word-count__stat{position:relative}.word-count--loading .word-count__value{opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.spell-check-processing{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffffe6;border:1px solid #e1e5e9;border-radius:4px;font-size:12px;color:#6c757d;z-index:100}.spell-check-processing__icon{font-size:14px}.spell-check-processing__text{font-weight:500}.spell-error-highlight{position:relative;cursor:pointer}.spell-error{text-decoration:underline wavy #dc3545;text-decoration-skip-ink:none;text-underline-offset:2px}.spell-error--grammar{text-decoration:underline wavy #007bff;background-color:#007bff1a}.spell-check-context-menu{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:280px;padding:4px 0;font-size:14px;z-index:1000;position:fixed;pointer-events:auto}.contenteditable-editor.fullscreen .spell-check-context-menu{z-index:10001}.spell-check-context-menu{max-height:300px;overflow-y:auto}.spell-check-context-menu__header{padding:8px 12px 6px;font-size:12px;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;margin-bottom:4px}.spell-check-context-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:#212529;transition:background-color .15s ease}.spell-check-context-menu__item:hover:not(.spell-check-context-menu__item--disabled){background:#f8f9fa}.spell-check-context-menu__item--suggestion{font-weight:500}.spell-check-context-menu__item--suggestion:hover{background:#e3f2fd;color:#1976d2}.spell-check-context-menu__item--action:hover{background:#f8f9fa}.spell-check-context-menu__item--disabled{color:#6c757d;cursor:not-allowed}.spell-check-context-menu__item--info{color:#6c757d;font-size:12px;cursor:default}.spell-check-context-menu__icon{font-size:14px;flex-shrink:0}.spell-check-context-menu__separator{height:1px;background:#e9ecef;margin:4px 0}.spell-check-error-count{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:11px;color:#856404}.spell-check-error-count__icon{font-size:12px}.spell-check-error-count__text{font-weight:500}.spell-error-overlay-highlight{position:absolute!important;pointer-events:auto!important;cursor:pointer!important;z-index:1!important}.spell-error-overlay-highlight.spelling-error{background:#dc35451a!important;border-bottom:2px wavy #dc3545!important}.spell-error-overlay-highlight.grammar-error{border-bottom:2px wavy #007bff!important;background:#007bff1a!important}.spell-error-overlay-highlight:hover{background:#ff00001a!important}@media (max-width: 768px){.spell-check-context-menu{min-width:180px;max-width:250px;font-size:13px}.spell-check-context-menu__item{padding:10px 12px}.spell-check-processing{font-size:11px}}.dictionary-panel-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dictionary-panel{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.dictionary-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.dictionary-panel__title{margin:0;font-size:18px;font-weight:600;color:#212529}.dictionary-panel__close{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;color:#6c757d}.dictionary-panel__close:hover{background:#e9ecef;color:#495057}.dictionary-panel__language-selector{padding:16px 20px;border-bottom:1px solid #e1e5e9}.dictionary-panel__label{display:block;font-weight:500;margin-bottom:8px;color:#495057}.dictionary-panel__language-tabs{display:flex;gap:8px}.dictionary-panel__language-tab{padding:8px 16px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.dictionary-panel__language-tab:hover{background:#f8f9fa;border-color:#adb5bd}.dictionary-panel__language-tab.active{background:#007bff;border-color:#007bff;color:#fff}.dictionary-panel__add-section{padding:16px 20px;border-bottom:1px solid #e1e5e9}.dictionary-panel__add-input{display:flex;gap:8px}.dictionary-panel__input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.dictionary-panel__input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dictionary-panel__add-button{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.dictionary-panel__add-button:hover:not(:disabled){background:#218838}.dictionary-panel__add-button:disabled{background:#6c757d;cursor:not-allowed}.dictionary-panel__search-section{padding:16px 20px;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;gap:12px}.dictionary-panel__search{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.dictionary-panel__search-count{font-size:12px;color:#6c757d;white-space:nowrap}.dictionary-panel__error{padding:12px 20px;background:#f8d7da;color:#721c24;border-bottom:1px solid #e1e5e9;font-size:14px}.dictionary-panel__word-list{flex:1;overflow-y:auto;min-height:200px;max-height:300px}.dictionary-panel__loading,.dictionary-panel__empty{padding:40px 20px;text-align:center;color:#6c757d;font-size:14px}.dictionary-panel__loading-icon{display:block;font-size:24px;margin-bottom:8px}.dictionary-panel__words{padding:8px 0}.dictionary-panel__word-item{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid #f8f9fa}.dictionary-panel__word-item:hover{background:#f8f9fa}.dictionary-panel__word-text{font-size:14px;color:#212529}.dictionary-panel__remove-button{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;font-size:12px}.dictionary-panel__remove-button:hover:not(:disabled){background:#f5c6cb}.dictionary-panel__actions{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #e1e5e9;background:#f8f9fa}.dictionary-panel__actions-left,.dictionary-panel__actions-right{display:flex;gap:8px}.dictionary-panel__action-button{padding:8px 16px;border:1px solid #ced4da;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.dictionary-panel__action-button:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.dictionary-panel__action-button--danger{color:#dc3545;border-color:#dc3545}.dictionary-panel__action-button--danger:hover:not(:disabled){background:#dc3545;color:#fff}.dictionary-panel__action-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.dictionary-panel__stats{display:flex;gap:20px;padding:12px 20px;background:#f8f9fa;border-top:1px solid #e1e5e9;font-size:12px}.dictionary-panel__stat{display:flex;gap:4px}.dictionary-panel__stat-label{color:#6c757d}.dictionary-panel__stat-value{color:#495057;font-weight:500}.spell-check-settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.spell-check-settings-panel{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.spell-check-settings__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.spell-check-settings__title{margin:0;font-size:18px;font-weight:600;color:#212529}.spell-check-settings__close{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;color:#6c757d}.spell-check-settings__close:hover{background:#e9ecef;color:#495057}.spell-check-settings__content{flex:1;overflow-y:auto;padding:20px}.spell-check-settings__section{margin-bottom:24px}.spell-check-settings__section:last-child{margin-bottom:0}.spell-check-settings__section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#495057;border-bottom:1px solid #e1e5e9;padding-bottom:8px}.spell-check-settings__option{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.spell-check-settings__option:last-child{margin-bottom:0}.spell-check-settings__option-info{flex:1}.spell-check-settings__label{display:block;font-weight:500;margin-bottom:4px;color:#212529;font-size:14px}.spell-check-settings__description{margin:0;font-size:12px;color:#6c757d;line-height:1.4}.spell-check-settings__toggle{width:44px;height:24px;background:#ced4da;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.spell-check-settings__toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.spell-check-settings__toggle--active{background:#28a745}.spell-check-settings__toggle--active:after{transform:translate(20px)}.spell-check-settings__toggle:focus{outline:2px solid rgba(40,167,69,.25);outline-offset:2px}.spell-check-settings__language-checkboxes{display:flex;flex-direction:column;gap:8px}.spell-check-settings__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.spell-check-settings__checkbox input[type=checkbox]{margin:0;width:16px;height:16px}.spell-check-settings__checkbox-label{color:#495057}.spell-check-settings__select{padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff;min-width:120px}.spell-check-settings__select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.spell-check-settings__status{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;padding:12px;margin-top:16px}.spell-check-settings__status-item{display:flex;justify-content:space-between;margin-bottom:4px;font-size:14px}.spell-check-settings__status-item:last-child{margin-bottom:0}.spell-check-settings__status-label{color:#6c757d}.spell-check-settings__status-value{font-weight:500;color:#495057}.spell-check-settings__status-value.enabled{color:#28a745}.spell-check-settings__status-value.disabled{color:#dc3545}.spell-check-settings__actions{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #e1e5e9;background:#f8f9fa}.spell-check-settings__actions-left,.spell-check-settings__actions-right{display:flex;gap:8px}.spell-check-settings__action-button{padding:8px 16px;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.spell-check-settings__action-button--primary{background:#007bff;border-color:#007bff;color:#fff}.spell-check-settings__action-button--primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.spell-check-settings__action-button--secondary{background:#fff;color:#6c757d}.spell-check-settings__action-button--secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#495057}.spell-check-settings__action-button:disabled{background:#e9ecef;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.spell-check-manager,.spell-check-controls{display:flex;align-items:center;gap:12px}.spell-check-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;height:24px;min-width:auto;white-space:nowrap}.spell-check-button:hover{background:#e9ecef;border-color:#adb5bd}.spell-check-button--active{background:#007bff;color:#fff;border-color:#007bff}.spell-check-button--active:hover{background:#0056b3;border-color:#0056b3}.spell-check-language{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.spell-check-language--en{background:#e3f2fd;color:#1976d2}.spell-check-language--ru{background:#f3e5f5;color:#7b1fa2}.auto-save-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;outline:none;border:none}.auto-save-indicator__status{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.auto-save-indicator__icon{font-size:16px;line-height:1;display:inline-block;text-align:center}.auto-save-indicator__text{display:none}.auto-save-popup{position:absolute;top:-40px;right:0;background:#4caf50;color:#fff;padding:8px 12px;border-radius:16px;font-size:12px;min-width:120px;max-width:200px;z-index:1002;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;text-align:center}.auto-save-popup__interval{font-size:10px;opacity:.8;margin-top:2px;font-style:italic}.auto-save-indicator--saving{color:#2196f3}.auto-save-manager .auto-save-indicator.auto-save-indicator--saving .auto-save-indicator__icon{animation:auto-save-spin 1s linear infinite!important;transform-origin:center center}.auto-save-indicator--saved .auto-save-indicator__icon{animation:hourglass-flip .5s ease-in-out}@keyframes hourglass-flip{0%{transform:rotate(0)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(0)}}.auto-save-indicator--saved{color:#4caf50}.auto-save-indicator--conflict{color:#ff9800}.auto-save-indicator--idle{color:#999}.auto-save-indicator__manual-save{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;height:24px;min-width:auto;white-space:nowrap}.auto-save-indicator__manual-save:hover{background:#e9ecef;border-color:#adb5bd}.auto-save-indicator__manual-save:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.auto-save-indicator__interval{font-size:10px;color:#999;opacity:.7}@keyframes auto-save-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-save-indicator__icon{animation-fill-mode:both;animation-play-state:running}.auto-save-indicator__conflict-dialog{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:16px;min-width:300px;z-index:1000}.auto-save-indicator__conflict-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.auto-save-indicator__conflict-description{margin:0 0 12px;font-size:12px;color:#666;line-height:1.4}.auto-save-indicator__conflict-timestamp{font-size:11px;color:#999;margin-bottom:12px}.auto-save-indicator__conflict-actions{display:flex;flex-direction:column;gap:8px}.auto-save-indicator__conflict-button{padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.auto-save-indicator__conflict-button:hover{background:#f5f5f5}.auto-save-indicator__conflict-button--local{border-color:#2196f3;color:#2196f3}.auto-save-indicator__conflict-button--server{border-color:#ff9800;color:#ff9800}.auto-save-indicator__conflict-button--merge{border-color:#4caf50;color:#4caf50}.auto-save-manager{display:flex;align-items:center;justify-content:flex-end}.auto-save-manager__indicator{margin-left:auto}.spellcheck-analytics{background:#fff;width:100%;height:100%;overflow-y:auto;padding:20px}.analytics-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#666}.metrics-grid--enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.metric-card{background:#fff;padding:16px;border-radius:4px;border:1px solid #e0e0e0;transition:all .2s ease}.metric-card--good{border-left:3px solid #666}.metric-card--warning{border-left:3px solid #999}.metric-card--error{border-left:3px solid #333}.metric-card__title{margin:0 0 8px;font-size:13px;font-weight:500;color:#333}.metric-card__value{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.metric-card__target{font-size:11px;color:#666}.analytics-charts--enhanced{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.chart-section{background:#fff;padding:16px;border-radius:4px;border:1px solid #e0e0e0}.word-frequency-chart h4,.prefix-usage-chart h4{margin:0 0 12px;font-size:15px;font-weight:500;color:#333}.word-list,.prefix-list{display:grid;gap:6px}.word-item,.prefix-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0}.word-rank,.prefix-rank{font-weight:500;color:#666;font-size:11px;min-width:25px}.word-text,.prefix-text{font-weight:500;color:#333;font-family:monospace;font-size:12px}.intelligence-panel{margin-bottom:20px}.intelligence-card{background:#fff;padding:16px;border-radius:4px;border:1px solid #e0e0e0}.intelligence-card h4{margin:0 0 12px;font-size:15px;font-weight:500;color:#333}.intelligence-stats{display:grid;gap:12px}.intelligence-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0}.intelligence-label{font-weight:500;color:#333;flex:1;margin-right:12px;font-size:13px}.intelligence-value{font-weight:500;color:#333;text-align:right;flex:1;font-family:monospace;font-size:12px;line-height:1.4}.intelligence-value--success{color:#333}@media (max-width: 768px){.analytics-charts--enhanced,.metrics-grid--enhanced{grid-template-columns:1fr}}.performance-dashboard{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px;width:80vw;max-width:80vw;height:80vh;max-height:80vh;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:8px}.dashboard-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#666}.dashboard-tabs{display:flex;margin-bottom:16px}.dashboard-tabs button{padding:10px 20px;border:1px solid #e0e0e0;background:#f8f9fa;cursor:pointer;border-radius:0;margin-right:2px;font-size:14px;color:#666;transition:all .2s ease}.dashboard-tabs button.active{background:#fff;border-bottom:1px solid white;color:#333;font-weight:500}.dashboard-tabs button:hover{background:#f0f0f0}.metrics-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card{padding:16px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;transition:all .2s ease}.metric-card:hover{border-color:#d0d0d0;box-shadow:0 2px 4px #0000000d}.metric-card h4{margin:0 0 8px;color:#333;font-size:13px;font-weight:500}.metric-value{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.metric-detail{font-size:11px;color:#666}.alerts-panel{max-height:300px;overflow-y:auto}.no-alerts{text-align:center;color:#666;padding:20px}.alerts-list{display:flex;flex-direction:column;gap:8px}.alert{padding:8px 12px;border-radius:4px;border-left:4px solid}.alert-render,.alert-memory,.alert-latency,.alert-error{border-left-color:#666;background:#f5f5f5}.alert-message{font-size:14px;margin-bottom:4px}.alert-time{font-size:12px;color:#666}.analytics-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.analytics-button{background:#333;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.analytics-button:hover{background:#555}.dictionaries-panel{padding:16px}.loading-dictionaries{text-align:center;padding:32px;color:#666;font-style:italic}.dictionary-summary{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.dictionary-summary h4{margin:0 0 12px;color:#495057;font-size:16px}.summary-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .stat-label{font-size:12px;color:#6c757d;font-weight:500}.stat-item .stat-value{font-size:18px;font-weight:600;color:#495057}.dictionaries-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.dictionary-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.dictionary-card h5{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dictionary-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f1f3f4}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{font-size:12px;color:#6c757d;font-weight:500}.stat-row .stat-value{font-size:12px;font-weight:600;color:#495057}.stat-value.loaded{color:#28a745}.stat-value.not-loaded{color:#dc3545}.dictionary-list{font-size:11px!important;color:#6c757d!important;font-weight:400!important;word-break:break-word;line-height:1.3}.dictionary-section{margin-bottom:16px;padding:16px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.dictionary-section h4{margin:0 0 12px;color:#333;font-size:15px;font-weight:500}.dictionary-section h5{margin:12px 0 8px;color:#6c757d;font-size:14px;font-weight:500}.dictionary-info{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.info-item .label{font-size:13px;color:#6c757d;font-weight:500}.info-item .value{font-size:13px;color:#495057;font-weight:600}.dictionary-item{padding:8px 12px;margin:4px 0;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;color:#333}.dictionary-item.recent{background:#f0f0f0;border-color:#999;color:#333;font-weight:500}.no-dictionaries{text-align:center;padding:20px;color:#6c757d;font-style:italic}.performance-comparison{display:flex;flex-direction:column;gap:12px}.comparison-item{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border-radius:4px;border:1px solid #dee2e6}.old-system{flex:1;font-size:12px;color:#666;text-align:right}.arrow{font-size:16px;color:#333;font-weight:700}.new-system{flex:1;font-size:12px;color:#333;font-weight:600}.predictive-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.server-dictionaries{max-height:400px;overflow-y:auto}.dictionary-table{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.dictionary-summary{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px}.summary-item:last-child{margin-bottom:0}.dictionary-details h5{margin:0 0 12px;color:#333;font-size:14px;font-weight:500}.dictionary-table{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;padding:8px}.dictionary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.dict-name{font-family:monospace;font-weight:500;color:#333;font-size:13px}.dict-stats{display:flex;gap:12px;font-size:11px;color:#666}.dict-stats .stat{padding:2px 6px;background:#f0f0f0;border-radius:3px}.memory-note{margin-top:12px;padding:8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #666}.memory-note small{color:#666;font-size:11px;font-style:italic}.toolbar-group,.editor-dropdown,.spell-check-controls,.context-menu,.editor-context-menu,.link-manager__panel,.image-upload__panel{position:absolute}.editor-dropdown__content,.context-menu__content,.spell-check-dropdown{position:absolute;z-index:1001;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026}.image-upload__panel{min-width:320px;max-width:90vw;padding:var(--space-md);top:100%;right:0}.editor-content{position:relative;z-index:1}@media (max-width: 768px){.contenteditable-editor{font-size:16px;padding:0;min-height:300px;border-radius:var(--radius-sm);position:relative;z-index:1}.blog-content-editor{border-radius:var(--radius-sm)}.editor-header{padding:var(--space-xs) var(--space-sm);flex-wrap:wrap;gap:var(--space-xs);min-height:44px}.editor-header-right{flex-wrap:wrap;gap:var(--space-xs);margin-left:0;width:100%;justify-content:space-between}.auto-save-indicator{width:32px;height:32px;display:block;position:absolute;right:5px;top:45px}.auto-save-popup{top:-45px;right:-10px;font-size:11px;padding:4px 8px}.editor-toolbar{display:flex;flex-wrap:wrap;padding:var(--space-xs) var(--space-sm);max-width:100%;overflow:visible}.toolbar-group{flex-wrap:wrap;flex-shrink:1;border-right:1px solid var(--border-color);padding-right:var(--space-xs);margin-right:var(--space-xs);max-width:100%;overflow:visible;position:relative;z-index:1000}.toolbar-group:last-child{border-right:none;margin-right:0}.spell-check-controls{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);max-width:100%;overflow:visible;position:relative;z-index:1000}.spell-check-controls button{min-width:60px;min-height:36px;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-toolbar__group{flex-wrap:nowrap;gap:var(--space-xs);flex-shrink:0}.editor-toolbar__button{min-width:36px;min-height:36px;font-size:var(--font-size-xs);padding:var(--space-xs);flex-shrink:0}.editor-footer{padding:var(--space-xs) var(--space-sm);flex-wrap:wrap;gap:var(--space-xs);min-height:36px}.editor-footer-controls{flex-wrap:wrap;gap:var(--space-xs);margin-left:0;width:100%;justify-content:space-between}.dashboard-tabs{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs);overflow-x:auto}.dashboard-tabs button{min-width:80px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.intelligence-item{padding:var(--space-sm);margin-bottom:var(--space-xs);border-radius:var(--radius-sm)}.intelligence-item h4{font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.metrics-panel{padding:var(--space-sm);grid-template-columns:1fr;gap:var(--space-sm)}.metrics-panel .metric-item{padding:var(--space-sm);text-align:center}.dictionary-panel__actions{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.dictionary-panel__actions button{width:100%;min-height:44px;font-size:var(--font-size-sm)}.editor-dropdown{min-width:100px;max-width:150px;font-size:var(--font-size-xs);position:relative;z-index:1000}.editor-dropdown__content{max-height:180px;overflow-y:auto;position:absolute;z-index:1001;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;top:100%;left:0;right:0}.editor-dropdown__item{padding:var(--space-sm);min-height:36px;font-size:var(--font-size-xs)}.link-manager__panel,.image-upload__panel,.grid-editor__panel,.text-color-picker__panel,.table-color-editor__panel,.text-alignment-dropdown__menu,.list-formatting__panel{position:fixed!important;inset:64px 0 0!important;width:100vw!important;height:calc(100vh - 64px)!important;max-width:none!important;margin:0!important;z-index:99998!important;overflow-y:auto!important;padding:var(--space-md)!important;padding-top:60px!important}.component-modal__close{position:fixed!important;top:80px!important;right:16px!important;z-index:99999!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;cursor:pointer!important}.link-manager__panel input,.image-upload__panel input,.grid-editor__panel input{width:100%;min-height:44px;font-size:16px;padding:var(--space-sm)}.link-manager__panel button,.image-upload__panel button,.grid-editor__panel button{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}}@media (min-width: 769px) and (max-width: 1024px){.contenteditable-editor{padding:0;min-height:400px}.editor-header{padding:var(--space-sm) var(--space-md)}.editor-toolbar{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.toolbar-group{flex-wrap:wrap}.editor-toolbar__button{min-width:32px;min-height:32px}.editor-footer{padding:var(--space-sm) var(--space-md)}.dashboard-tabs{padding:var(--space-sm)}.metrics-panel{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.dictionary-panel__actions{flex-direction:row;gap:var(--space-sm)}}@media (max-width: 1199px){.editor-footer{position:relative}.editor-footer-left>*:not(.plugin-word-count),.editor-footer-controls>*:not(.plugin-status-indicator):not(.editor-footer-menu-toggle):not(.plugin-word-count):not(.plugin-performance-monitor){display:none}.plugin-word-count{display:block!important}.plugin-performance-monitor{display:none!important}.editor-footer-controls{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.plugin-word-count{font-size:var(--font-size-xs, 12px);color:var(--text-secondary, #666);padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--bg-secondary, #f5f5f5);border-radius:var(--radius-sm, 4px);white-space:nowrap}.editor-footer-menu-toggle{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.editor-footer-menu-toggle:hover{background:var(--bg-hover);border-color:var(--color-primary)}.editor-footer-menu{position:absolute;bottom:100%;right:0;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #ddd);border-radius:var(--radius-md, 8px);box-shadow:0 4px 12px #00000026;padding:var(--space-md, 16px);min-width:300px;z-index:1002;margin-bottom:var(--space-xs, 4px);animation:slideUpFadeIn .2s ease-out}.editor-footer-menu__section{margin-bottom:var(--space-md)}.editor-footer-menu__section:last-child{margin-bottom:0}.editor-footer-menu__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.editor-footer-menu__items{display:flex;flex-wrap:wrap;gap:var(--space-xs)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (min-width: 1200px){.contenteditable-editor{padding:0;min-height:500px}.editor-header,.editor-toolbar,.editor-footer{padding:var(--space-md) var(--space-lg)}.editor-footer-menu-toggle,.plugin-performance-monitor{display:none}.plugin-modal .security-dashboard .dashboard-header .refresh-btn:last-child{display:none}.dashboard-tabs{padding:var(--space-md)}.metrics-panel{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media (hover: none) and (pointer: coarse){.editor-toolbar__button{min-width:44px;min-height:44px}.editor-dropdown__item{padding:var(--space-md);min-height:44px}.dictionary-panel__actions button{min-height:48px}.dashboard-tabs button{min-height:44px;padding:var(--space-sm) var(--space-md)}.contenteditable-editor [contenteditable]{line-height:1.6}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.editor-toolbar__icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width: 768px) and (orientation: landscape){.contenteditable-editor{min-height:200px}.editor-header,.editor-footer,.editor-toolbar{padding:var(--space-xs) var(--space-sm)}.editor-toolbar__button{min-width:32px;min-height:32px}}@media (min-width: 1400px){.metrics-panel{grid-template-columns:repeat(4,1fr)}.dashboard-tabs{justify-content:center}}.plugin-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.plugin-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.plugin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.plugin-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.plugin-modal__close{width:40px;height:32px;border:none;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;position:relative}.plugin-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.plugin-modal__close-icon{font-size:14px;opacity:.7}.security-dashboard,.performance-dashboard,.analytics-dashboard,.plugin-manager{padding:var(--space-md)}.security-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.security-header h2{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.security-refresh-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.security-refresh-btn:hover{background:var(--color-primary-dark, #1d4ed8)}.security-content,.performance-metrics,.analytics-data,.plugin-list{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.security-dashboard{padding:var(--space-md)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color)}.dashboard-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl)}.refresh-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.refresh-btn:hover{background:var(--color-primary-dark, #1d4ed8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin:var(--space-md) 0}.stat-card{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.security-badge.secure{background:var(--color-success, #10b981);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.security-badge.unsecure{background:var(--color-warning, #f59e0b);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.status-badge.active{background:var(--color-success, #10b981);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.status-badge.inactive{background:var(--color-error, #ef4444);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.sandbox-table table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.sandbox-table th,.sandbox-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border-color)}.sandbox-table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.analytics-dashboard{padding:var(--space-md)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color)}.analytics-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.analytics-controls{display:flex;align-items:center;gap:var(--space-sm)}.analytics-controls select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.analytics-controls button{width:24px;height:24px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.analytics-controls button:hover{background:var(--color-error, #ef4444);color:#fff}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.metric{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color)}.metric-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.metric-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.slowest-operations h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-md)}.operations-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-color)}.operation-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.operation-item:last-child{border-bottom:none}.operation-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.operation-duration{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm)}.analytics-toggle{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.analytics-toggle:hover{background:var(--color-primary-dark, #1d4ed8)}.plugin-modal__content{flex:1;padding:var(--space-lg);overflow-y:auto;position:relative}.plugin-modal__content-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border:none;background:var(--color-primary);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:10;transition:all .2s ease}.plugin-modal__content-close:hover{background:var(--color-error, #dc2626);color:#fff}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.plugin-modal-overlay{padding:60px 0}.plugin-modal{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.plugin-modal__header,.plugin-modal__content{padding:var(--space-md)}.performance-dashboard .close-button{display:none}.performance-dashboard{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.analytics-modal .performance-dashboard{width:100%!important;height:100%!important}}.contenteditable-editor{display:flex;flex-direction:column;height:100%;min-height:400px;border:1px solid #ddd;border-radius:4px;background:#fff}.contenteditable-editor.fullscreen{position:fixed;inset:0;z-index:9999;border:none;border-radius:0;min-height:100vh}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #eee;background:#f8f9fa}.editor-header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.auto-save-indicator--idle{color:#666}.auto-save-indicator--saving{color:#2196f3;animation:pulse 1s ease-in-out infinite}.auto-save-indicator--error{color:#f44336}.auto-save-indicator .auto-save-text{display:none}.auto-save-popup{position:absolute;top:-40px;right:0;background:#4caf50;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;white-space:nowrap;z-index:1002;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.auto-save-popup:after{content:"";position:absolute;top:100%;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #4caf50}.auto-save-popup--show{opacity:1;transform:translateY(0)}.auto-save-popup .check-icon{margin-right:4px;font-size:10px}.editor-content{flex:1;padding:16px;min-height:230px;outline:none;font-size:24px;line-height:1.5;color:#333;overflow-y:auto;font-family:Verdana,sans-serif}.editor-content:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.editor-content:focus{outline:2px solid #2196f3;outline-offset:-2px}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #eee;background:#f8f9fa;font-size:12px;color:#666}.editor-footer-left,.editor-footer-right{display:flex;align-items:center;gap:8px}.editor-footer-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.debug-info{font-size:10px;color:#999}.editor-error-message{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffebee;border:1px solid #f44336;color:#c62828;font-size:14px}.error-dismiss{background:none;border:none;color:#c62828;cursor:pointer;font-size:18px;padding:0;margin-left:8px}.editor-loading{padding:8px 12px;background:#e3f2fd;border:1px solid #2196f3;color:#1976d2;text-align:center}.loading-autosave,.loading-spellcheck{color:#666;font-size:12px;display:flex;align-items:center;gap:4px}.loading-autosave:before,.loading-spellcheck:before{content:"⏳";animation:editor-spin 1s linear infinite}@keyframes editor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toolbar button:focus,.analytics-button:focus,.plugin-control-button:focus,.error-dismiss:focus{outline:2px solid #2196f3;outline-offset:2px}@media (prefers-contrast: high){.editor-content{border:2px solid}.toolbar button{border:1px solid}}.plugin-control-button,.documentation-manager-button,.spell-check-button,.plugin-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;height:24px;min-width:auto;white-space:nowrap}.plugin-control-button:hover,.documentation-manager-button:hover,.spell-check-button:hover,.plugin-button:hover{background:#e9ecef;border-color:#adb5bd}.plugin-control-button:focus,.documentation-manager-button:focus,.spell-check-button:focus,.plugin-button:focus{outline:1px solid #007bff;outline-offset:1px}.plugin-control-button.active,.documentation-manager-button.active,.spell-check-button--active,.plugin-button.active{background:#007bff;color:#fff;border-color:#007bff}.plugin-control-button.active:hover,.documentation-manager-button.active:hover,.spell-check-button--active:hover,.plugin-button.active:hover{background:#0056b3;border-color:#0056b3}.documentation-manager-notification{position:fixed;top:20px;right:20px;padding:12px 16px;color:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;z-index:10000;font-size:14px;max-width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.4;animation:slideInRight .3s ease-out}.notification-error{background-color:#f44336}.notification-warning{background-color:#ff9800}.notification-info{background-color:#2196f3}.admin-analytics-menu{margin-left:auto}.analytics-button{background:#2196f3;color:#fff;border:none;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s}.analytics-button:hover{background:#1976d2}.analytics-button:focus{outline:2px solid #2196f3;outline-offset:2px}.analytics-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.plugin-panel-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){.analytics-modal-overlay{transition:none}.performance-dashboard{animation:none}.analytics-button{transition:none}}.doc-category-tree-selector{position:relative;width:100%}.doc-category-tree-selector__trigger{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left}.doc-category-tree-selector__trigger:hover{border-color:#d1d5db}.doc-category-tree-selector__value{flex:1;color:#374151}.doc-category-tree-selector__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;max-height:300px;overflow-y:auto;animation:dropdownSlideIn .2s ease-out}.doc-category-tree-selector__item{border-bottom:1px solid #f3f4f6}.doc-category-tree-selector__item:last-child{border-bottom:none}.doc-category-tree-selector__row{display:flex;align-items:center;padding:4px 8px;gap:8px;min-height:40px;position:relative;background:transparent;transition:background-color .2s ease}.doc-category-tree-selector__row:hover .doc-category-tree-selector__name-button{background-color:transparent}.doc-category-tree-selector__row--expandable{cursor:pointer}.doc-category-tree-selector__row--expandable:hover{background-color:#f9fafb}.doc-category-tree-selector__row--selected{background-color:#eff6ff}.doc-category-tree-selector__row--selected:hover{background-color:#dbeafe}.doc-category-tree-selector__icon{color:#6b7280;display:flex;align-items:center;flex-shrink:0}.doc-category-tree-selector__name-button{background:none;border:none;padding:4px 8px;font-size:14px;color:#374151;cursor:pointer;text-align:left;border-radius:4px;transition:all .2s ease;font-family:inherit;display:inline-block;width:auto;min-width:0}.doc-category-tree-selector__name-button:hover{background-color:#dbeafe;color:#1d4ed8}.doc-category-tree-selector__name-button:focus{outline:2px solid #3b82f6;outline-offset:1px}.doc-category-tree-selector__spacer{flex:1}.doc-category-tree-selector__expand-area{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;transition:background-color .2s ease;color:#6b7280;flex-shrink:0}.doc-category-tree-selector__expand-area:hover{background-color:#f3f4f6;color:#374151}.doc-category-tree-selector__expand-icon{transition:transform .2s ease}.doc-category-tree-selector__expand-icon--expanded{transform:rotate(90deg)}.doc-category-tree-selector__children{border-left:2px solid #f3f4f6}.doc-category-tree-selector__dropdown::-webkit-scrollbar{width:6px}.doc-category-tree-selector__dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.doc-category-tree-selector__dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.doc-category-tree-selector__dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.documentation-form{max-width:100%;margin:0 auto}.documentation-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.documentation-form__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.documentation-form__content{display:flex;flex-direction:column;gap:2rem}.documentation-form__metadata-row{display:grid;grid-template-columns:2fr 2fr 3fr 5fr;gap:1rem;align-items:start}.documentation-form__content-section{width:100%}.documentation-content-editor{min-height:400px;border:1px solid var(--color-border);border-radius:4px;padding:1rem}.documentation-form__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 1024px){.documentation-form__metadata-row{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 768px){.documentation-form{padding:0}.documentation-form__metadata-row{grid-template-columns:1fr;gap:1rem}.documentation-form__header{flex-direction:column;align-items:flex-start;gap:1rem}.documentation-form__actions{flex-direction:column-reverse}}.url-preview{padding:.75rem;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:.875rem;margin-top:.5rem}.url-preview strong{display:block;margin-bottom:.25rem;color:#495057;font-weight:600}.url-path{color:#6c757d;font-family:Courier New,monospace;background-color:#fff;padding:.25rem .5rem;border-radius:3px;border:1px solid #dee2e6;display:inline-block}.category-form{max-width:600px;margin:0 auto}.category-form__content{display:flex;flex-direction:column;gap:2rem}.category-form__fields{display:flex;flex-direction:column;gap:1rem}.category-form__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.category-form__actions{flex-direction:column-reverse}}.category-list{width:100%}.category-list--empty{text-align:center;padding:3rem 1rem}.category-list__empty-message{color:var(--color-text-secondary);font-size:1rem;margin:0}.category-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background-color:var(--color-background);transition:box-shadow .2s ease}.category-card:hover{box-shadow:0 2px 8px #0000001a}.category-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-card__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-secondary);border-radius:8px}.category-card__info{flex:1}.category-card__name{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.category-card__slug{margin:0;font-size:.875rem;color:var(--color-text-secondary);font-family:monospace}.category-card__description{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.5}.category-card__meta{margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.category-card__order{font-size:.875rem;color:var(--color-text-secondary)}.category-card__actions{display:flex;gap:.75rem}@media (max-width: 768px){.category-list__grid{grid-template-columns:1fr}.category-card__actions{flex-direction:column}}.documentation-list__filters{margin-bottom:var(--space-lg)}.documentation-list__empty{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.documentation-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.documentation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.documentation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.documentation-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.documentation-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.documentation-card__meta{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.documentation-card__category{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.documentation-card__category-icon{flex-shrink:0}.documentation-card__slug{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono)}.documentation-card__excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.documentation-card__actions{display:flex;gap:var(--space-sm)}.documentation-filters{margin-bottom:var(--space-lg)}.documentation-filters__visual{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.documentation-filters__button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.documentation-filters__button:hover{background:var(--bg-secondary);color:var(--text-primary)}.documentation-filters__button--active{background:var(--color-primary);color:var(--bg-primary);border-color:var(--color-primary)}.documentation-list__loading,.documentation-list__error{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.documentation-list__error{border-color:var(--color-error);color:var(--color-error)}.documentation-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.documentation-list__grid{grid-template-columns:1fr;gap:var(--space-md)}.documentation-form__grid{grid-template-columns:1fr}.documentation-form__header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.documentation-card__actions{flex-direction:column;gap:var(--space-xs)}.documentation-form__actions{flex-direction:column-reverse;gap:var(--space-sm)}}.footer-renderer{width:100%;background:var(--bg-primary);color:var(--text-primary);border-top:1px solid var(--border-color)}.footer-renderer--loading{padding:var(--space-xl);text-align:center}.footer-renderer__loading{color:var(--text-secondary);font-size:var(--font-size-sm)}.footer-renderer__container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg)}.footer-renderer--grid .footer-renderer__container{display:grid;align-items:start}.footer-renderer--flex .footer-renderer__container{display:flex;flex-wrap:wrap;align-items:start}.footer-renderer--columns .footer-renderer__container{display:flex;flex-direction:column}.footer-renderer--theme-light{background:#fff;color:#333}.footer-renderer--theme-dark{background:#1a1a1a;color:#fff}.footer-renderer a{color:var(--link-color, var(--color-primary));text-decoration:none;transition:color var(--transition-fast)}.footer-renderer a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 768px){.footer-renderer--grid .footer-renderer__container{grid-template-columns:1fr!important;gap:var(--space-lg)!important}.footer-renderer--flex .footer-renderer__container{flex-direction:column;gap:var(--space-lg)}.footer-renderer__container{padding:var(--space-md)}}@media (max-width: 480px){.footer-renderer__container{padding:var(--space-sm)}}.sidebar-toggle{position:fixed;top:50%;right:1rem;transform:translateY(-50%);z-index:999;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.sidebar-toggle:hover{background:var(--color-primary-dark);transform:translateY(-50%) scale(1.05)}.retractable-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);transition:right .3s ease-out;z-index:1000;overflow-y:auto}.retractable-sidebar--open{right:0}.retractable-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.retractable-sidebar__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.retractable-sidebar__close{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.retractable-sidebar__close:hover{background:var(--bg-secondary)}.retractable-sidebar__content{padding:1.5rem}.retractable-sidebar__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;backdrop-filter:blur(2px)}@media (max-width: 768px){.retractable-sidebar{width:100vw;right:-100vw}.sidebar-toggle{right:.75rem;width:44px;height:44px}}.dark .retractable-sidebar{background:var(--bg-secondary);border-left-color:var(--border-dark)}.dark .retractable-sidebar__header{border-bottom-color:var(--border-dark)}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-primary-bg: rgba(59, 130, 246, .1);--color-primary-rgb: 59, 130, 246;--color-secondary: #6b7280;--color-secondary-hover: #22242b;--color-accent: #8b5cf6;--color-accent-dark: #7c3aed;--color-accent-light: #a78bfa;--color-accent-rgb: 139, 92, 246;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-success-rgb: 16, 185, 129;--success-600: #059669;--success-100: #d1fae5;--success-50: #ecfdf5;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-rgb: 239, 68, 68;--error-500: #ef4444;--error-600: #dc2626;--error-200: #fecaca;--error-50: #fef2f2;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-warning-rgb: 245, 158, 11;--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--color-info-rgb: 59, 130, 246;--info-600: #2563eb;--info-200: #bfdbfe;--info-50: #eff6ff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-w: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-alt: #f3f4f6;--bg-hover: #f3f4f6;--card-bg: #ffffff;--header-bg: #ffffff;--input-bg: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-outline: 0 0 0 3px rgba(59, 130, 246, .3);--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-base: .25s ease;--transition-colors: color .2s ease, background-color .2s ease;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--color-primary-alpha: rgba(59, 130, 246, .1);--bg-warning: rgba(245, 158, 11, .1)}.dark{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93c5fd;--color-primary-bg: rgba(96, 165, 250, .15);--color-primary-rgb: 96, 165, 250;--color-accent: #a78bfa;--color-accent-dark: #8b5cf6;--color-accent-light: #c4b5fd;--color-accent-rgb: 167, 139, 250;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-alt: #374151;--bg-hover: #374151;--card-bg: #1f2937;--header-bg: #111827;--input-bg: #374151;--border-color: #4b5563;--shadow-outline: 0 0 0 3px rgba(96, 165, 250, .4)}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;overflow-y:scroll;scrollbar-width:thin}body{margin:0;min-height:100vh;margin-right:0!important}body.editor-fullscreen,html.editor-fullscreen{overflow:hidden}::-webkit-scrollbar{width:8px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}a{text-decoration:none;color:inherit;background-color:transparent}img{height:auto;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}a,button,[role=button],[tabindex="0"],label,select,input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset],.clickable{cursor:pointer}ul,ol{list-style:none;margin:0;padding:0}.content-loading-placeholder{min-height:300px}button:not(:disabled),a:not([disabled]),[role=button]:not([disabled]),[tabindex="0"]:not([disabled]),label:not([disabled]),select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled),.clickable:not([disabled]),.admin-button:not(:disabled),.sidebar-tab__button:not(:disabled),.footer-editor__tab-button:not(:disabled){cursor:pointer!important}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2;color:var(--text-primary)}p{margin-bottom:.2rem}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:var(--color-primary);opacity:.8}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}}@media (min-width: 768px) and (max-width: 1023px){.tablet-hidden{display:none!important}.tablet-block{display:block!important}.tablet-flex{display:flex!important}}@media (min-width: 1024px){.desktop-hidden{display:none!important}.desktop-block{display:block!important}.desktop-flex{display:flex!important}}.icon{display:inline-block;flex-shrink:0;transition:var(--transition-colors) var(--transition-base)}.icon--hamburger,.icon--x,.icon--search,.icon--login,.icon--logout,.icon--user,.icon--admin,.icon--users,.icon--palette,.icon--moon,.icon--sun,.icon--add,.icon--minus,.icon--refresh,.icon--arrow-up,.icon--arrow-down,.icon--arrow-left,.icon--arrow-right,.icon--house,.icon--edit,.icon--delete,.icon--save,.icon--gear,.icon--wrench,.icon--eye,.icon--eye-off,.icon--heart,.icon--share,.icon--download,.icon--upload,.icon--calendar,.icon--clock,.icon--bell,.icon--info,.icon--success,.icon--warning,.icon--error,.icon--alert-circle,.icon--check,.icon--circle,.icon--image,.icon--book,.icon--folder,.icon--video,.icon--audio,.icon--file,.icon--chart,.icon--cake-icing,.icon--smile-diamond,.icon--monkey-running,.icon--rocket-diamond,.icon--tree-diamond,.icon--puzzle,.icon--shopping-cart,.icon--credit-card,.icon--wallet,.icon--paypal,.icon--email,.icon--camera,.icon--status,.icon--grid,.icon--table,.icon--file-search,.icon--file-users,.icon--file-crown{display:inline-block;width:20px;height:20px;stroke:currentColor;fill:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:var(--button-transition);position:relative;outline:none}.icon-button:focus-visible{box-shadow:var(--input-shadow-focus)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button--sm{padding:var(--space-1);min-width:24px;min-height:24px;border-radius:var(--radius-md)}.icon-button--md{padding:var(--space-2);min-width:32px;min-height:32px;border-radius:var(--radius-lg)}.icon-button--lg{padding:var(--space-2);min-width:36px;min-height:36px;border-radius:var(--radius-lg)}.icon-button--primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.icon-button--primary:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.icon-button--secondary{background:var(--bg-alt);color:var(--text-primary);border:1px solid var(--border-color)}.icon-button--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.icon-button--ghost{background:transparent;color:var(--text-secondary)}.icon-button--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.icon-button--danger{background:var(--error-500);color:#fff}.icon-button--danger:hover:not(:disabled){background:var(--error-600);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1200px}.container--sm{max-width:640px}.container--lg{max-width:1400px}.container--xl{max-width:1600px}.container--fluid{max-width:none}.container--blog{position:relative;min-height:100vh;padding:2rem 0;width:100vw;background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.container--blog .container__content{max-width:1200px;margin:0 auto;padding:0 1rem}.container--blog .hero__overlay{position:absolute;inset:0;background:linear-gradient(18deg,#fff9,#0000004d);z-index:1}.container__content{position:relative;z-index:2}.grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid--cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid--gap-sm{gap:.5rem}.grid--gap-md{gap:1rem}.grid--gap-lg{gap:2rem}.grid--gap-xl{gap:3rem}.grid--items-start{align-items:start}.grid--items-center{align-items:center}.grid--items-end{align-items:end}.grid--items-stretch{align-items:stretch}.grid--justify-start{justify-content:start}.grid--justify-center{justify-content:center}.grid--justify-end{justify-content:end}.grid--justify-between{justify-content:space-between}.flex--col{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--items-center{align-items:center}.flex--justify-center{justify-content:center}.flex--justify-between{justify-content:space-between}.flex--gap-sm{gap:.5rem}.flex--gap-md{gap:1rem}.flex--gap-lg{gap:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.grid-cols-1{display:grid;grid-template-columns:1fr}.hidden{display:none}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.list-none{list-style:none}.border{border:1px solid var(--border-color)}.border-none{border:none}.rounded{border-radius:4px}.shadow-none{box-shadow:none}.shadow{box-shadow:0 2px 8px #0000001a}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.bg-none{background:none}.bg-primary{background-color:var(--bg-primary)}.hover-bg{background:var(--bg-hover);color:var(--text-primary)}.cursor-pointer{cursor:pointer}.no-underline{text-decoration:none}.outline-none{outline:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.align-middle{vertical-align:middle}.leading-none{line-height:1}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-4{gap:1rem}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.backdrop-blur{backdrop-filter:blur(8px)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-lg{backdrop-filter:blur(12px)}.brightness-90{filter:brightness(.9)}.brightness-110{filter:brightness(1.1)}.brightness-75{filter:brightness(.75)}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-break:break-word}.break-all{word-break:break-all}.break-normal{word-break:normal}.tabular-nums{font-variant-numeric:tabular-nums}.proportional-nums{font-variant-numeric:proportional-nums}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.contain-layout{contain:layout style paint}.contain-strict{contain:strict}.contain-content{contain:content}.opacity-100{opacity:1}.disabled{opacity:.5;cursor:not-allowed}.translate-x-center{transform:translate(-50%)}.translate-y-center{transform:translateY(-50%)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-overlay{z-index:1000}.transition{transition:all .3s ease}.transition-opacity{transition:opacity .3s ease}.scale-hover:hover{transform:scale(1.05)}.duration-300{animation-duration:.3s}.fill-forwards{animation-fill-mode:forwards}.image-cover{width:100%;height:100%;object-fit:cover}.accessibility-menu{position:relative}.accessibility-menu__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s ease;background:none}.accessibility-menu__dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);padding:12px;margin-top:4px;min-width:200px}.accessibility-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.accessibility-menu__title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary, #1f2937)}.accessibility-menu__value{font-size:.875rem;color:var(--text-secondary, #4b5563);font-weight:500}.accessibility-menu__buttons{display:flex;justify-content:space-between;gap:.75rem}.accessibility-menu__button{display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;border-radius:var(--radius-md, .375rem);background-color:var(--bg-alt, #f3f4f6);border:none;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s ease;flex:1}.accessibility-menu__button--disabled{opacity:.5;cursor:not-allowed}.accessibility-menu__toggle:hover{background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.accessibility-menu__button:hover:not(.accessibility-menu__button--disabled){background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:25px;cursor:pointer;transition:var(--transition-all);user-select:none;white-space:nowrap;outline:none}.button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-tight);min-height:2rem}.button--md{padding:var(--space-2-5) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);min-height:2.5rem}.button--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);line-height:var(--leading-normal);min-height:3rem}.button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--primary:active:not(:disabled){background:var(--color-primary-dark);transform:translateY(0);box-shadow:var(--shadow-sm)}.button--secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.button--secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--ghost{background:transparent;color:var(--text-primary);border-color:transparent}.button--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--text-primary)}.button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button--loading{cursor:wait;color:transparent}.button--full-width{width:100%}.button__icon{flex-shrink:0}.button__icon--left{margin-right:var(--space-1);margin-left:calc(var(--space-1) * -1)}.button__icon--right{margin-left:var(--space-1);margin-right:calc(var(--space-1) * -1)}.button__text{flex:1}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.button__spinner-icon{width:1rem;height:1rem;animation:button-spin 1s linear infinite}.button__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:62.83;stroke-dashoffset:62.83;animation:button-spinner-dash 1.5s ease-in-out infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes button-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.button-group{display:inline-flex;border-radius:25px;box-shadow:var(--shadow-sm)}.button-group--horizontal{flex-direction:row}.button-group--vertical{flex-direction:column}.button-group--horizontal>.button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.button-group--horizontal>.button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.button-group--vertical>.button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.button-group--vertical>.button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}[data-theme=dark] .button--primary{background:var(--color-primary-500);border-color:var(--color-primary-500)}[data-theme=dark] .button--primary:hover:not(:disabled){background:var(--color-primary-400);border-color:var(--color-primary-400)}[data-theme=dark] .button--secondary{background:var(--color-secondary-500);border-color:var(--color-secondary-500)}[data-theme=dark] .button--secondary:hover:not(:disabled){background:var(--color-secondary-400);border-color:var(--color-secondary-400)}[data-theme=dark] .button--ghost{color:var(--color-gray-100)}[data-theme=dark] .button--ghost:hover:not(:disabled){background:var(--color-gray-700);color:var(--color-gray-50)}[data-theme=dark] .button--outline{color:var(--color-primary-300);border-color:var(--color-primary-300)}[data-theme=dark] .button--outline:hover:not(:disabled){background:var(--color-primary-300);color:var(--color-gray-900)}[data-theme=dark] .button--danger{background:var(--color-error-500);border-color:var(--color-error-500)}[data-theme=dark] .button--danger:hover:not(:disabled){background:var(--color-error-400);border-color:var(--color-error-400)}@media (prefers-contrast: high){.button{border-width:2px}.button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.button{transition:none}.button:hover:not(:disabled){transform:none}.button__spinner-icon{animation:none}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes button-spinner-dash{0%,50%,to{stroke-dasharray:89,200;stroke-dashoffset:-35px}}}@media (max-width: 768px){.button--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base);min-height:2.75rem}.button--md{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2.25rem}.button__icon--left{margin-right:var(--space-1);margin-left:0}.button__icon--right{margin-left:var(--space-1);margin-right:0}}.card{border-radius:var(--radius-md);background-color:var(--card-bg)}.card__header{display:flex;gap:.375rem;padding:1.5rem}.card__title{font-size:1.25rem;font-weight:600;line-height:1.2}.card__description{font-size:.875rem;color:var(--text-secondary)}.card__content{padding:1.5rem;padding-top:0;overflow-x:hidden;word-wrap:break-word}.card__content *{max-width:100%;box-sizing:border-box}.card__content input,.card__content select,.card__content textarea{width:100%;min-width:0}.card__body{padding:1.5rem;padding-top:0}.card__footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.card--shadow{box-shadow:var(--shadow-md)}.card--interactive{transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__actions{display:flex;align-items:center;justify-content:flex-end}.card__actions--left{justify-content:flex-start}.card__actions--center{justify-content:center}.card__actions--between{justify-content:space-between}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.bp-modal{position:relative;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:500px;max-height:calc(100vh - 2rem);overflow-y:auto;z-index:1001}.modal--sm{max-width:400px}.modal--md{max-width:500px}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.modal--full{max-width:95vw;max-height:95vh}.modal__overlay{position:absolute;inset:0;background-color:#00000080;backdrop-filter:blur(2px)}.image-modal{max-width:90vw;max-height:90vh}.image-modal .modal__body{padding:0}.image-modal__content{display:flex;align-items:center;justify-content:center}.image-modal__image{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:8px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal__close{background:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;margin:-.5rem;border-radius:50%;transition:background-color .2s ease,color .2s ease}.modal__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal__body{padding:1.5rem}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.form{display:flex;gap:1rem}.form__group{display:flex;gap:.5rem}.form__label{font-size:.875rem;font-weight:500}.form__message{font-size:.75rem;margin-top:.25rem}.form__message--error{color:var(--color-error)}.form__message--success{color:var(--color-success)}.form__message--info{color:var(--color-info)}.form__field{padding:.85rem 1rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.form__field--textarea{min-height:150px;resize:vertical}.form__row{display:grid;grid-template-columns:1fr;gap:1rem}.form__title{font-size:1.5rem;margin-bottom:1.5rem}.form__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form--inline{flex-direction:row;align-items:flex-end}.form--inline .form__group{flex:1}.form--card{background-color:var(--card-bg);border-radius:8px;padding:2.5rem;box-shadow:var(--shadow-sm)}.switch{display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;align-items:center;border-radius:9999px;border:2px solid transparent;transition:background-color .2s ease}.switch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background)}.switch[data-state=checked]{background-color:var(--primary)}.switch[data-state=unchecked]{background-color:var(--input)}.switch-thumb{pointer-events:none;display:block;height:1.25rem;width:1.25rem;border-radius:9999px;background-color:var(--background);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s ease}.switch[data-state=checked] .switch-thumb{transform:translate(1.25rem)}.switch[data-state=unchecked] .switch-thumb{transform:translate(0)}.captcha{display:flex;align-items:center;gap:.5rem;justify-content:center}.captcha__display{display:flex;align-items:center;gap:.375rem}.captcha__code{display:flex;align-items:center;justify-content:center;width:60px;height:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1.5px solid var(--border-color);border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;color:var(--text-primary);user-select:none;position:relative}.captcha__code:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none}.captcha__refresh{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.captcha__refresh:hover{background-color:var(--bg-hover);color:var(--text-primary)}.captcha__refresh svg{width:14px;height:14px}.captcha__input-group{display:flex;align-items:center;gap:.375rem}.captcha__input{width:50px;height:32px;padding:0 .5rem;text-align:center;font-size:.875rem;border:1.5px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.captcha__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.captcha__input--error{border-color:var(--color-error)}.captcha__verify{width:50px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:none;border-radius:6px;font-size:.7rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease}.captcha__verify:hover:not(:disabled){background-color:var(--color-primary-dark)}.captcha__message{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.7rem;margin-top:.25rem;white-space:nowrap}.captcha__message--error{color:var(--color-error)}.captcha__message--success{color:var(--color-success)}.select-content{position:relative;z-index:50;max-height:300px;min-width:8rem;overflow-y:auto;border-radius:var(--radius-md);background-color:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-lg)}.select-item{position:relative;display:flex;cursor:pointer;align-items:center;padding:.375rem .75rem;font-size:.875rem;transition:background-color .2s ease}.select-item:hover{background-color:var(--bg-hover)}.select-item--selected{background-color:var(--color-primary);color:#fff}.form-field__label{font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary);transition:transform var(--transition-fast),color var(--transition-fast),font-size var(--transition-fast)}.form-field__input{padding:.75rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%;box-sizing:border-box}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.form-field__input--textarea{min-height:150px;resize:vertical}.form-field__toggle-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.form-field__error{font-size:.875rem;color:var(--color-error);margin-top:.25rem}.form-field--focused .form-field__label{color:var(--color-primary)}.form-field--error .form-field__input{border-color:var(--color-error)}.form-field--error .form-field__label{color:var(--color-error)}.form-field__label--has-value{color:var(--text-primary)}.form-field__required{color:var(--color-error);margin-left:.25rem}.form-field--floating .form-field__input{padding:1rem 1rem .5rem;height:3.5rem}.form-field--floating .form-field__label{position:absolute;top:1rem;left:1rem;margin:0;pointer-events:none;transform-origin:left top;transition:transform var(--transition-fast),color var(--transition-fast),font-size var(--transition-fast)}.form-field--floating .form-field__input:focus+.form-field__label,.form-field--floating .form-field__input:not(:placeholder-shown)+.form-field__label{transform:translateY(-.75rem) scale(.85);color:var(--color-primary)}.form-field--floating.form-field--error .form-field__input:focus+.form-field__label,.form-field--floating.form-field--error .form-field__input:not(:placeholder-shown)+.form-field__label{color:var(--color-error)}@media (max-width: 768px){.form-field{display:flex;flex-direction:column}.form-field__label{order:1;margin-bottom:.5rem}.form-field__input{order:2}}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.checkbox__input{position:absolute;opacity:0;pointer-events:none}.checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:var(--radius-sm, .125rem);background:var(--input-bg);transition:all var(--transition-fast, .15s ease)}.checkbox--sm .checkbox__box{width:16px;height:16px}.checkbox--md .checkbox__box{width:20px;height:20px}.checkbox--lg .checkbox__box{width:24px;height:24px}.checkbox__input:checked+.checkbox__box{background:var(--primary-600);border-color:var(--primary-600)}.checkbox__input:indeterminate+.checkbox__box{background:var(--primary-600);border-color:var(--primary-600)}.checkbox__input:focus+.checkbox__box{outline:none;box-shadow:0 0 0 2px var(--primary-200)}.checkbox__icon{color:#fff}.checkbox__label{color:var(--text-primary)}.checkbox--disabled{opacity:.5;cursor:not-allowed}.checkbox--card{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--card-bg);transition:all var(--transition-fast, .15s ease)}.checkbox--card:hover{border-color:var(--border-hover)}.checkbox--card .checkbox__input:checked~*{border-color:var(--primary-600);background:var(--primary-50)}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.radio__input{position:absolute;opacity:0;pointer-events:none}.radio__circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:50%;background:var(--input-bg);transition:all var(--transition-fast, .15s ease)}.radio--sm .radio__circle{width:16px;height:16px}.radio--md .radio__circle{width:20px;height:20px}.radio--lg .radio__circle{width:24px;height:24px}.radio__dot{width:50%;height:50%;border-radius:50%;background:var(--primary-600);transform:scale(0);transition:transform var(--transition-fast, .15s ease)}.radio__input:checked+.radio__circle{border-color:var(--primary-600)}.radio__input:checked+.radio__circle .radio__dot{transform:scale(1)}.radio__input:focus+.radio__circle{outline:none;box-shadow:0 0 0 2px var(--primary-200)}.radio__label{font-size:14px;color:var(--text-primary)}.radio--disabled{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:8px}.radio--card{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--card-bg);transition:all var(--transition-fast, .15s ease)}.radio--card:hover{border-color:var(--border-hover)}.radio--card .radio__input:checked~*{border-color:var(--primary-600);background:var(--primary-50)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch__input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;background:var(--border-color);border-radius:var(--radius-full, 50%);transition:all var(--transition-fast, .15s ease)}.switch--sm .switch__track{width:32px;height:18px}.switch--md .switch__track{width:40px;height:22px}.switch--lg .switch__track{width:48px;height:26px}.switch__thumb{position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;transition:all var(--transition-fast, .15s ease);box-shadow:var(--shadow-sm)}.switch--sm .switch__thumb{width:14px;height:14px}.switch--md .switch__thumb{width:18px;height:18px}.switch--lg .switch__thumb{width:22px;height:22px}.switch--checked .switch__track{background:var(--primary-600)}.switch--sm.switch--checked .switch__thumb{transform:translate(14px)}.switch--md.switch--checked .switch__thumb{transform:translate(18px)}.switch--lg.switch--checked .switch__thumb{transform:translate(22px)}.switch__input:focus+.switch__track{outline:none;box-shadow:0 0 0 2px var(--primary-200)}.switch__label{font-size:14px;color:var(--text-primary)}.switch--disabled{opacity:.5;cursor:not-allowed}.switch--success.switch--checked .switch__track{background:var(--success-600)}.switch--warning.switch--checked .switch__track{background:var(--warning-600)}.switch--error.switch--checked .switch__track{background:var(--error-600)}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.file-upload:hover{border-color:var(--border-hover);background:var(--bg-hover)}.file-upload--drag-over{border-color:var(--primary-600);background:var(--primary-50)}.file-upload--disabled{opacity:.5;cursor:not-allowed}.file-upload__input{position:absolute;opacity:0;pointer-events:none}.file-upload__content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.file-upload__icon{color:var(--text-muted)}.file-upload__text{display:flex;flex-direction:column;gap:4px}.file-upload__primary{font-size:14px;font-weight:500;color:var(--text-primary)}.file-upload__secondary{font-size:12px;color:var(--text-muted)}.captcha-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md)}.captcha-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.captcha-code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);background:linear-gradient(45deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;user-select:none}.captcha-refresh{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex;align-items:center;justify-content:center}.captcha-refresh:hover{color:var(--primary-600);background:var(--bg-hover)}.captcha-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.captcha-input-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.captcha-input-group input{padding:var(--space-2) var(--space-3);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-colors)}.captcha-input-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.captcha-verify{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.captcha-verify--success{color:var(--success-600)}.captcha-verify--error{color:var(--error-600)}.container{width:100%;max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 1rem)}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:none}@media (max-width: 768px){.container{padding:0 var(--space-3)}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.layout__content{flex:1;display:flex;flex-direction:column}.layout__main{flex:1;width:100%;max-width:100%;overflow-x:hidden}.hero{position:relative;padding:var(--space-16) 0;min-height:calc(100vh - var(--header-height, 64px));display:flex;align-items:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.hero--dark{background:var(--bg-dark, #111827)}.hero--with-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.hero__overlay{position:fixed;inset:0;background:linear-gradient(178deg,#fff9,#0000004d);z-index:1;pointer-events:none}.hero__container{position:relative;z-index:2;max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 1rem);width:100%}.hero__content{max-width:800px;margin:0 auto}.hero__subtitle{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0 0 var(--space-4)}.hero__title{font-size:clamp(2.5rem,5vw,3.625rem);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-primary);text-shadow:0 2px 4px rgb(135 135 135);margin:0 0 var(--space-6);padding:1rem 2rem;border-radius:5rem}.hero__description{font-size:clamp(1.125rem,2.5vw,1.75rem);line-height:var(--leading-relaxed);color:#000;text-shadow:0 1px 2px rgb(255 255 255);margin:0 0 var(--space-8);padding:1rem 1.5rem 1.875rem;max-width:600px;margin-left:auto;margin-right:auto;border-radius:5rem;font-weight:700}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;padding-bottom:1.875rem}.hero__actions .button{box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.hero__actions .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.hero__actions .button--primary:hover:not(:disabled){background:var(--color-primary-dark)!important;border-color:#fff}.hero__actions .button--secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:#fff}.hero__scroll-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border:1px solid #ffffff;border-radius:50%;cursor:pointer;transition:all .3s ease;margin-left:1rem}.hero__scroll-arrow:hover{background:var(--color-primary-dark);border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.hero__scroll-icon{color:#fff}.hero__image{width:100%;height:auto;border-radius:var(--radius-lg);margin-top:var(--space-8)}@media (max-width: 768px){.hero{padding:var(--space-12) 0;min-height:calc(100vh - var(--header-height-mobile, 60px))}.hero__actions{flex-direction:column;align-items:center;gap:var(--space-3)}.hero__scroll-arrow{margin-left:0;margin-top:1rem}.about__hero-title{font-size:var(--text-4xl)}}@media (max-width: 480px){.hero{padding:var(--space-8) 0}.hero__actions{padding-bottom:1.25rem}}.hero__content>*{opacity:1;transform:none}.dark .hero{background:var(--bg-dark)}.dark .hero__title{color:var(--text-primary-dark)}.dark .hero__description{color:var(--text-secondary-dark)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.header{width:100%;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:999;position:fixed;top:0;left:0;right:0;height:64px;transition:height var(--transition-normal)}.header--scrolled{height:42px;transition:height .3s ease}.header--scrolled:hover{height:64px}.header--sticky{position:sticky;top:0}.header--transparent{background:transparent;border-bottom:none}.header__container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:64px;padding:0 1rem;min-height:100%;overflow:visible;position:relative;gap:1rem;width:100%;box-sizing:border-box}.header__logo{display:flex;align-items:center;font-weight:600;font-size:1rem;color:var(--header-text, var(--text-primary));justify-self:start;position:absolute;left:70px;top:50%;transform:translateY(-50%);z-index:999}.header__nav{display:flex;align-items:stretch;gap:1rem;justify-content:center;height:100%;overflow:visible;position:absolute;left:50%;transform:translate(-50%);top:0;z-index:999}.header__nav-content{display:flex;align-items:stretch;gap:1rem;height:100%;overflow:visible;white-space:nowrap;transition:transform .3s ease}.header__nav--open{display:flex}.header__actions{display:flex;align-items:center;gap:.5rem;justify-self:end;width:100%;justify-content:flex-end}.header--frontend{background:var(--bg-primary);box-shadow:0 4px 6px #0000000d;transition:height .3s ease}.header--frontend .header__container{padding:1rem 1.5rem}.header--admin{height:56px;background:var(--bg-alt, #f3f4f6);border-bottom:1px solid var(--border-color)}.header--admin .header__container{padding:.5rem 1.5rem}.header--admin .header__navigation{justify-content:flex-start;margin-left:1.5rem}.header__nav-list{display:flex;align-items:center;height:100%}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--header-text, var(--text-primary));text-decoration:none;font-weight:500;border-radius:var(--radius-md, 6px);transition:transform var(--transition-normal),color .2s ease,background-color .2s ease;position:relative;height:100%;box-sizing:border-box;cursor:pointer}.header__nav-link:hover{color:var(--text-primary)}.header__nav-link--active{color:var(--color-primary);font-weight:600}.header__nav-link:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background-color:var(--color-primary);transition:width var(--transition-normal, .25s ease)}.header__nav-link:hover:after,.header__nav-link--active:after{width:100%}.header__nav-icon{width:16px;height:16px;flex-shrink:0}.header__menu-trigger{background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md)}.header__user-menu{position:relative;display:flex}.header__icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-colors)}.header__icon-link:hover{color:var(--text-primary)}.header__logo-link{display:flex;align-items:center;text-decoration:none;font-size:var(--text-xl);color:var(--text-primary);cursor:pointer}.header__mobile-actions{align-items:center;gap:.5rem}.header__actions--desktop{display:flex;align-items:center;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10}.header__cart-desktop{display:flex;align-items:center;margin-right:.5rem}.header__cart-desktop .header__cart-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-colors);color:var(--text-primary)}.header__cart-desktop .header__cart-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header__triangle-icon{width:20px;height:20px;transition:transform .3s ease}.header__slide-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-hover);cursor:pointer;border-radius:50%;color:var(--text-primary);animation:subtlePulse 1.5s ease-in-out infinite;position:relative}.header--overflow .header__slide-toggle:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1s ease-in-out infinite}.header__slide-toggle--open{animation:none}@keyframes subtlePulse{0%,to{box-shadow:0 0 #3b82f61a}50%{box-shadow:0 0 8px 2px #3b82f626}}.header__slide-toggle:hover{background-color:#c6e0ff}.header__slide-toggle--open .header__triangle-icon{transform:rotate(180deg)}.header__slide-menu{align-items:center;gap:.5rem}.header__slide-menu--open{display:flex!important;animation:slideMenuIn .3s ease}.header__overflow-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-hover);cursor:pointer;border-radius:6px;transition:all .2s ease;color:var(--text-primary);margin-right:.5rem;position:relative}.header__overflow-toggle:hover,.header__overflow-toggle--open{background-color:var(--color-primary);color:#fff}.header__overflow-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:8px}.header__overflow-menu--padded{padding-top:.5rem;padding-bottom:.5rem}.header__overflow-menu .header__nav-list{flex-direction:column;gap:0}.header__overflow-menu .header__nav-item{width:100%}.header__overflow-menu .header__nav-link{padding:12px 16px;margin:0 4px;height:auto}.header__overflow-menu .header__nav-link:after{bottom:-8px;height:4px}.header__overflow-menu .header__nav-link:hover{background-color:var(--bg-hover)}.header__overflow-menu .header__nav-link:hover:after{bottom:-8px;height:4px}.header__overflow-container{position:relative;display:flex;align-items:center}.header__overflow-link{display:block;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:background-color .2s ease}.header__overflow-link:hover{background-color:var(--bg-hover);color:var(--color-primary)}.header__nav-item{opacity:1;transform:translate(0)}.header__overflow-container .header__overflow-toggle{opacity:1;transform:scale(1)}.header__overflow-menu{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInItem{0%{opacity:0;transform:translateY(5px)}to{transform:translateY(0)}}.header__overflow-count{position:absolute;top:-4px;right:-4px;background:var(--color-primary);color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.header__overflow-toggle:hover .header__overflow-count{background:var(--color-primary-dark, #1d4ed8)}.header__overflow-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.header__overflow-link:focus{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--bg-hover)}@media (prefers-contrast: high){.header__overflow-toggle{border:1px solid currentColor}.header__overflow-menu{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.header__nav-item,.header__overflow-toggle,.header__overflow-menu,.header__overflow-link{animation:none!important;transition:none!important}}.header__nav-loading{display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:1rem}.header__error{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-error, #fef2f2);border-radius:var(--radius-md)}.header__error-message{color:var(--error-600, #dc2626);font-size:.9rem;font-weight:500}@media (max-width: 1200px){.header__nav-list{gap:.5rem}}@media (max-width: 1024px){.header__nav-link{padding:.75rem;font-size:.9rem}}@keyframes slideMenuIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.header__hamburger{position:relative;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;align-items:center;justify-content:center;justify-self:end;z-index:1001}.header__hamburger-box{position:relative;display:inline-block;width:24px;height:18px}.header__hamburger-inner{position:absolute;width:24px;height:2px;background-color:var(--text-primary);border-radius:4px;transition:transform var(--transition-fast);top:50%;margin-top:-1px}.header__hamburger-inner:before,.header__hamburger-inner:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);border-radius:4px;transition:transform var(--transition-fast)}.header__hamburger-inner:before{top:-8px}.header__hamburger-inner:after{top:8px}.header__hamburger--active .header__hamburger-inner{background-color:transparent}.header__hamburger--active .header__hamburger-inner:before{top:0;transform:rotate(45deg)}.header__hamburger--active .header__hamburger-inner:after{top:0;transform:rotate(-45deg)}.header-shrink{height:40px!important}.logo-shrink{transform:translateY(-4px)}.header--scrolled .header__container{height:42px;transition:height .3s ease}.header--scrolled:hover .header__container{height:64px}.header--scrolled .header__logo{transform:scale(.8) translateY(-50%) translateY(-12px)}.header--scrolled .header__nav-link,.header--scrolled .menu-item .header__nav-link{transform:scale(.8) translateY(-4px)}.header--scrolled .header__slide-toggle{transform:translateY(-4px)}.header--scrolled .header__cart-desktop{transform:scale(.9) translateY(-4px)}.header--scrolled .header__cart-link{transform:scale(.9)}.header--scrolled .cart-badge{transform:translate(-50%) scale(.9)}@media (max-width: 767px){.header__container{padding:.5rem 1rem;grid-template-columns:1fr auto}.header__logo{left:0;justify-self:center;right:0}.header__actions--desktop{display:flex!important;justify-self:end}.header__actions--desktop>*:not(.header__hamburger){display:none!important}.header__hamburger{display:flex!important}.header__mobile-actions{display:flex!important;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:1rem}.header__nav{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem;flex-direction:column;gap:.5rem;z-index:998;opacity:0;transform:translateY(-10px);max-height:calc(100vh - 64px);overflow-y:auto;pointer-events:none}.header__nav--open{display:flex!important;opacity:1;transform:translateY(0);padding:5px;pointer-events:auto}.header__nav-list{flex-direction:column;gap:0;height:auto;width:100%}.header__nav-item{width:100%;border-bottom:1px solid var(--border-color)}.header__nav-item:last-child{border-bottom:none}.header__nav-link{padding:16px 20px;height:auto;min-height:48px;width:100%;box-sizing:border-box;justify-content:flex-start;border-radius:0}.header__nav-link:after{display:none}.header__nav--open .header__mobile-actions>*{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 767px){.header--scrolled .header__logo{transform:translateY(-50%)}.header--scrolled .header__nav-link,.header--scrolled .menu-item .header__nav-link{transform:none}}@media (min-width: 768px){.header__hamburger{display:none!important}.header__actions--desktop{display:flex!important}.header__mobile-actions{display:none!important}}.header-icon-base,.header__icon-link,.accessibility-toggle,.color-picker__toggle,.theme-toggle,.lang-switcher__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none}.header-icon-base:hover,.header__icon-link:hover,.accessibility-toggle:hover,.color-picker__toggle:hover,.theme-toggle:hover,.lang-switcher__trigger:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.header-icon-base svg,.header__icon-link svg,.accessibility-toggle svg,.color-picker__toggle svg,.theme-toggle svg{width:20px;height:20px}.lang-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:15px;font-weight:600;letter-spacing:.5px}.lang-switcher__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.5px}.header__icon-link--logout{color:var(--error-600)}.header__icon-link--logout:hover{background-color:var(--error-50);color:var(--error-700)}.lang-switcher{position:relative}.lang-switcher__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:1000;min-width:120px}.lang-switcher__option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-primary);text-decoration:none}.lang-switcher__option:hover{background-color:var(--bg-hover)}.lang-switcher__option--active{background-color:var(--primary-50);color:var(--primary-700)}.menu-item{position:relative;display:inline-block;height:100%}.menu-item-wrapper{position:relative;display:flex;align-items:center;width:100%}@media (min-width: 769px){.menu-item:hover .menu-dropdown,.menu-item--open .menu-dropdown{display:block;opacity:1;visibility:visible;transform:translateY(8px)}.menu-dropdown-nested:hover .menu-dropdown-subpanel,.menu-dropdown-nested--open .menu-dropdown-subpanel{display:block;opacity:1;visibility:visible;transform:translate(0)}}.menu-dropdown{position:absolute;top:100%;left:0;transform:translateY(8px);background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000047;min-width:220px;max-width:90vw;padding:8px 0;z-index:1001;display:none;opacity:0;visibility:hidden;transition:all .2s ease}.menu-dropdown-item{position:relative}.menu-dropdown-link{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .2s ease;position:relative;min-height:44px;box-sizing:border-box;z-index:1010;margin:0 4px;border-radius:4px}.menu-dropdown-link:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background-color:var(--color-primary);transition:width var(--transition-normal, .25s ease)}.menu-dropdown-link:hover,.menu-dropdown-link--active{background-color:var(--bg-hover);color:var(--color-primary)}.menu-dropdown-link:hover:after,.menu-dropdown-link--active:after{width:100%}.menu-dropdown-nested{position:relative}.menu-dropdown-subpanel{position:absolute;top:-9px;left:100%;background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:8px 0;z-index:1020;display:none;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease}.menu-dropdown-subitem{position:relative}.menu-dropdown-sublink{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:all .2s ease;min-height:44px;box-sizing:border-box;margin:0 4px;border-radius:4px;position:relative}.menu-dropdown-sublink:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background-color:var(--color-primary);transition:width var(--transition-normal, .25s ease)}.menu-dropdown-sublink:hover,.menu-dropdown-sublink--active{background-color:var(--bg-hover);color:var(--color-primary)}.menu-dropdown-sublink:hover:after,.menu-dropdown-sublink--active:after{width:100%}a:focus,.menu-dropdown-link:focus,.menu-dropdown-link-text:focus,.menu-dropdown-sublink:focus{outline:none!important;border:none!important}.menu-dropdown-icon{margin-right:8px;display:inline-flex;align-items:center;width:16px;height:16px;flex-shrink:0}.menu-mobile-arrow{margin-left:auto;font-size:12px;transition:transform .2s ease;color:var(--text-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;cursor:pointer}.menu-item--open .menu-mobile-arrow{transform:rotate(90deg)}.menu-dropdown-arrow{margin-left:auto;font-size:10px;transition:transform .2s ease;color:var(--text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-dropdown-nested--open .menu-dropdown-arrow{transform:rotate(90deg)}.menu-dropdown-children{padding-left:8px;border-left:1px solid var(--border-color);margin-left:0;margin-top:4px;transition:max-height .3s ease}.menu-dropdown-link--expandable{display:flex;align-items:center;padding:0;cursor:default}@media (min-width: 769px){.menu-dropdown-link--expandable{display:flex;align-items:center;padding:12px 16px;transition:none;transform:none;height:100%}.menu-dropdown-link--expandable .menu-dropdown-link-text{font-weight:500;padding:0;transition:none;transform:none;display:flex;align-items:center;height:100%}.menu-dropdown-link--expandable .menu-dropdown-toggle{display:flex;align-items:center;height:100%}.menu-dropdown-link--expandable:hover,.menu-dropdown-link--expandable .menu-dropdown-link-text:hover{transform:none!important}.menu-dropdown-link--expandable:after{display:none}}.menu-dropdown-link-text{flex:1;display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:background-color .2s ease}.menu-dropdown-link-text:hover{background-color:var(--bg-hover)}.menu-dropdown-toggle{display:none}@media (max-width: 768px){.menu-dropdown-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:44px;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease}.menu-dropdown-toggle:hover{background-color:var(--bg-hover)}.menu-item__wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}}@media (min-width: 769px){.menu-item>.menu-dropdown-link--expandable>.menu-dropdown-toggle{display:none}.menu-dropdown-link--expandable{display:flex;align-items:center;padding:.75rem 1rem;height:100%;box-sizing:border-box;transition:color .2s ease,background-color .2s ease}.menu-dropdown-link--expandable:hover{background:var(--bg-hover)}.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:0;font-weight:500;flex:1;color:inherit}}.menu-dropdown-nested>.menu-dropdown-link{position:relative}.menu-dropdown-nested>.menu-dropdown-link:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.menu-dropdown-subpanel{animation:slideInRight .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.menu-dropdown-link,.menu-dropdown-sublink{transition:background-color .2s ease,color .2s ease,transform .1s ease}@media (min-width: 769px){.menu-dropdown-link:hover,.menu-dropdown-sublink:hover{transform:translate(2px)}}.menu-mobile-arrow,.menu-dropdown-arrow{transition:transform .2s ease,color .2s ease}.menu-dropdown-link:focus,.menu-dropdown-sublink:focus{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--bg-hover)}@media (max-width: 768px){.menu-item{width:100%;display:block}.menu-item-wrapper{justify-content:space-between;padding:.5rem 0}.menu-item .menu-dropdown,.menu-dropdown{position:static!important;display:block;width:100%;border:none;border-radius:0;background:transparent;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;visibility:visible;transform:none;top:auto;left:auto;min-width:auto}.menu-item--open .menu-dropdown,.menu-dropdown--open{max-height:500px;opacity:1}.menu-dropdown-item{border-bottom:1px solid var(--border-color)}.menu-dropdown-item:last-child{border-bottom:none}.menu-item>.menu-dropdown-link--expandable{padding:12px 16px!important;font-weight:500;font-size:.9rem;min-height:44px;max-height:44px;height:44px;display:flex;align-items:center;box-sizing:border-box}.menu-item>.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:0!important;height:100%;display:flex;align-items:center;flex:1}.menu-dropdown-link,.menu-dropdown-link-text{padding:12px 32px!important;font-size:.9rem;font-weight:500;border-radius:0;min-height:44px;height:auto;margin:0;width:100%;box-sizing:border-box;display:flex;align-items:center}.menu-dropdown-link--expandable{padding:0!important;display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;box-sizing:border-box}.menu-dropdown-link--expandable .menu-dropdown-link-text{padding:12px 32px!important;flex:1;height:44px}.menu-dropdown-children{padding-left:8px;margin-left:0;margin-top:0;border-left:1px solid var(--border-color);max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px)}.menu-dropdown-children--open{max-height:300px;opacity:1;transform:translateY(0);background-color:var(--bg-hover)}.menu-dropdown-children .menu-dropdown-link{padding:12px 48px!important;font-size:.85rem;font-weight:500}.menu-dropdown-link:after,.menu-dropdown-link-text:after{display:none!important}.menu-item>.menu-dropdown-link--active:after{display:block!important;content:"";position:absolute;bottom:-8px;right:16px;height:4px;background-color:var(--color-primary)}.menu-item>.menu-dropdown-link--active{position:relative}.menu-dropdown-subitem{border-bottom:1px solid var(--border-color)}.menu-dropdown-subitem:last-child{border-bottom:none}.menu-dropdown-sublink{padding:1rem 1.5rem;font-size:.85rem}.menu-mobile-arrow,.menu-dropdown-arrow{display:block;font-size:14px;color:var(--text-secondary)}.menu-mobile-arrow{padding:.5rem;cursor:pointer;user-select:none}.menu-dropdown-link:hover,.menu-dropdown-sublink:hover{transform:none}.menu-dropdown-nested>.menu-dropdown-link:after{display:none}.header__nav--open .menu-item{margin-bottom:.5rem}.header__nav--open .menu-item:last-child{margin-bottom:0}}@keyframes slideDownMobile{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@media (min-width: 769px) and (max-width: 1024px){.menu-dropdown{min-width:200px}.menu-dropdown-subpanel{min-width:180px}}.hamburger{display:flex;position:relative;width:40px;height:40px;background:transparent;cursor:pointer;padding:0;align-items:center;justify-content:center;z-index:1001;border-radius:6px;transition:background-color .2s ease;color:var(--text-primary)}.hamburger .icon{transition:opacity .2s ease,transform .2s ease}.hamburger--active .icon{transform:rotate(90deg)}.hamburger:hover{background-color:var(--bg-hover)}@media (max-width: 767px){.hamburger{display:flex!important}}@media (min-width: 768px){.hamburger{display:none!important}}#hamburger .icon,.hamburger:hover .icon{color:var(--text-primary)}.footer{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(var(--color-primary-rgb),.05) 100%);border-top:1px solid var(--border-color);margin-top:auto;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.6}.footer--visible{opacity:1;transform:translateY(0)}.footer__grid{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--space-12);padding:var(--space-12) 0 var(--space-8) 0;position:relative}.footer__brand{display:flex;flex-direction:column;gap:var(--space-6)}.footer__logo{font-size:var(--font-size-2xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.footer__tagline{line-height:1.7;margin:0;font-size:var(--font-size-md);max-width:280px}.footer__social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer__social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden}.footer__social a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.footer__social a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3)}.footer__social a:hover:before{left:100%}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer__column{display:flex;flex-direction:column;gap:var(--space-4)}.footer__heading{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;position:relative;padding-bottom:var(--space-2)}.footer__heading:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--color-primary);border-radius:1px}.footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer__list li{position:relative}.footer__list a{text-decoration:none;font-weight:500;position:relative;padding-left:var(--space-4)}.footer__list a:before{content:"→";position:absolute;left:0;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--color-primary)}.footer__list a:hover{color:var(--color-primary);transform:translate(var(--space-2))}.footer__list a:hover:before{opacity:1;transform:translate(0)}.footer__address{font-style:normal;line-height:1.8;font-weight:500}.footer__address p{margin:0 0 var(--space-2) 0;transition:color .3s ease}.footer__address a{text-decoration:none;font-weight:600;border-bottom:1px solid transparent}.footer__address a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) 0;border-top:1px solid var(--border-color);margin-top:var(--space-4);position:relative}.footer__bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--color-primary);opacity:.8}.footer__copyright{font-size:var(--font-size-sm);margin:0;font-weight:500}.footer__legal{display:flex;gap:var(--space-6)}.footer__legal a{text-decoration:none;font-size:var(--font-size-sm);font-weight:600;position:relative;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.footer__legal a:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}@media (max-width: 768px){.footer__grid{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) 0 var(--space-6) 0}.footer__brand{text-align:center}.footer__social{justify-content:center}.footer__links{grid-template-columns:1fr;gap:var(--space-6)}.footer__column{text-align:center}.footer__heading:after{left:50%;transform:translate(-50%)}.footer__list a{padding-left:0}.footer__list a:before{display:none}.footer__list a:hover{transform:none}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer__legal{justify-content:center;gap:var(--space-4)}}.search-toggle-container{position:relative}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none!important;background:transparent;cursor:pointer;border-radius:50%;transition:all .2s ease;color:var(--text-primary)!important}.search-toggle:hover{background-color:var(--bg-hover);color:var(--color-primary)!important;transform:translateY(-2px)}.search-toggle:focus{outline:none}.search-toggle--active{background-color:var(--color-primary);color:#fff}.search-dropdown-wrapper{position:absolute;top:100%;right:0;z-index:1000;margin-top:8px}.search-toggle__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:all .2s ease;color:var(--text-primary)}.search-toggle__button:hover{background-color:var(--bg-hover);color:var(--color-primary);transform:translateY(-2px)}.search-toggle__button:focus{outline:none}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:12px;animation:slideDown .3s ease}.search-dropdown__list{list-style:none;padding:8px 0;margin:0;max-height:300px;overflow-y:auto}.search-dropdown__item{margin:0}.search-dropdown__button{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.search-dropdown__button:hover{background-color:var(--bg-hover)}.search-dropdown__title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.search-dropdown__description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.search-dropdown__type{font-size:11px;padding:2px 6px;background:var(--bg-alt);color:var(--text-muted);border-radius:var(--radius-sm, .125rem);text-transform:uppercase;font-weight:500}.search-dropdown__empty{padding:24px 16px;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.search-dropdown{width:300px;max-width:calc(100vw - 2rem)}}.search-results{padding:2rem 0}.search-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.search-results__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.search-results__count{font-size:.875rem;color:var(--text-muted)}.search-results__loading,.search-results__empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.search-results__list{display:flex;flex-direction:column;gap:1.5rem}.search-results__item{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);transition:all var(--transition-fast, .15s ease)}.search-results__item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.search-results__item-title{margin:0 0 .5rem}.search-results__item-title a{color:var(--text-primary);text-decoration:none;font-size:1.125rem;font-weight:600;transition:color var(--transition-fast, .15s ease)}.search-results__item-title a:hover{color:var(--text-accent)}.search-results__item-description{color:var(--text-secondary);line-height:1.6;margin:0 0 .75rem}.search-results__item-type{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-alt);color:var(--text-muted);border-radius:var(--radius-sm, .125rem);text-transform:uppercase;font-weight:500}.search-input{position:relative;margin-bottom:1rem}.search-input__field{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.search-input__wrapper{position:relative}.search-input__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.search-input__clear:hover{color:var(--text-primary);background-color:var(--bg-hover)}.search-input__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.search-input__field::placeholder{color:var(--text-secondary)}.search-input__icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input__spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.search-results{max-height:400px;overflow-y:auto}.search-results__header{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.search-results__loading,.search-results__empty{padding:2rem;text-align:center;color:var(--text-secondary)}.search-results__list{display:flex;flex-direction:column;gap:.5rem}.search-item{display:block;padding:.75rem;border-radius:6px;text-decoration:none;color:inherit;transition:background-color .2s ease}.search-item:hover{background-color:var(--bg-hover)}.search-item__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.search-item__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-item__category{font-size:.75rem;padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:12px;text-transform:uppercase;font-weight:500}.search-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-colors)}.search-item:hover{background:var(--bg-hover)}.search-item:last-child{border-bottom:none}.search-item__content{display:flex;flex-direction:column;gap:var(--space-1)}.search-item__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.search-item__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.search-item__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.search-item__category{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-weight:var(--font-medium)}.search-results{padding:var(--space-6) 0}.search-results__loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary)}.search-results__empty{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.search-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.search-results__list{display:flex;flex-direction:column;gap:var(--space-4)}.search-panel{position:fixed;inset:0;background:var(--bg-primary);z-index:1000;display:flex;flex-direction:column;transform:translateY(-100%);transition:transform var(--transition-base)}.search-panel--open{transform:translateY(0)}.search-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-color)}.search-panel__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-colors)}.search-panel__close:hover{color:var(--text-primary);background:var(--bg-hover)}.search-panel__content{flex:1;padding:var(--space-4);overflow-y:auto}@media (max-width: 768px){.search-input{max-width:none}.search-dropdown__content{position:fixed;top:60px;left:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color)}}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;overflow:hidden}.theme-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.theme-toggle__icon{width:20px;height:20px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.theme-toggle__icon--sun{position:absolute;opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle__icon--moon,.dark .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}.dark .theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.5)}.color-picker{position:relative;display:inline-block}.color-picker__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background-color .15s ease}.color-picker__toggle:hover{background-color:var(--bg-hover)}.color-picker__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.color-picker__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-picker__option{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative;background:none}.color-picker__option:hover{transform:scale(1.1);border-color:var(--border-color)}.color-picker__option--active{border-color:var(--text-primary);transform:scale(1.1)}.color-picker__option--active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.rainbow-theme .color-picker__option--active:after{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}@media (max-width: 768px){.color-picker__dropdown{left:auto;right:0;transform:none;min-width:180px}.color-picker__grid{grid-template-columns:repeat(3,1fr);gap:10px}.color-picker__option{width:28px;height:28px}}.heading{margin:0;font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.heading--1{font-size:var(--text-4xl);font-weight:var(--font-bold)}.heading--2{font-size:var(--text-3xl)}.heading--3{font-size:var(--text-2xl)}.heading--4{font-size:var(--text-xl)}.heading--5{font-size:var(--text-lg)}.heading--6{font-size:var(--text-base);font-weight:var(--font-medium)}.heading--display{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-none)}.heading--subtitle{font-weight:var(--font-medium);color:var(--text-secondary)}.text{margin:0;font-family:var(--font-sans);line-height:var(--leading-relaxed)}.text--xs{font-size:var(--text-xs)}.text--sm{font-size:var(--text-sm)}.text--base{font-size:var(--text-base)}.text--lg{font-size:var(--text-lg)}.text--xl{font-size:var(--text-xl)}.text--normal{font-weight:var(--font-normal)}.text--medium{font-weight:var(--font-medium)}.text--semibold{font-weight:var(--font-semibold)}.text--bold{font-weight:var(--font-bold)}.text--primary{color:var(--text-primary)}.text--secondary{color:var(--text-secondary)}.text--muted{color:var(--text-muted)}.text--error{color:var(--error-600)}.text--success{color:var(--success-600)}.text--warning{color:var(--warning-600)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.link{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors);cursor:pointer;background:none;border:none;font:inherit}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.link--button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:var(--color-primary);color:#fff}.link--button:hover{background:var(--color-primary-dark);text-decoration:none;color:#fff;transform:translateY(-1px)}.link--button.btn--sm{padding:.5rem 1rem;font-size:.875rem}.link--button.btn--lg{padding:1rem 2rem;font-size:1.125rem}.link--button.btn--secondary{background:var(--color-secondary)}.link--button.btn--secondary:hover{background:var(--color-secondary-hover)}.link--button.btn--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.link--button.btn--outline:hover{background:var(--color-primary);color:#fff}.link--subtle{color:var(--text-secondary)}.link--subtle:hover{color:var(--text-primary)}.code{font-family:var(--font-mono);font-size:.875em}.code--inline{padding:.125rem .25rem;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-800)}.code-block{margin:0;padding:var(--space-4);background:var(--gray-900);border-radius:var(--radius-md);overflow-x:auto}.code--block{color:var(--gray-100);display:block}.dark .code--inline{background:var(--gray-800);color:var(--gray-200)}@media (max-width: 768px){.heading--display{font-size:var(--text-4xl)}.heading--1{font-size:var(--text-3xl)}.heading--2{font-size:var(--text-2xl)}.heading--3{font-size:var(--text-xl)}.heading--4{font-size:var(--text-lg)}.text{line-height:var(--leading-relaxed)}.text--lg{font-size:var(--text-base)}.text--xl{font-size:var(--text-lg)}.link--button{padding:var(--space-3) var(--space-4);min-height:44px}.code-block{padding:var(--space-3);font-size:var(--text-sm)}}.date-picker{position:relative;display:inline-block}.date-picker__trigger{display:flex;align-items:center;justify-content:space-between;min-width:200px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.date-picker__trigger:hover{border-color:var(--border-hover)}.date-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.date-picker__value{font-size:14px}.date-picker__dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);padding:16px;margin-top:4px;min-width:280px}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-picker__nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm, .125rem);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.date-picker__nav:hover{background:var(--bg-hover)}.date-picker__month{font-weight:600;color:var(--text-primary)}.date-picker__calendar{display:flex;flex-direction:column;gap:8px}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker__weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;font-weight:600;color:var(--text-muted)}.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker__day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm, .125rem);cursor:pointer;font-size:14px;transition:all var(--transition-fast, .15s ease)}.date-picker__day:hover{background:var(--bg-hover)}.date-picker__day:disabled{opacity:.3;cursor:not-allowed}.date-picker__day--other-month{color:var(--text-muted)}.date-picker__day--today{background:var(--primary-100);color:var(--primary-700);font-weight:600}.date-picker__day--selected{background:var(--primary-600);color:#fff}.date-picker__day--selected:hover{background:var(--primary-700)}.rich-editor{border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);background:var(--input-bg);transition:border-color var(--transition-fast, .15s ease)}.rich-editor--focused{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-200)}.rich-editor__toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md, .375rem) var(--radius-md, .375rem) 0 0}.rich-editor__tool{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm, .125rem);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast, .15s ease)}.rich-editor__tool:hover{background:var(--bg-hover);color:var(--text-primary)}.rich-editor__tool--active{background:var(--primary-100);color:var(--primary-700)}.rich-editor__tool:disabled{opacity:.5;cursor:not-allowed}.rich-editor__separator{width:1px;height:20px;background:var(--border-color);margin:0 4px}.rich-editor__content{padding:12px;outline:none;overflow-y:auto;font-size:14px;line-height:1.6;color:var(--text-primary)}.rich-editor__content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.rich-editor__content p{margin:0 0 8px}.rich-editor__content p:last-child{margin-bottom:0}.rich-editor__content ul,.rich-editor__content ol{margin:8px 0;padding-left:24px}.rich-editor__content li{margin:4px 0}.rich-editor__content a{color:var(--primary-600);text-decoration:underline}.rich-editor__content a:hover{color:var(--primary-700)}.rich-editor__content strong{font-weight:600}.rich-editor__content em{font-style:italic}.rich-editor__content u{text-decoration:underline}.rich-editor__content strike{text-decoration:line-through}.table__container{overflow-x:auto;border-radius:8px;border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse;background-color:var(--color-bg-primary)}.table--bordered{border:1px solid var(--color-border)}.table--striped .table__row:nth-child(2n){background-color:var(--color-bg-secondary)}.table--hover .table__row:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .05))}.table--compact .table__cell,.table--compact .table__header{padding:.5rem}.table__head{background-color:var(--color-bg-secondary)}.table__header{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.table__body{background-color:var(--color-bg-primary)}.table__row{transition:background-color .2s ease}.table__row--selected{background-color:var(--color-primary-light, rgba(59, 130, 246, .1))}.table__row--clickable{cursor:pointer}.table__cell{padding:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.dark .table{background-color:var(--color-bg-primary)}.dark .table__head{background-color:var(--color-bg-secondary)}.dark .table--hover .table__row:hover{background-color:#ffffff0d}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-6) 0}.pagination__button{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination__button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-hover)}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.pagination__button--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination__button--nav{font-family:monospace;font-weight:700}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--text-secondary);font-weight:700}@media (max-width: 768px){.pagination{gap:var(--space-1)}.pagination__button{min-width:36px;height:36px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.pagination__ellipsis{min-width:36px;height:36px}}.alert{padding:1rem 1.25rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:flex-start;position:relative}.alert--info{background-color:var(--color-info-light);border-left:4px solid var(--color-info);color:var(--color-info-dark)}.alert--success{background-color:var(--color-success-light);border-left:4px solid var(--color-success);color:var(--color-success-dark)}.alert--warning{background-color:var(--color-warning-light);border-left:4px solid var(--color-warning);color:var(--color-warning-dark)}.alert--error{background-color:var(--color-error-light);border-left:4px solid var(--color-error);color:var(--color-error-dark)}.alert__icon{margin-right:.75rem;flex-shrink:0;margin-top:.125rem}.alert__title{font-weight:600;margin:0 0 .25rem;font-size:1rem}.alert__message{margin:0;font-size:.9rem;line-height:1.5}.alert__close{background:none;border:none;cursor:pointer;padding:.25rem;margin-left:.5rem;color:inherit;opacity:.7;flex-shrink:0}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:.2rem solid rgba(var(--color-primary-rgb, 59, 130, 246),.2);border-radius:50%;border-top-color:var(--color-primary);animation:spinner-rotation .8s linear infinite}.spinner--sm{width:1rem;height:1rem;border-width:.15rem}.spinner--lg{width:2.5rem;height:2.5rem;border-width:.25rem}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center}.loading__spinner{width:24px;height:24px;border:2px solid var(--bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading--overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;z-index:100}.loading--sm .loading__spinner{width:16px;height:16px;border-width:1px}.loading--lg .loading__spinner{width:32px;height:32px;border-width:3px}.page-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1rem}.page-loading__spinner{width:60px;height:60px;border:4px solid var(--bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.page-loading__text{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-top:1rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;background-color:var(--bg-secondary);color:var(--text-primary)}.badge--primary{background-color:var(--color-primary);color:#fff}.badge--secondary{background-color:var(--color-secondary);color:#fff}.badge--success{background-color:var(--color-success);color:#fff}.badge--error{background-color:var(--color-error);color:#fff}.badge--warning{background-color:var(--color-warning);color:#fff}.badge--outline{background-color:transparent;border:1px solid currentColor}.badge--sm{padding:.125rem .375rem;font-size:.625rem}.badge--lg{padding:.375rem .75rem;font-size:.875rem}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip__icon{cursor:help;opacity:.7;transition:opacity .2s ease}.tooltip__icon:hover{opacity:1}.tooltip__text{position:absolute;color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:400;white-space:nowrap;box-shadow:0 2px 8px #00000026;border:1px solid var(--border-color);z-index:1000;min-width:200px;max-width:300px;white-space:normal;line-height:1.4}.tooltip__text--top{bottom:100%;left:50%;transform:translate(-50%)}.tooltip__text--right{left:100%;top:50%;transform:translateY(-50%)}.tooltip__text--bottom{top:100%;left:50%;transform:translate(-50%)}.tooltip__text--left{right:100%;top:50%;transform:translateY(-50%)}.tooltip__text:before{content:"";position:absolute;border:6px solid transparent}.tooltip__text--top:before{border-top-color:var(--border-color);bottom:-12px;left:50%;transform:translate(-50%)}.tooltip__text--right:before{border-right-color:var(--border-color);left:-12px;top:50%;transform:translateY(-50%)}.tooltip__text--bottom:before{border-bottom-color:var(--border-color);top:-12px;left:50%;transform:translate(-50%)}.tooltip__text--left:before{border-left-color:var(--border-color);right:-12px;top:50%;transform:translateY(-50%)}.toast{position:relative;min-width:500px;max-width:700px;padding:24px 32px;border-radius:12px;box-shadow:0 6px 20px #00000040;margin:0 auto}.toast--success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.toast--error{background-color:#fff1f0;border:1px solid #ffccc7;color:#f5222d}.toast--info{background-color:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.toast__content{display:flex;align-items:center;justify-content:space-between}.toast__close:hover{opacity:1}.toast-content{display:flex;align-items:center;justify-content:center;width:100%}.toast-message{font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:0 0 0 12px;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes toast-fade-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.alert{padding:12px 16px}.alert--sm{padding:10px 12px;font-size:13px}.alert__dismiss{min-width:44px;min-height:44px}.badge{font-size:12px}.tooltip__content{padding:8px 12px;max-width:200px;white-space:normal}.toast{min-width:auto}.toast__close{min-width:44px;min-height:44px}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-8)}.page-loading__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.page-loading__text{color:var(--text-secondary);font-size:var(--text-sm)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.loading__spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.admin-layout a,.admin-layout button,.admin-layout [role=button],.admin-layout .admin-sidebar__link,.admin-layout .admin-menu__item,.admin-layout .site-editor-tree-item__action,.admin-layout .site-editor-tree-item__status,.admin-layout [data-clickable],.admin-layout .clickable{cursor:pointer!important}.admin-layout [disabled],.admin-layout .disabled{cursor:not-allowed!important}.admin-sidebar--collapsed{width:64px}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);min-height:64px}.admin-sidebar__logo{font-size:18px}.admin-sidebar__toggle{background:none;border:none;cursor:pointer;border-radius:var(--radius-sm, .125rem);color:var(--text-secondary);transition:all var(--transition-fast, .15s ease)}.admin-sidebar__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-sidebar__nav{flex:1;padding:16px 0;overflow-y:auto}.admin-sidebar__item{margin:0 12px 4px}.admin-sidebar__link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:var(--radius-md, .375rem);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left}.admin-sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-sidebar__item--active .admin-sidebar__link{background:var(--primary-100);color:var(--primary-700)}.admin-sidebar__icon{flex-shrink:0}.admin-sidebar__label{flex:1;font-size:14px}.admin-sidebar__badge{margin-left:auto}.admin-sidebar__submenu{margin-top:4px;padding-left:32px}.admin-sidebar__item--nested .admin-sidebar__link{padding:8px 16px;font-size:13px}.admin-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.admin-header__left{display:flex;align-items:center;gap:16px}.admin-header__menu-toggle{display:none}.admin-header__title{margin:0;font-size:20px;font-weight:600}.admin-header__right{display:flex;align-items:center;gap:16px}.admin-header__actions{display:flex;align-items:center;gap:8px}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-layout__sidebar{flex-shrink:0}.admin-layout__main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-layout__header{flex-shrink:0}.admin-layout__content{flex:1;padding:24px;overflow-y:auto}.admin-menu{display:flex;gap:4px}.admin-menu--vertical{flex-direction:column}.admin-menu--horizontal{flex-direction:row}.admin-menu__item{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:var(--radius-md, .375rem);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.admin-menu__item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.admin-menu__item--active{background:var(--primary-100);color:var(--primary-700)}.admin-menu__item--disabled{opacity:.5;cursor:not-allowed}.admin-menu--pills .admin-menu__item{border-radius:var(--radius-full, 50%)}.admin-menu--tabs .admin-menu__item{border-radius:0;border-bottom:2px solid transparent}.admin-menu--tabs .admin-menu__item--active{background:none;border-bottom-color:var(--primary-600);color:var(--primary-600)}.admin-menu__label{font-weight:500}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;order:2}.admin-sidebar--collapsed{display:none}.admin-layout__main{order:1}.admin-header__menu-toggle{display:flex}.admin-layout__content{padding:16px}}.admin-analytics__realtime{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-analytics__realtime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.admin-analytics__realtime-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-analytics__status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-analytics__status--connected{color:var(--color-success)}.admin-analytics__status--disconnected{color:var(--color-error)}.admin-analytics__status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;animation:pulse 2s infinite}.admin-analytics__realtime-count{text-align:center}.admin-analytics__realtime-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.admin-analytics__export{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-analytics__export-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.admin-analytics__export-controls{display:flex;flex-direction:column;gap:var(--space-md)}.admin-analytics__export-field{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-analytics__export-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.admin-analytics__export-select{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.admin-analytics__date-range{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-analytics__date-range-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.admin-analytics__date-range-buttons{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-analytics__date-range-button{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.admin-analytics__date-range-button:hover{background:var(--bg-secondary)}.admin-analytics__date-range-button--active{background:var(--color-primary);color:var(--bg-primary);border-color:var(--color-primary)}.admin-analytics__error-boundary{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-error);text-align:center}.admin-analytics__error-content{max-width:400px;margin:0 auto}.admin-analytics__error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--space-md)}.admin-analytics__error-message{color:var(--text-secondary);margin-bottom:var(--space-md)}.admin-analytics__error-details{margin-bottom:var(--space-lg);text-align:left}.admin-analytics__error-stack{background:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);overflow-x:auto}@media (max-width: 768px){.admin-analytics__export-controls{gap:var(--space-sm)}.admin-analytics__date-range-buttons{gap:var(--space-xs)}.admin-analytics__error-actions{flex-direction:column}}.documentation-layout{--sidebar-width: 280px;--mobile-breakpoint: 768px}.documentation-layout__mobile-toggle{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:1001;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.documentation-layout__container{min-height:calc(100vh - var(--header-height, 80px))}.documentation-layout__sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);padding:var(--space-6);overflow-y:auto;width:var(--sidebar-width);height:calc(100vh - var(--header-height, 80px));position:fixed;left:0;z-index:10}.documentation-layout__breadcrumbs{position:fixed;width:100%;z-index:5}.documentation-layout__main{margin-left:var(--sidebar-width);min-width:0}.documentation-layout__overlay{display:none}@media (max-width: 768px){.documentation-layout__mobile-toggle{display:flex}.documentation-tree{margin-top:50px;display:block;position:relative}.documentation-layout__container{grid-template-columns:1fr}.documentation-layout__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid var(--border-color)}.documentation-layout__sidebar--open{transform:translate(0)}.documentation-layout__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.documentation-layout__main{margin-left:0;padding:var(--space-6) var(--space-4)}}.documentation-tree{width:100%}.documentation-tree__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.documentation-tree__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.documentation-tree__content{display:flex;flex-direction:column;gap:var(--space-2)}.documentation-tree__category{display:flex;flex-direction:column}.documentation-tree__category--level-0{margin-bottom:var(--space-3)}.documentation-tree__category--level-1{margin-left:var(--space-4)}.documentation-tree__category--level-2{margin-left:var(--space-8)}.documentation-tree__category-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;width:100%}.documentation-tree__category-toggle:hover{background:var(--bg-hover)}.documentation-tree__arrow{transition:transform .2s ease;color:var(--text-muted)}.documentation-tree__arrow--expanded{transform:rotate(90deg)}.documentation-tree__category-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.documentation-tree__category-content{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);margin-left:var(--space-6)}.documentation-tree__document{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;width:100%}.documentation-tree__document:hover{background:var(--color-primary);color:var(--primary-700)}.documentation-tree__document--active{background:var(--bg-hover);color:var(--primary-700)}.documentation-tree__document-title{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-tight)}.documentation-tree__document-title:hover{color:#fff}.documentation-content{width:100%;padding:20px;top:40px;position:relative}.documentation-content--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.documentation-content__empty-state{text-align:center;max-width:400px}.documentation-content__empty-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.documentation-content__empty-description{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.documentation-content__header{margin-bottom:var(--space-6)}.documentation-content__back-button{margin-bottom:var(--space-4)}.documentation-content__article{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:10px}.documentation-content__article-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.documentation-content__title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-3);color:var(--text-primary)}.documentation-content__excerpt{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.documentation-content__body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary)}@media (max-width: 768px){.documentation-content__article{padding:var(--space-6)}.documentation-content__title{font-size:var(--text-2xl)}}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.dialog{background:var(--card-bg);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:bp-dialog-in .2s ease}@keyframes bp-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog--sm{width:100%;max-width:400px}.dialog--md{width:100%;max-width:500px}.dialog--lg{width:100%;max-width:700px}.dialog--xl{width:100%;max-width:900px}.dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dialog__title{margin:0}.dialog__close{margin-left:auto}.dialog__content{flex:1;padding:24px;overflow-y:auto}.sheet-overlay{position:fixed;inset:0;background:#00000080}.sheet{position:fixed;top:0;bottom:0;background:var(--card-bg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal, .25s ease)}.sheet--open{transform:translate(0)}.sheet--left{left:0;transform:translate(-100%)}.sheet--right{right:0}.sheet--left.sheet--open{transform:translate(0)}.sheet--sm{width:320px}.sheet--md{width:480px}.sheet--lg{width:640px}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.sheet__title{margin:0}.sheet__content{flex:1;padding:24px;overflow-y:auto}.popover-container{position:relative;display:inline-block}.popover__trigger{cursor:pointer}.popover{position:absolute;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg);animation:bp-popover-in .15s ease}@keyframes bp-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover--top{bottom:calc(100% + var(--popover-offset, 8px));left:50%}.popover--bottom{top:calc(100% + var(--popover-offset, 8px));left:50%}.popover--left{right:calc(100% + var(--popover-offset, 8px));top:50%}.popover--right{left:calc(100% + var(--popover-offset, 8px));top:50%}.popover__content{padding:12px 16px}.popover__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.popover--top .popover__arrow{top:100%;left:50%;border-top-color:var(--card-bg)}.popover--bottom .popover__arrow{bottom:100%;left:50%;border-bottom-color:var(--card-bg)}.popover--left .popover__arrow{left:100%;top:50%;border-left-color:var(--card-bg)}.popover--right .popover__arrow{right:100%;top:50%;border-right-color:var(--card-bg)}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:100%;animation:modal-in .2s ease}.confirm-dialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.confirm-dialog-message{font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6);color:var(--text-secondary)}.confirm-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.confirm-dialog-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);border:1px solid transparent}.confirm-dialog-cancel{background:var(--bg-alt);color:var(--text-secondary);border-color:var(--border-color)}.confirm-dialog-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.confirm-dialog-confirm{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.confirm-dialog-confirm:hover{background:var(--primary-700)}.confirm-dialog-confirm--danger{background:var(--error-600);border-color:var(--error-600)}.confirm-dialog-confirm--danger:hover{background:var(--error-700)}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.delete-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;animation:modal-in .2s ease}.delete-modal__header{padding:var(--space-6) var(--space-6) 0}.delete-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--error-600)}.delete-modal__content{padding:0 var(--space-6) var(--space-6)}.delete-dialog__warning{padding:var(--space-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.delete-dialog__message{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.delete-dialog__details{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.delete-dialog__list{list-style:none;margin:var(--space-3) 0 0;padding:0}.delete-dialog__list li{padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.delete-dialog__final-warning{padding:var(--space-4);background:var(--error-100);border:2px solid var(--error-300);border-radius:var(--radius-md);margin:var(--space-4) 0;font-weight:var(--font-medium);color:var(--error-800);text-align:center}.delete-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.delete-modal__button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);border:1px solid transparent;min-width:100px}.delete-modal__button--secondary{background:var(--bg-alt);color:var(--text-secondary);border-color:var(--border-color)}.delete-modal__button--secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.delete-modal__button--danger{background:var(--error-600);color:#fff;border-color:var(--error-600)}.delete-modal__button--danger:hover{background:var(--error-700)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.confirm-dialog,.delete-modal{margin:var(--space-4);max-width:none}.confirm-dialog-actions,.delete-modal__actions{flex-direction:column}.confirm-dialog-button,.delete-modal__button{width:100%}}.divider{border:none;background:var(--border-color)}.divider--horizontal{width:100%;height:1px}.divider--vertical{width:1px;display:inline-block}.divider--dashed{background:none;border-top:1px dashed var(--border-color)}.divider--vertical.divider--dashed{border-top:none;border-left:1px dashed var(--border-color)}.divider--dotted{background:none;border-top:1px dotted var(--border-color)}.divider--vertical.divider--dotted{border-top:none;border-left:1px dotted var(--border-color)}.divider--horizontal.divider--sm{margin:8px 0}.divider--horizontal.divider--lg{margin:24px 0}.divider--vertical.divider--sm{margin:0 8px}.divider--vertical.divider--lg{margin:0 24px}.spacer{flex-shrink:0}.spacer--xs.spacer--y{height:4px}.spacer--sm.spacer--y{height:8px}.spacer--md.spacer--y{height:16px}.spacer--lg.spacer--y{height:24px}.spacer--xl.spacer--y{height:32px}.spacer--2xl.spacer--y{height:48px}.spacer--xs.spacer--x{width:4px;display:inline-block}.spacer--sm.spacer--x{width:8px;display:inline-block}.spacer--md.spacer--x{width:16px;display:inline-block}.spacer--lg.spacer--x{width:24px;display:inline-block}.spacer--xl.spacer--x{width:32px;display:inline-block}.spacer--2xl.spacer--x{width:48px;display:inline-block}.spacer--xs.spacer--both{width:4px;height:4px}.spacer--sm.spacer--both{width:8px;height:8px}.spacer--md.spacer--both{width:16px;height:16px}.spacer--lg.spacer--both{width:24px;height:24px}.spacer--xl.spacer--both{width:32px;height:32px}.spacer--2xl.spacer--both{width:48px;height:48px}.stack--wrap{flex-wrap:wrap}.stack--row.stack--spacing-xs>*+*{margin-left:4px}.stack--row.stack--spacing-sm>*+*{margin-left:8px}.stack--row.stack--spacing-lg>*+*{margin-left:24px}.stack--row.stack--spacing-xl>*+*{margin-left:32px}.stack--column.stack--spacing-xs>*+*{margin-top:4px}.stack--column.stack--spacing-sm>*+*{margin-top:8px}.stack--column.stack--spacing-lg>*+*{margin-top:24px}.stack--column.stack--spacing-xl>*+*{margin-top:32px}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-around{justify-content:space-around}.stack--justify-evenly{justify-content:space-evenly}@media (max-width: 768px){.container--padding-sm{padding:0 12px}.container--padding-md{padding:0 16px}.container--padding-lg{padding:0 20px}}.testimonial-card{padding:24px}.testimonial-card__quote{position:relative;margin-bottom:20px}.testimonial-card__quote-icon{color:var(--primary-600);margin-bottom:12px}.testimonial-card__text{font-style:italic;line-height:1.6;color:var(--text-secondary)}.testimonial-card__rating{display:flex;justify-content:center;gap:4px;margin-bottom:20px}.testimonial-card__star{color:var(--border-color)}.testimonial-card__star--filled{color:var(--warning-600)}.testimonial-card__author{display:flex;align-items:center;gap:12px}.testimonial-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-card__name{margin-bottom:4px}.auth-form{max-width:400px;margin:0 auto;padding:32px}.auth-form__header{text-align:center;margin-bottom:32px}.auth-form__title{margin:0 0 8px}.auth-form__form{display:flex;flex-direction:column;gap:20px}.auth-form__error{padding:12px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md, .375rem);text-align:center}.auth-form__submit{width:80px;margin-top:8px}.auth-form__links{display:flex;flex-direction:column;gap:12px;text-align:center;margin-top:16px}.profile-form{max-width:700px;margin:0 auto;padding:32px}.profile-form__header{text-align:center;margin-bottom:32px}.profile-form__form{display:flex;flex-direction:column;gap:24px}.profile-form__avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:8px}.profile-form__avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--border-color)}.profile-form__avatar img{width:100%;height:100%;object-fit:cover}.profile-form__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);color:var(--text-muted);font-size:48px;font-weight:600}.profile-form__avatar-upload{max-width:200px}.profile-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-form__error{padding:12px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md, .375rem);text-align:center}.profile-form__actions{display:flex;justify-content:flex-end;margin-top:8px}@media (max-width: 768px){.profile-form__row{grid-template-columns:1fr}.auth-form,.profile-form{padding:24px 16px}}.profile{min-height:calc(100vh - 200px);display:block;flex-direction:column;justify-content:flex-start;margin:0;position:relative}.profile__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:1rem;position:relative;z-index:2}.profile__loading-text{margin-left:var(--space-3);color:var(--text-secondary)}.profile__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2;background:var(--bg-primary)}.profile__header-left{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:50px 0 0 30px}.profile__avatar-container{position:relative}.profile__avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.profile__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile__avatar-actions{position:relative;bottom:0;right:0;display:flex;gap:var(--space-1);align-items:center;justify-content:center}.profile__avatar-edit,.profile__avatar-upload,.profile__avatar-delete{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-primary);background:var(--primary-600, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile__avatar-edit:hover,.profile__avatar-delete:hover{transform:scale(1.1)}.profile__avatar-edit svg,.profile__avatar-delete svg{width:16px;height:16px;color:#fff}.profile__avatar-upload{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:1}.profile__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;background:var(--primary-600, #3b82f6);border-radius:50%}.profile__avatar-edit:hover,.profile__avatar-upload:hover{background:var(--primary-700)}.profile__avatar-delete{background:var(--error-600, #dc2626)}.profile__avatar-delete:hover{background:var(--error-700, #b91c1c)}.profile__info{flex:1}.profile__name{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);color:var(--text-primary)}.profile__email{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4)}.profile__logout-button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base)}@media (max-width: 768px){.profile__header-left .profile__logout-button{margin-top:var(--space-4)}}.profile__logout-button:hover{background:var(--error-700)}.profile__content{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.profile__tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.profile__tab{padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-colors)}.profile__tab:hover{color:var(--text-primary)}.profile__tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.profile__preferences{display:flex;flex-direction:column;gap:var(--space-6)}.profile__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.profile__preference-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--bg-alt);border-radius:var(--radius-md);border:1px solid var(--border-color)}.profile__preference-item--danger{background:var(--error-50);border-color:var(--error-200)}.profile__preference-info{flex:1;margin-right:var(--space-4)}.profile__preference-title{font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-1);color:var(--text-primary)}.profile__preference-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.profile__switch{position:relative;display:inline-block;width:44px;height:24px}.profile__switch input{opacity:0;width:0;height:0}.profile__switch-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-alt, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;transition:all .3s ease}.profile__switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.profile__switch input:checked+.profile__switch-slider{background:var(--primary-600, #3b82f6);border-color:var(--primary-600, #3b82f6)}.profile__switch input:checked+.profile__switch-slider:before{transform:translate(20px)}.profile__delete-status{padding:var(--space-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.profile__delete-link{color:var(--error-600);text-decoration:none;font-weight:var(--font-medium);transition:var(--transition-colors)}.profile__delete-link:hover{color:var(--error-700);text-decoration:underline}.profile__notification{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.profile__notification--success{background-color:var(--success-50, #f0fdf4);color:var(--success-600, #16a34a);border:1px solid var(--success-200, #bbf7d0)}.profile__notification--error{background-color:var(--error-50, #fef2f2);color:var(--error-600, #dc2626);border:1px solid var(--error-200, #fecaca)}@media (max-width: 768px){.profile__header{flex-direction:column;text-align:center}.profile__header-left{padding:1rem 0}.profile__preferences{padding:30px}.profile__section-title{margin-bottom:var(--space-2)}.profile__preference-item{flex-direction:column;gap:var(--space-3)}.profile__preference-info{margin-right:0}.profile__tabs{overflow-x:auto;scrollbar-width:none;margin-bottom:var(--space-4)}.profile__tabs::-webkit-scrollbar{display:none}}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8) var(--space-4);gap:var(--space-8)}.error-page__content{text-align:center;max-width:500px}.error-page__code{font-size:6rem;font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-4)}.error-page__title{margin-bottom:var(--space-4);color:var(--text-primary)}.error-page__description{margin-bottom:var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed)}.error-page__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.error-page__illustration{flex-shrink:0;color:var(--text-muted);opacity:.6}@media (max-width: 768px){.error-page{flex-direction:column;text-align:center}.error-page__code{font-size:4rem}.error-page__actions{flex-direction:column;align-items:center}}.hero-section{position:relative;min-height:500px;display:flex;align-items:center;background:var(--bg-primary);overflow:hidden}.hero-section--with-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.hero-section__overlay{position:absolute;inset:0;background:#0006;z-index:1}.hero-section--with-bg .hero-section__overlay{display:block}.hero-section:not(.hero-section--with-bg) .hero-section__overlay{display:none}.hero-section__container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section__content{max-width:600px}.hero-section--centered .hero-section__content{max-width:800px;margin:0 auto;text-align:center}.hero-section__subtitle{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.hero-section__title{margin:0 0 24px;font-size:3rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.hero-section--with-bg .hero-section__title{color:#fff}.hero-section__description{margin-bottom:32px;color:var(--text-secondary);line-height:1.6}.hero-section--with-bg .hero-section__description{color:#ffffffe6}.hero-section__actions{display:flex;gap:16px;flex-wrap:wrap}.feature-section{padding:80px 0;background:var(--bg-primary)}.feature-section__container{max-width:1200px;margin:0 auto;padding:0 2rem}.feature-section__header{text-align:center;margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.feature-section__subtitle{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.feature-section__title{margin:0 0 24px;font-size:2.5rem;font-weight:700}.feature-section__description{color:var(--text-secondary);line-height:1.6}.feature-section__grid{display:grid;gap:32px}.feature-section--cols-2 .feature-section__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-section--cols-3 .feature-section__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cta-section{background:var(--primary-600);color:#fff}.cta-section--gradient{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.cta-section--bordered{background:var(--bg-primary);border:2px solid var(--primary-600);color:var(--text-primary)}.cta-section--sm{padding:48px 0}.cta-section--md{padding:64px 0}.cta-section--lg{padding:80px 0}.cta-section__container{max-width:1200px;margin:0 auto;padding:0 2rem}.cta-section__content{text-align:center;max-width:600px;margin:0 auto}.cta-section__title{margin:0 0 24px;font-size:2.5rem;font-weight:700}.cta-section--bordered .cta-section__title{color:var(--text-primary)}.cta-section__description{margin-bottom:32px;opacity:.9;line-height:1.6}.cta-section--bordered .cta-section__description{color:var(--text-secondary);opacity:1}.cta-section__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.contact-form__row,.profile-form__row{grid-template-columns:1fr}.auth-form,.contact-form,.profile-form{padding:24px 16px}.hero-section{min-height:400px}.hero-section__title{font-size:2rem}.hero-section__actions{flex-direction:column}.feature-section{padding:60px 0}.feature-section__header{margin-bottom:48px}.feature-section__title,.cta-section__title{font-size:2rem}.cta-section__actions{flex-direction:column;align-items:center}}.dashboard-card{padding:24px}.dashboard-card--compact{padding:16px}.dashboard-card--highlighted{border:2px solid var(--primary-600);background:var(--primary-50)}.dashboard-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-card__title-section{display:flex;align-items:center;gap:12px}.dashboard-card__icon{color:var(--primary-600)}.dashboard-card__title{margin:0;font-size:18px}.stats-card{padding:20px}.stats-card--success{border-left:4px solid var(--success-600)}.stats-card--warning{border-left:4px solid var(--warning-600)}.stats-card--error{border-left:4px solid var(--error-600)}.stats-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-card__title{font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stats-card__icon{color:var(--text-muted)}.stats-card__content{display:flex;align-items:flex-end;justify-content:space-between}.stats-card__value{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.stats-card__change{display:flex;align-items:center}.stats-card__trend{display:flex;align-items:center;gap:4px}.data-table{width:100%}.data-table__sort-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast, .15s ease)}.data-table__sort-button:hover{color:var(--primary-600)}.data-table__actions{display:flex;gap:8px;align-items:center}.filter-panel{padding:20px}.filter-panel--collapsed .filter-panel__content{display:none}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-panel__title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.filter-panel__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.filter-panel__checkbox-group{display:flex;flex-direction:column;gap:8px}.filter-panel__actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.dashboard-card__header{flex-direction:column;align-items:flex-start;gap:12px}.stats-card__content{flex-direction:column;align-items:flex-start;gap:8px}.filter-panel__fields{grid-template-columns:1fr}.filter-panel__actions{flex-direction:column}.data-table__actions{flex-direction:column;gap:4px}}.product-showcase{min-height:100vh;padding:4rem 0 var(--space-6);background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center}.product-showcase__container{max-width:1200px;margin:0 auto;padding:0 1rem}.product-showcase__header{text-align:center;margin-bottom:3rem}.product-showcase__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.product-showcase__description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.product-showcase__grid{display:grid;gap:1rem;margin-bottom:3rem}.product-card{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.product-card__image{width:100%;height:200px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.product-card__image img{width:100%;height:100%;transition:transform .3s ease}.product-card__content{padding:1.5rem}.product-card__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.product-card__description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.product-card__link{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.product-card__link:hover{color:var(--color-primary-dark);text-decoration:underline}.product-showcase__cta{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.product-showcase{padding:3rem 0 2rem}.product-showcase__title{font-size:2rem}.product-showcase__grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.product-card__image{height:180px}}.auth-form__tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:0;background-color:var(--bg-secondary)}.auth-form__tab{flex:1;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:all .2s ease}.auth-form__tab:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.auth-form__tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.auth-form__content{padding:2rem}.auth{min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center;padding:2rem;margin:0;position:relative}.auth__container{max-width:500px;margin:0 auto;width:100%;position:relative;z-index:2}.auth__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.auth__loading-text{font-size:.9rem}.auth-form{background-color:rgb(from var(--color-primary) r g b / .2);border-radius:16px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color);padding:2.5rem;width:100%;max-width:400px;margin:0 auto;position:relative;z-index:2}.auth-form--register{max-width:480px}.auth-form__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);color:var(--text-primary)}.auth-form__description{font-size:var(--text-base);margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.auth-form__error{padding:var(--space-3) var(--space-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);color:var(--error-700);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-form__success{padding:var(--space-8)}.auth-form__success-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--success-500)}.auth-form__success-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.auth-form__success-message{font-size:var(--text-base);margin:0;line-height:var(--leading-relaxed)}.auth-form__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.auth-form__input{width:100%;padding:.5rem;font-size:1rem;border:2px solid var(--color-primary);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}.auth-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.auth-form__input--error{border-color:var(--error-500)}.auth-form__hint{font-size:var(--text-xs);color:var(--text-muted)}.auth-form__checkbox{display:flex;align-items:flex-start;gap:var(--space-2)}.auth-form__checkbox-input{margin-top:2px}.auth-form__checkbox-label{font-size:var(--text-sm);line-height:var(--leading-relaxed);cursor:pointer}.auth-form__actions{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__actions--centered{align-items:center}.auth-form__button{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer;border:1px solid transparent}.auth-form__button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #3b82f64d}.auth-form__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.auth-form__bottom{display:flex;justify-content:flex-end;margin-top:1rem}.auth-form__submit-section{display:flex;align-items:flex-end;gap:1rem}.auth-form__submit{width:auto;min-width:120px;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.auth-form__submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f64d}.auth-form__button--secondary{background:var(--bg-alt);color:var(--text-primary);border-color:var(--border-color)}.auth-form__button--secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.auth-form__button--text{background:none;color:var(--primary-600);border:none;padding:var(--space-2);font-size:var(--text-sm)}.auth-form__button--text:hover{color:var(--primary-700);text-decoration:underline}.auth-form__link{color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-colors)}.auth-form__link:hover{color:var(--primary-700);text-decoration:underline}.auth-form__captcha{display:flex;flex-direction:column;background:var(--bg-alt);border-radius:var(--radius-md);height:35px}.auth-form__password-strength{margin-top:var(--space-2)}.auth-form__strength-bar{height:4px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.auth-form__strength-indicator{height:100%;transition:var(--transition-base);border-radius:var(--radius-full)}.auth-form__strength-indicator--weak{width:25%;background:var(--error-500)}.auth-form__strength-indicator--fair{width:50%;background:var(--warning-500)}.auth-form__strength-indicator--good{width:75%;background:var(--primary-500)}.auth-form__strength-indicator--strong{width:100%;background:var(--success-500)}.auth-form__strength-label{font-size:var(--text-xs);font-weight:var(--font-medium)}.auth-form__password-mismatch{color:var(--error-600);font-size:var(--text-xs);margin-top:var(--space-1)}@media (max-width: 768px){.auth-form{padding:2rem;margin:1rem}.auth-form__title{font-size:1.25rem}.auth-form__bottom{justify-content:stretch}.auth-form__submit-section{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.auth-form__submit{width:100%}}.field{display:flex;height:36px;padding:.5rem .75rem;font-size:.875rem;border:2px solid #d1d5db;border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.field::placeholder{color:var(--text-secondary)}.field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.field__label{font-size:.8rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary)}.field__error{font-size:.7rem;color:var(--color-error);margin-top:.125rem}.field--error{border-color:var(--color-error)}.field--success{border-color:var(--color-success)}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%;padding-right:40px}.password-input__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-input__toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.password-input__toggle:focus{outline:none;color:var(--primary-600)}.textarea{display:flex;min-height:80px;width:100%;border-radius:8px;border:2px solid #d1d5db;background-color:var(--input-bg);padding:.75rem 1rem;font-size:1rem;color:var(--text-primary);resize:vertical;transition:border-color .2s ease}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.textarea::placeholder{color:var(--text-secondary)}.textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--bg-secondary)}.textarea--error{border-color:var(--color-error)}.textarea--success{border-color:var(--color-success)}.select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:8px;border:2px solid #d1d5db;background-color:var(--input-bg);padding:0 2.5rem 0 .75rem;font-size:.875rem;color:var(--text-primary);transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px}.select-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;background-color:var(--bg-secondary)}.select-trigger--error{border-color:var(--color-error)}.select-trigger--success{border-color:var(--color-success)}.comment-thread{margin:2rem 0}.comment-thread__header{margin-bottom:1.5rem}.comment-thread__status{font-size:.875rem;padding:.5rem;border-radius:var(--radius-sm);margin-top:.5rem}.comment-thread__status--disconnected{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.comment-thread__status--reconnecting{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.comment-thread__loading{text-align:center;padding:2rem;color:var(--text-muted)}.comment-thread__empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.comment-thread__load-more{text-align:center;margin-top:2rem;padding:1rem}.mention-input{position:relative}.mention-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:200px;overflow-y:auto}.mention-suggestion{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease}.mention-suggestion:hover{background:var(--bg-secondary)}.mention-suggestion__name{font-weight:500;color:var(--text-primary)}.mention-suggestion__username{font-size:.875rem;color:var(--text-muted)}.comment-form{margin-bottom:2rem;padding:1.5rem}.comment-form__avatar{flex-shrink:0}.comment-form__avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-form__input{flex:1}.comment-item{padding:1rem;margin-bottom:.5rem}.comment-item--depth-0{border-left:none}.comment-item--depth-1{margin-left:2rem;border-left:2px solid var(--border-color);padding-left:1rem}.comment-item--depth-2{margin-left:4rem;border-left:2px solid var(--border-color);padding-left:1rem}.comment-item--depth-3{margin-left:6rem;border-left:2px solid var(--border-color);padding-left:1rem}.comment-item__avatar{flex-shrink:0}.comment-item__avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.comment-item__content{flex:1}.comment-item__text{line-height:1.6;margin:.5rem 0}.comment-item__text p{margin:0 0 .5rem}.comment-item__text p:last-child{margin-bottom:0}.comment-item__actions{margin-top:.75rem}.comment-reply-form{margin-top:1rem;padding:1rem;background:var(--bg-secondary)}.comment-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border-light)}.comment-reactions{margin-left:auto}.comment-reactions__active{background:var(--color-primary-light);color:var(--color-primary)}@media (max-width: 768px){.comment-item--depth-1,.comment-item--depth-2,.comment-item--depth-3{margin-left:1rem}.comment-form__avatar-img,.comment-item__avatar-img{width:32px;height:32px}.comment-form{padding:1rem}.comment-item{padding:.75rem}}.comment-item--highlighted{background:linear-gradient(135deg,var(--color-primary-light),transparent);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);transition:all .3s ease}.dark .comment-reply-form{background:var(--bg-tertiary)}.dark .comment-reactions__active{background:var(--color-primary-dark)}.dark .comment-item--highlighted{background:linear-gradient(135deg,var(--color-primary-dark),transparent);box-shadow:0 0 0 2px var(--color-primary-dark)}.comment-archive{max-width:100%}.comment-archive__filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.comment-archive-item{border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;background:var(--bg-primary);box-shadow:0 1px 3px #0000001a}.comment-archive-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.comment-archive-item__header{border-bottom:1px solid var(--border-light);padding-bottom:.75rem}.comment-archive-item__meta{flex:1}.comment-archive-item__type{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-archive-item__type-icon{color:var(--color-primary)}.comment-archive-item__post-link{text-decoration:none;transition:color .2s ease}.comment-archive-item__post-link:hover{color:var(--color-primary)}.comment-archive-item__post-title{color:var(--text-primary);font-size:1rem;line-height:1.4}.comment-archive-item__date{text-align:right}.comment-archive-item__parent{padding:1rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary);margin:.75rem 0}.comment-archive-item__parent-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-archive-item__parent-content{margin-left:1.25rem}.comment-archive-item__parent-text{font-style:italic;color:var(--text-muted);line-height:1.5}.comment-archive-item__content{margin:.75rem 0}.comment-archive-item__text{color:var(--text-primary);line-height:1.6;font-size:.95rem}.comment-archive-item__footer{border-top:1px solid var(--border-light);padding-top:.75rem}.comment-archive-item__stats{display:flex;align-items:center;gap:1rem}.comment-archive-item__stat{display:flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.875rem}.comment-archive-item__view-btn{font-size:.875rem;padding:.5rem .75rem}.notification-item{border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;background:var(--bg-primary);box-shadow:0 1px 3px #0000001a}.notification-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.notification-item--unread{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light),var(--bg-primary))}.notification-item__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--bg-secondary);color:var(--color-primary);flex-shrink:0}.notification-item--unread .notification-item__icon{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.notification-item__content{flex:1;min-width:0}@media (max-width: 768px){.comment-archive__filters{gap:.25rem}.comment-archive-item__header{padding-bottom:.5rem}.comment-archive-item__parent{padding:.75rem;margin:.5rem 0}.comment-archive-item__parent-content{margin-left:1rem}.comment-archive-item__footer{padding-top:.5rem}.comment-archive-item__stats{gap:.75rem}.notification-item__icon{width:36px;height:36px}}.dark .comment-archive-item{background:var(--bg-secondary);box-shadow:0 1px 3px #0000004d}.dark .comment-archive-item:hover{box-shadow:0 4px 12px #0006}.dark .comment-archive-item__parent{background:var(--bg-tertiary)}.dark .notification-item{background:var(--bg-secondary);box-shadow:0 1px 3px #0000004d}.dark .notification-item:hover{box-shadow:0 4px 12px #0006}.dark .notification-item__icon{background:var(--bg-tertiary)}.dark .notification-item--unread .notification-item__icon{background:var(--color-primary)}.auth{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.auth-form{width:100%;max-width:500px;background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;border:1px solid var(--border-color);overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.auth__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0}.auth__loading-text{margin-top:1rem;color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-badge{position:absolute;top:-16px;left:65%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:15px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.cart-badge--zero{background:var(--color-primary);color:#fff}.cart-badge--active{animation:cartBadgePulse .3s ease-out}@keyframes cartBadgePulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}.header__cart-link{position:relative;display:flex;align-items:center;padding:var(--spacing-sm);color:var(--color-text-primary);text-decoration:none;border-radius:var(--border-radius-sm);transition:background-color .2s ease}.header__cart-link:hover{background:var(--color-surface-hover)}.header__cart-icon{position:relative;display:flex;align-items:center}.cart{max-width:1200px;margin:0 auto;padding:2rem 1rem;margin-top:2rem}.cart--loading,.cart--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.cart__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.cart__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.cart__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cart__empty-description{margin:0}.cart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.cart__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.cart__clear-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error, #ef4444);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.cart__clear-btn:hover{background:var(--color-error-dark, #dc2626);transform:translateY(-1px)}.cart__clear-btn:disabled{opacity:.6;cursor:not-allowed}.cart__items{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cart__item{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden;transition:all .3s ease;display:grid;grid-template-columns:200px 1fr auto;gap:1.5rem;padding:1.5rem}.cart__item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-primary, #3b82f6)}.cart__item-image{position:relative;width:200px;height:150px;overflow:hidden;background:var(--bg-secondary, #f9fafb);border-radius:8px}.cart__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart__item:hover .cart__item-image img{transform:scale(1.05)}.cart__item-image img{width:100%;height:100%;object-fit:cover}.cart__item-placeholder{color:var(--color-text-secondary)}.cart__item-details{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.cart__item-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0;line-height:1.3}.cart__item-description{color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart__item-price{font-size:1.125rem;font-weight:600;color:var(--color-primary, #3b82f6);margin:0}.cart__item-controls{display:flex;align-items:center;gap:1rem}.cart__remove-btn{padding:var(--spacing-sm, 8px);background:transparent;color:var(--color-error, #ef4444);border:1px solid var(--color-error, #ef4444);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;bottom:60px;position:relative}.cart__remove-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.cart__remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart__total{margin:0}.cart__total-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;top:70px;position:relative;left:40px}.cart__total-label{color:var(--text-secondary, #6b7280);font-weight:500;font-size:1.5rem;padding:15px}.cart__total-value{font-weight:600;color:var(--text-primary, #111827);font-size:1.5rem}.cart__actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.cart__continue-shopping{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-secondary, #6b7280);text-decoration:none;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;transition:all .2s ease;font-weight:500;background:var(--bg-primary, #ffffff)}.cart__continue-shopping:hover{color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.cart__checkout-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-primary, #3b82f6);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.cart__checkout-btn:hover{background:var(--color-primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666;color:#fff}.add-to-cart{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;min-width:120px}.add-to-cart:hover:not(:disabled){background:var(--color-primary-dark)}.add-to-cart:disabled{opacity:.6;cursor:not-allowed}.add-to-cart--loading{background:var(--color-primary-light)}.add-to-cart--success{background:var(--color-success)}.add-to-cart--added{background:var(--color-success, #10b981);cursor:not-allowed}.add-to-cart--added:hover{background:var(--color-success, #10b981);transform:none}@media (max-width: 768px){.cart{padding:var(--spacing-md)}.cart__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.cart__item{grid-template-columns:120px 1fr;grid-template-rows:auto auto;gap:1rem;padding:1rem}.cart__item-image{width:120px;height:90px}.cart__item-controls{grid-column:1 / -1;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.cart__summary{order:1}.cart__remove-btn{order:2}.cart__actions{flex-direction:column;gap:var(--spacing-sm)}.cart__continue-shopping,.cart__checkout-btn{width:100%;justify-content:center}}.checkout{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.checkout__container{background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden}.checkout__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary)}.checkout__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.checkout__content{padding:var(--spacing-xl)}.checkout-steps{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.checkout-steps__step-container{display:flex;align-items:center;gap:var(--spacing-sm)}.checkout-steps__step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .2s ease}.checkout-steps__step--active{background:var(--color-primary-light);color:var(--color-primary-dark)}.checkout-steps__step--completed{background:var(--color-success-light);color:var(--color-success-dark)}.checkout-steps__step-icon{width:32px;height:32px;border-radius:var(--border-radius-full);background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkout-steps__step--active .checkout-steps__step-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.checkout-steps__step--completed .checkout-steps__step-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.checkout-steps__step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.checkout-steps__step--active .checkout-steps__step-title,.checkout-steps__step--completed .checkout-steps__step-title{color:var(--color-text-primary)}.checkout-steps__connector{width:40px;height:2px;background:var(--color-border);transition:background-color .2s ease}.checkout-steps__connector--completed{background:var(--color-success)}.shipping-form{max-width:600px;margin:0 auto}.shipping-form__header{margin-bottom:var(--spacing-xl);text-align:center}.shipping-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.shipping-form__fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.shipping-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.shipping-form__checkbox{padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.shipping-form__actions{display:flex;justify-content:center}.payment-form{max-width:600px;margin:0 auto}.payment-form__header{margin-bottom:var(--spacing-xl);text-align:center}.payment-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.payment-form__content{margin-bottom:var(--spacing-xl)}.payment-form__actions{display:flex;justify-content:space-between;gap:var(--spacing-md)}.payment-methods{margin-bottom:var(--spacing-lg)}.payment-methods--loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.payment-methods__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.payment-methods__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-methods__option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease}.payment-methods__option:hover:not(.payment-methods__option--disabled){border-color:var(--color-primary-light);background:var(--color-surface-hover)}.payment-methods__option--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.payment-methods__option--disabled{opacity:.5;cursor:not-allowed}.payment-methods__option-icon{color:var(--color-text-secondary)}.payment-methods__option--selected .payment-methods__option-icon{color:var(--color-primary)}.payment-methods__option-content{flex:1}.payment-methods__option-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.payment-methods__option-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.payment-methods__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary);text-align:center}.order-summary{max-width:700px;margin:0 auto}.order-summary__header{margin-bottom:var(--spacing-xl);text-align:center}.order-summary__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.order-summary__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg)}.order-summary__sections{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-summary__section{padding:var(--spacing-lg);background:var(--color-surface-secondary);border-radius:var(--border-radius-md)}.order-summary__section--total{background:var(--color-primary-light)}.order-summary__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.order-summary__items{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-summary__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.order-summary__item-image{width:50px;height:50px;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center}.order-summary__item-image img{width:100%;height:100%;object-fit:cover}.order-summary__item-details{flex:1}.order-summary__item-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.order-summary__item-quantity{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-summary__item-price{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.order-summary__address{line-height:1.5;color:var(--color-text-primary)}.order-summary__payment{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.order-summary__totals{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-summary__total-row{display:flex;justify-content:space-between;align-items:center}.order-summary__total-row--final{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.order-summary__actions{display:flex;justify-content:space-between;gap:var(--spacing-md)}.order-confirmation{max-width:600px;margin:0 auto;text-align:center}.order-confirmation--loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.order-confirmation__success{margin-bottom:var(--spacing-xl)}.order-confirmation__icon{width:80px;height:80px;border-radius:var(--border-radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg) auto}.order-confirmation__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.order-confirmation__message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.order-confirmation__details{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-confirmation__section{padding:var(--spacing-lg);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);text-align:left}.order-confirmation__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.order-confirmation__info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-confirmation__info-row{display:flex;justify-content:space-between;align-items:center}.order-confirmation__label{color:var(--color-text-secondary)}.order-confirmation__value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.order-confirmation__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.order-confirmation__status--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.order-confirmation__status--completed{background:var(--color-success-light);color:var(--color-success-dark)}.order-confirmation__next-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-confirmation__step{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}.order-confirmation__actions{display:flex;justify-content:center;gap:var(--spacing-md)}.order-confirmation__track-btn,.order-confirmation__continue-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .2s ease}.order-confirmation__track-btn{background:var(--color-primary);color:#fff}.order-confirmation__track-btn:hover{background:var(--color-primary-dark)}.order-confirmation__continue-btn{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.order-confirmation__continue-btn:hover{background:var(--color-surface-hover)}@media (max-width: 768px){.checkout{padding:var(--spacing-md)}.checkout__header,.checkout__content{padding:var(--spacing-lg)}.checkout-steps{flex-direction:column;gap:var(--spacing-md)}.checkout-steps__connector{width:2px;height:20px}.shipping-form__row{grid-template-columns:1fr}.payment-form__actions,.order-summary__actions,.order-confirmation__actions{flex-direction:column}}.order-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.order-status--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.order-status--confirmed{background:var(--color-info-light);color:var(--color-info-dark)}.order-status--processing{background:var(--color-primary-light);color:var(--color-primary-dark)}.order-status--shipped{background:var(--color-success-light);color:var(--color-success-dark)}.order-status--delivered{background:var(--color-success);color:#fff}.order-status--cancelled,.order-status--refunded{background:var(--color-error-light);color:var(--color-error-dark)}.order-status--unknown{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.order-status__text{line-height:1}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all .2s ease}.order-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.order-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.order-card__number{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-card__content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.order-card__info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-card__date,.order-card__items{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-card__total{text-align:right}.order-card__total-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.order-card__total-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.order-card__actions{display:flex;gap:var(--spacing-sm)}.order-card__view-btn,.order-card__track-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.order-card__view-btn{background:var(--color-primary);color:#fff}.order-card__view-btn:hover{background:var(--color-primary-dark)}.order-card__track-btn{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.order-card__track-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-light)}.order-tracking{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.order-tracking__header{text-align:center;margin-bottom:var(--spacing-xl)}.order-tracking__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.order-tracking__order-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-tracking__order-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-tracking__tracking-number{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.order-tracking__timeline{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-tracking__step{display:flex;gap:var(--spacing-md);position:relative}.order-tracking__step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.order-tracking__step-icon{width:40px;height:40px;border-radius:var(--border-radius-full);background:var(--color-surface-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease}.order-tracking__step--completed .order-tracking__step-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.order-tracking__step--current .order-tracking__step-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff;animation:trackingPulse 2s infinite}@keyframes trackingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.order-tracking__step-line{width:2px;height:40px;background:var(--color-border);margin-top:var(--spacing-sm);transition:background-color .2s ease}.order-tracking__step-line--completed{background:var(--color-success)}.order-tracking__step-content{flex:1;padding-top:var(--spacing-xs)}.order-tracking__step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.order-tracking__step--completed .order-tracking__step-title{color:var(--color-success-dark)}.order-tracking__step--current .order-tracking__step-title{color:var(--color-primary)}.order-tracking__step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.order-tracking__step-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.order-tracking__completion{text-align:center;padding:var(--spacing-xl);background:var(--color-success-light);border-radius:var(--border-radius-md)}.order-tracking__completion-icon{width:60px;height:60px;border-radius:var(--border-radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md) auto}.order-tracking__completion-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-success-dark);margin:0 0 var(--spacing-sm) 0}.order-tracking__completion-message{color:var(--color-success-dark);margin:0}@media (max-width: 768px){.order-card{padding:var(--spacing-md)}.order-card__header,.order-card__content{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.order-card__total{text-align:left}.order-card__actions{flex-direction:column}.order-card__view-btn,.order-card__track-btn{justify-content:center}.order-tracking{padding:var(--spacing-md)}.order-tracking__header{margin-bottom:var(--spacing-lg)}.order-tracking__order-info{align-items:center}}.payment-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.payment-status--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.payment-status--processing{background:var(--color-primary-light);color:var(--color-primary-dark)}.payment-status--success{background:var(--color-success-light);color:var(--color-success-dark)}.payment-status--failed,.payment-status--cancelled{background:var(--color-error-light);color:var(--color-error-dark)}.payment-status--refunded{background:var(--color-info-light);color:var(--color-info-dark)}.payment-status--unknown{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.security-badges{padding:var(--spacing-lg);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius-md);text-align:center}.security-badges__title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-success-dark);margin-bottom:var(--spacing-md)}.security-badges__list{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.security-badges__badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-success-dark)}.security-badges__note{font-size:var(--font-size-xs);color:var(--color-success-dark);opacity:.8}.payment-gateway{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-gateway__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.payment-gateway__no-method{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.stripe-payment{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stripe-payment__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.stripe-payment__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stripe-payment__logos{display:flex;gap:var(--spacing-sm)}.stripe-payment__logo{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.stripe-payment__fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.stripe-payment__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.stripe-payment__submit{width:100%}.paypal-payment{display:flex;flex-direction:column;gap:var(--spacing-lg)}.paypal-payment__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.paypal-payment__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.paypal-payment__logo{padding:var(--spacing-sm) var(--spacing-md);background:#0070ba;color:#fff;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-bold)}.paypal-payment__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.paypal-payment__info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-info-light);color:var(--color-info-dark);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.paypal-payment__amount{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.paypal-payment__amount-label{color:var(--color-text-secondary)}.paypal-payment__amount-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.paypal-payment__submit{width:100%;background:#0070ba}.paypal-payment__submit:hover:not(:disabled){background:#005ea6}.yandex-payment{display:flex;flex-direction:column;gap:var(--spacing-lg)}.yandex-payment__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.yandex-payment__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.yandex-payment__logo{padding:var(--spacing-sm) var(--spacing-md);background:#fc0;color:#000;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-bold)}.yandex-payment__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.yandex-payment__info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-info-light);color:var(--color-info-dark);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.yandex-payment__methods{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.yandex-payment__method{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.yandex-payment__amount{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.yandex-payment__amount-label{color:var(--color-text-secondary)}.yandex-payment__amount-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.yandex-payment__submit{width:100%;background:#fc0;color:#000}.yandex-payment__submit:hover:not(:disabled){background:#e6b800}@media (max-width: 768px){.stripe-payment__row{grid-template-columns:1fr}.stripe-payment__header,.paypal-payment__header,.yandex-payment__header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.security-badges__list{flex-direction:column;align-items:center}.paypal-payment__amount,.yandex-payment__amount{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.order-history{padding:var(--spacing-lg)}.order-history--loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.order-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.order-history__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.order-history__filter{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface)}.order-history__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-history__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.order-history__empty h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.saved-addresses{padding:var(--spacing-lg)}.saved-addresses--loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.saved-addresses__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.saved-addresses__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.saved-addresses__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.saved-addresses__item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.saved-addresses__content{flex:1}.saved-addresses__name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.saved-addresses__address{color:var(--color-text-secondary);line-height:1.5}.saved-addresses__actions{display:flex;gap:var(--spacing-sm)}.saved-addresses__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.saved-addresses__empty h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.wishlist{padding:var(--spacing-lg)}.wishlist--loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.wishlist__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.wishlist__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.wishlist__count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.wishlist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.wishlist__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.wishlist__image{width:100%;height:200px;background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.wishlist__image img{width:100%;height:100%;object-fit:cover}.wishlist__content{flex:1}.wishlist__item-title{margin:0 0 var(--spacing-sm) 0}.wishlist__item-title a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.wishlist__item-title a:hover{color:var(--color-primary)}.wishlist__item-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wishlist__item-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.wishlist__item-stock{margin-bottom:var(--spacing-md)}.wishlist__in-stock{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:var(--font-size-sm)}.wishlist__out-of-stock{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-sm)}.wishlist__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wishlist__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.wishlist__empty h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.wishlist__browse-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-sm);margin-top:var(--spacing-md)}.realtime-updates{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.realtime-updates__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.realtime-updates__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.realtime-updates__status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.realtime-updates__status--connected{color:var(--color-success)}.realtime-updates__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.realtime-updates__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.realtime-updates__content{flex:1}.realtime-updates__order{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.realtime-updates__message,.realtime-updates__time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.realtime-updates__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-secondary)}.sales-analytics{padding:var(--spacing-lg)}.sales-analytics--loading,.sales-analytics--error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.sales-analytics__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.sales-analytics__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sales-analytics__time-range{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface)}.sales-analytics__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.sales-analytics__metric{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.sales-analytics__metric-icon{color:var(--color-primary)}.sales-analytics__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sales-analytics__metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sales-analytics__charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.sales-analytics__chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.sales-analytics__chart-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.sales-analytics__top-products{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sales-analytics__product{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.sales-analytics__product-rank{width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.sales-analytics__product-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sales-analytics__product-stats{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sales-analytics__revenue-chart{display:flex;align-items:end;gap:var(--spacing-sm);height:120px}.sales-analytics__revenue-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.sales-analytics__revenue-bar{width:100%;height:80px;background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.sales-analytics__revenue-fill{position:absolute;bottom:0;left:0;right:0;background:var(--color-primary);transition:height .3s ease}.sales-analytics__revenue-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sales-analytics__revenue-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}@media (max-width: 768px){.order-history__header,.saved-addresses__header,.wishlist__header,.sales-analytics__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.wishlist__grid{grid-template-columns:1fr}.saved-addresses__item{flex-direction:column;gap:var(--spacing-md)}.saved-addresses__actions{align-self:stretch}.sales-analytics__metrics,.sales-analytics__charts{grid-template-columns:1fr}.realtime-updates__item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.account-page{min-height:100vh;background:var(--color-background);padding:var(--spacing-lg) 0}.account-page__header{margin-bottom:var(--spacing-xl);text-align:center}.account-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.account-page__content{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.account-page__sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);height:fit-content}.account-page__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-page__nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.account-page__nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.account-page__nav-item--active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:var(--font-weight-medium)}.account-page__main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-height:600px}@media (max-width: 768px){.account-page__content{grid-template-columns:1fr;gap:var(--spacing-lg)}.account-page__sidebar{order:2}.account-page__nav{flex-direction:row;overflow-x:auto;gap:var(--spacing-sm)}.account-page__nav-item{flex-shrink:0;white-space:nowrap}.account-page__main{order:1}}.blog-card{display:flex;flex-direction:column;border-radius:12px;box-shadow:0 2px 4px #00000014;transition:all .3s ease;background-color:var(--bg-primary);height:70%;border:1px solid var(--border-color);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dark .blog-card{background-color:#1f2937;border-color:#374151}.dark .blog-card:hover{border-color:#4b5563;box-shadow:0 8px 16px #00000040}.blog-card__image-container{position:relative;height:100px}.blog-card__image{width:100%;height:100%;transition:transform .5s ease}.blog-card__content{padding:1.5rem;display:flex;flex-direction:column;height:100%}.blog-card__meta{display:flex;align-items:center;margin-bottom:.75rem;font-size:.8rem;color:var(--color-text-secondary)}.blog-card__date-icon{margin-right:4px}.blog-card__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.blog-card__excerpt{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:none}.blog-card__meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.blog-card__date{font-size:.875rem;color:var(--text-secondary)}.blog-card__category{font-size:.875rem;color:var(--color-primary);font-weight:500}.blog-card-link{text-decoration:none;color:inherit;display:block;width:100%;max-width:100%;box-sizing:border-box;height:fit-content;align-self:start;cursor:pointer}.blog-card-link:hover{text-decoration:none;color:inherit}.faq-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow:hidden;background-color:var(--card-bg);transition:box-shadow .3s ease}.faq-item:hover,.faq-item--open{box-shadow:0 4px 12px #0000000d}.faq-item__header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.faq-item__question{font-weight:600;font-size:1.1rem;color:var(--text-primary);margin:0;padding-right:1rem}.faq-item__icon{flex-shrink:0;transition:transform .3s ease;color:var(--text-secondary)}.faq-item--open .faq-item__icon{transform:rotate(180deg);color:var(--color-primary)}.faq-item__content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.25rem}.faq-item--open .faq-item__content{max-height:500px;padding:0 1.25rem 1.25rem}.faq-item__answer{color:var(--text-secondary);line-height:1.6;font-size:1rem;margin:0}.product-detail{min-height:100vh;padding:var(--space-xl) 0;background:var(--bg-primary)}.product-detail__container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.product-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.product-detail__breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.product-detail__breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.product-detail__breadcrumb a:hover{color:var(--color-primary-dark)}.product-detail__breadcrumb span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.product-detail__actions{display:flex;gap:var(--space-md)}.product-detail__content{display:grid;gap:var(--space-xl)}.product-detail__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.product-detail__image{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color)}.product-detail__image img{width:100%;height:100%;object-fit:cover}.product-detail__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary)}.product-detail__info{display:flex;flex-direction:column;gap:var(--space-lg)}.product-detail__meta{display:flex;align-items:center;gap:var(--space-md)}.product-detail__category{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.product-detail__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-detail__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.product-detail__description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.product-detail__features h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.product-detail__feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.product-detail__feature{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-base)}.product-detail__feature .icon{color:var(--color-success);flex-shrink:0}.product-detail__cta{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.product-detail__content-section{padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.product-detail__content-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.product-detail__rich-content{color:var(--text-primary);line-height:var(--leading-relaxed)}.product-detail__rich-content h1,.product-detail__rich-content h2,.product-detail__rich-content h3,.product-detail__rich-content h4,.product-detail__rich-content h5,.product-detail__rich-content h6{color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.product-detail__rich-content p{margin-bottom:var(--space-md)}.product-detail__rich-content ul,.product-detail__rich-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.product-detail__rich-content li{margin-bottom:var(--space-xs)}.product-detail__rich-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.product-detail__rich-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--text-secondary)}.product-detail__rich-content code{background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.product-detail__rich-content pre{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0}.product-detail__rich-content pre code{background:none;padding:0}.product-detail__loading,.product-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-xl)}.product-detail__spinner{font-size:var(--font-size-lg);color:var(--text-secondary)}.product-detail__error .icon{color:var(--color-error);margin-bottom:var(--space-lg)}.product-detail__error h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.product-detail__error p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--space-xl) 0}@media (max-width: 768px){.product-detail{padding:var(--space-lg) 0}.product-detail__container{padding:0 var(--space-md)}.product-detail__header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.product-detail__breadcrumb{font-size:var(--font-size-xs);flex-wrap:wrap}.product-detail__main{grid-template-columns:1fr;gap:var(--space-lg)}.product-detail__title{font-size:var(--font-size-2xl)}.product-detail__description{font-size:var(--font-size-base)}.product-detail__cta{flex-direction:column}.product-detail__content-section{padding:var(--space-lg)}.product-detail__actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.product-detail__container{padding:0 var(--space-sm)}.product-detail__breadcrumb{gap:var(--space-xs)}.product-detail__meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.product-detail__title{font-size:var(--font-size-xl)}.product-detail__content-section{padding:var(--space-md)}}.category-page{min-height:100vh;padding:var(--space-xl, 2rem) 0;background:var(--bg-primary, #ffffff)}.category-page__container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg, 1.5rem)}.category-page__header{margin-bottom:var(--space-xl, 2rem);padding-bottom:var(--space-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e5e7eb)}.category-page__breadcrumb{display:flex;align-items:center;gap:var(--space-sm, .75rem);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #6b7280);margin-bottom:var(--space-lg, 1.5rem)}.category-page__breadcrumb a{color:var(--color-primary, #3b82f6);text-decoration:none}.category-page__breadcrumb span{color:var(--text-primary, #1f2937);font-weight:500}.category-page__title-section{margin-bottom:var(--space-lg, 1.5rem)}.category-page__title{font-size:2.5rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2;margin:0 0 var(--space-md, 1rem) 0}.category-page__description{font-size:1.125rem;color:var(--text-secondary, #6b7280);line-height:1.6;margin:0}.category-page__actions{display:flex;justify-content:flex-end}.category-page__content{margin-top:var(--space-xl, 2rem)}.category-page__loading,.category-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-xl, 2rem)}.category-page__spinner{font-size:var(--font-size-lg, 1.125rem);color:var(--text-secondary, #6b7280)}.category-page__error .icon{color:var(--color-error, #ef4444);margin-bottom:var(--space-lg, 1.5rem)}.category-page__error h2{font-size:var(--font-size-2xl, 1.875rem);font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 var(--space-md, 1rem) 0}.category-page__error p{font-size:var(--font-size-lg, 1.125rem);color:var(--text-secondary, #6b7280);margin:0 0 var(--space-xl, 2rem) 0}@media (max-width: 768px){.category-page__title{font-size:2rem}.category-page__description{font-size:1rem}.category-page__header{text-align:center}.category-page__actions{justify-content:center}}:root{--admin-space-xs: .25rem;--admin-space-sm: .5rem;--admin-space-md: 1rem;--admin-space-lg: 1.5rem;--admin-space-xl: 2rem;--admin-space-2xl: 3rem;--admin-primary: var(--color-primary);--admin-primary-light: var(--color-primary-light);--admin-primary-dark: var(--color-primary-dark);--admin-bg-primary: var(--bg-primary);--admin-bg-secondary: var(--bg-secondary);--admin-bg-hover: var(--bg-hover);--admin-text-primary: var(--text-primary);--admin-text-secondary: var(--text-secondary);--admin-border-color: var(--border-color);--admin-shadow-sm: var(--shadow-sm);--admin-shadow-md: var(--shadow-md);--admin-shadow-lg: var(--shadow-lg);--admin-radius-sm: var(--radius-sm);--admin-radius-md: var(--radius-md);--admin-radius-lg: var(--radius-lg);--admin-transition-fast: var(--transition-fast);--admin-transition-normal: var(--transition-normal);--admin-font-size-xs: var(--font-size-xs);--admin-font-size-sm: var(--font-size-sm);--admin-font-size-base: var(--font-size-base);--admin-font-size-lg: var(--font-size-lg);--admin-font-size-xl: var(--font-size-xl);--admin-font-size-2xl: var(--font-size-2xl);--admin-font-weight-medium: var(--font-weight-medium);--admin-font-weight-semibold: var(--font-weight-semibold);--admin-font-weight-bold: var(--font-weight-bold)}@keyframes fadeInItem{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSidebar{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-header-actions{display:flex;gap:var(--space-md);align-items:center}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.admin-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.admin-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-error{padding:var(--space-md);background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-md)}.admin-empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.admin-empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);opacity:.5}.admin-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.admin-empty-description{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.admin-form__group{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-form__label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.admin-form__required{color:var(--color-error)}.admin-form__input,.admin-form__textarea,.admin-form__select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-form__input:focus,.admin-form__textarea:focus,.admin-form__select-table:focus,.admin-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);border-radius:var(--radius-lg)}.admin-form__textarea{min-height:80px;resize:vertical}.admin-form__actions{display:flex;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);margin-top:var(--space-md)}label[for=itemsPerPage],.admin-table-controls__per-page span{padding:10px}.admin-form__select-table{width:45px;padding:1px;outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);border-radius:var(--radius-lg)}#itemsPerPage{color:var(--text-primary);background-color:var(--bg-primary);font-weight:var(--font-weight-medium)}#itemsPerPage option{color:var(--text-primary);background-color:var(--bg-primary)}#itemsPerPage option:checked{background-color:var(--color-primary);color:var(--bg-primary)}@media (max-width: 480px){.admin-form__select{width:25%}}.admin-layout{display:flex;flex-direction:column;background-color:var(--bg-secondary)}.admin-page{background:var(--bg-secondary);min-height:calc(100vh - 64px);padding:0}.admin-container{display:flex;flex:1;height:calc(100vh - 60px)}.admin-main{flex:1;padding:var(--space-lg);overflow-y:auto;margin-left:0;border-radius:var(--radius-lg) 0 0 0}.admin-header{height:60px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 var(--space-lg);box-shadow:var(--shadow-sm)}.admin-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-header__actions{margin-left:auto;display:flex;gap:var(--space-md);align-items:center}.admin-content{padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.admin-content--narrow{max-width:800px}.admin-content--wide{max-width:none}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-lg)}.admin-page-header__content{flex:1}.admin-page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.admin-page-header__description{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.admin-page-header__actions{display:flex;gap:var(--space-md);align-items:center}@media (max-width: 768px){.admin-main,.admin-card{padding:0}.admin-content{padding:var(--space-md)}.admin-page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.admin-page-header__actions{width:100%;justify-content:flex-start}}.admin-section{margin-bottom:var(--space-xl)}.admin-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.admin-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-section__actions{display:flex;gap:var(--space-md);align-items:center}.admin-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card__header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.admin-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-card__body{padding:var(--space-lg)}.admin-card__footer{padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.admin-loading__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.admin-sliding-menu__toggle{position:fixed;top:15px;width:40px;height:40px;min-width:40px;min-height:40px;background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all var(--transition-normal);box-shadow:var(--shadow-md);color:var(--bg-primary);flex-shrink:0}.admin-sliding-menu__toggle:hover:not(.admin-sliding-menu__toggle--open){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-sliding-menu__gear-icon{width:20px;height:20px;min-width:20px;min-height:20px;color:var(--bg-primary);transition:transform var(--transition-normal);flex-shrink:0}.admin-sliding-menu__toggle--open .admin-sliding-menu__gear-icon{transform:rotate(45deg)}.admin-sidebar{width:70px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);height:calc(100vh - 60px);position:fixed;top:60px;left:0;transition:all .3s ease;overflow:hidden;z-index:999;box-shadow:var(--shadow-sm);transform:translate(-100%)}.admin-sidebar--open{transform:translate(0);animation:slideInSidebar .3s ease}.admin-sidebar:hover,.admin-sidebar--expanded{width:250px;box-shadow:var(--shadow-lg)}.admin-layout-shift--active{display:block}.admin-layout-shift--active~.admin-main,.admin-container:has(.admin-layout-shift--active) .admin-main{margin-left:70px;transition:margin-left .3s ease}.admin-sliding-menu{position:fixed;top:25px;left:15px;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);transition:transform .3s ease;font-size:var(--font-size-base)}.admin-sliding-menu--open{transform:translateY(var(--dynamic-bottom-position, 0))}@keyframes slideOutSidebar{0%{transform:translate(0)}to{transform:translate(-100%)}}.admin-sidebar__nav{height:100%;overflow-y:auto;overflow-x:hidden}.admin-sidebar__list{list-style:none;padding:1rem 0;margin:0;display:flex;flex-direction:column;gap:.25rem}.admin-sidebar__item{position:relative;margin:0 .5rem;border-radius:.5rem;transition:background-color .2s;opacity:0;animation:fadeInItem .2s ease forwards}.admin-sidebar__item:nth-child(1){animation-delay:.1s}.admin-sidebar__item:nth-child(2){animation-delay:.15s}.admin-sidebar__item:nth-child(3){animation-delay:.2s}.admin-sidebar__item:nth-child(4){animation-delay:.25s}.admin-sidebar__item:nth-child(5){animation-delay:.3s}.admin-sidebar__item:nth-child(6){animation-delay:.35s}.admin-sidebar__item:nth-child(7){animation-delay:.4s}.admin-sidebar__item:nth-child(8){animation-delay:.45s}.admin-sidebar__item:nth-child(9){animation-delay:.5s}.admin-sidebar__item:hover{background-color:var(--bg-hover)}.admin-sidebar__item--active{background-color:var(--color-primary-bg)}.admin-sidebar__link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s;border:none;width:100%;text-align:left;cursor:pointer;border-radius:.5rem;position:relative;overflow:hidden}.admin-sidebar__item--active .admin-sidebar__link{color:var(--color-primary)}.admin-sidebar__icon{margin-right:1rem;width:24px;height:24px;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}.admin-sidebar__item--active .admin-sidebar__icon{color:var(--color-primary)}.admin-sidebar__text{white-space:nowrap;transform:translate(-10px);transition:all .3s ease;position:relative;z-index:2}.admin-sidebar:hover .admin-sidebar__text,.admin-sidebar--expanded .admin-sidebar__text{opacity:1;transform:translate(0)}.admin-sidebar__link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-hover);opacity:0;transition:opacity .2s;z-index:1}.admin-sidebar__link:hover:after{opacity:1}.admin-sidebar__item--active .admin-sidebar__link:after{background-color:var(--color-primary-bg);opacity:.5}.admin-table-container{width:100%;overflow-x:auto;border-radius:.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;font-size:.875rem}.admin-table__head{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.admin-table__header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary)}.admin-table__header-cell--sortable{cursor:pointer;user-select:none}.admin-table__header-cell--sortable:hover{color:var(--color-primary)}.admin-table__row{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.admin-table__row:hover{background-color:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-table__cell{padding:.75rem 1rem;vertical-align:middle}.admin-table__cell--checkbox{width:1rem;padding-right:0}.admin-table__cell--thumbnail{width:60px;padding:.5rem}.admin-table__thumbnail{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.admin-table__thumbnail-placeholder{color:var(--text-secondary);font-size:1.2rem}.admin-table__cell--actions{width:1%;white-space:nowrap;text-align:right}.admin-table__action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.admin-table__empty{padding:2rem;text-align:center;color:var(--text-secondary)}.admin-table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.admin-table-controls__info{color:var(--text-secondary)}.image-gallery-upload{margin-bottom:var(--space-xl)}.image-gallery-upload__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.image-gallery-upload__header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.image-gallery-upload__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.image-gallery-upload__item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color);transition:border-color var(--transition-fast)}.image-gallery-upload__item:hover{border-color:var(--color-primary)}.image-gallery-upload__item img{@apply image-cover;}.image-gallery-upload__controls{position:absolute;top:0;right:0;display:flex;gap:var(--space-xs);padding:var(--space-xs);background:#000000b3;border-radius:0 0 0 var(--radius-md);opacity:0;transition:opacity var(--transition-fast)}.image-gallery-upload__item:hover .image-gallery-upload__controls{opacity:1}.image-gallery-upload__move,.image-gallery-upload__remove{width:24px;height:24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.image-gallery-upload__move{background:var(--color-primary);color:var(--bg-primary)}.image-gallery-upload__remove{background:var(--color-error);color:var(--bg-primary)}.image-gallery-upload__move:hover,.image-gallery-upload__remove:hover{opacity:.8}.admin-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;gap:var(--space-sm);min-height:40px;text-decoration:none;flex-shrink:0}.admin-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-button:active{transform:translateY(0)}.admin-button--primary:hover{background-color:var(--color-primary-dark)}.admin-button--secondary:hover{background-color:var(--bg-hover);border-color:var(--color-primary)}.admin-button--edit:hover,.admin-button--delete:hover{opacity:.9}.admin-button--primary{background-color:var(--color-primary);color:var(--bg-primary)}.admin-button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-button--edit{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);background:var(--color-info);color:var(--bg-primary);min-height:32px;min-width:32px;flex-shrink:0}.admin-button--delete{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);background:var(--color-error);color:var(--bg-primary);min-height:32px;min-width:32px;flex-shrink:0}.category-tree-selector__trigger{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);text-align:left}.category-tree-selector__toggle:hover{border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.category-tree-selector{position:relative;width:100%}.category-tree-selector__dropdown{position:absolute;top:100%;left:0;z-index:1050;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:4px;animation:dropdownSlideIn .2s ease-out;max-height:300px;overflow-y:auto;min-width:200px;width:max-content;max-width:400px}.category-tree-selector__item{border-bottom:1px solid var(--border-color)}.category-tree-selector__item:last-child{border-bottom:none}.category-tree-selector__row{display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background-color var(--transition-fast);gap:var(--space-xs);min-height:36px}.category-tree-selector__row:hover{background-color:var(--bg-hover)}.category-tree-selector__row--selected{background-color:var(--color-primary-bg);color:var(--color-primary)}.category-tree-selector__toggle{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:2px;transition:all var(--transition-fast)}.category-tree-selector__toggle:hover{background-color:var(--bg-hover);color:var(--color-primary)}.category-tree-selector__name{font-size:var(--font-size-sm);color:inherit;flex:1}.category-tree-selector__value{flex:1;color:var(--text-primary)}.category-tree-selector__children{border-left:2px solid var(--border-color);margin-left:var(--space-md)}.admin-alert{padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-sm)}.admin-alert--success{background-color:var(--color-success-light);color:var(--color-success)}.admin-alert--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.admin-alert--error{background-color:var(--color-error-light);color:var(--color-error)}.admin-alert--info{background-color:var(--color-info-light);color:var(--color-info)}.admin-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.admin-badge--success{background-color:var(--color-success-light);color:var(--color-success)}.admin-badge--danger{background-color:var(--color-error-light);color:var(--color-error)}.admin-badge--primary{background-color:var(--color-primary-bg);color:var(--color-primary)}.admin-modal{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center}.admin-modal__overlay{position:absolute;inset:0;background:#00000080}.admin-modal__content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;width:600px;max-width:90vw}.admin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.admin-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-modal__close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.admin-modal__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.admin-modal__body{flex:1;overflow-y:auto;padding:var(--space-lg)}.admin-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}@media (max-width: 768px){.admin-sliding-menu__toggle{display:flex!important;position:fixed;top:10px;left:10px;z-index:1001;width:44px;height:44px;min-width:44px;min-height:44px}.admin-sliding-menu{top:20px;left:10px}.admin-sidebar{width:280px;height:100vh;top:0;border-radius:0}.admin-sidebar--open,.admin-sidebar:hover,.admin-sidebar--expanded{width:280px}.admin-layout-shift--active~.admin-main,.admin-container:has(.admin-layout-shift--active) .admin-main{margin-left:0}.image-gallery-upload__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.image-gallery-upload__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-modal__content{max-width:95%;margin:var(--space-md);width:95vw}.admin-modal__content--large{width:95vw}}@media (max-width: 480px){.admin-sliding-menu__toggle{top:8px;left:8px;width:40px;height:40px;min-width:40px;min-height:40px}.admin-sliding-menu{top:18px;left:8px}.admin-sidebar,.admin-sidebar--open,.admin-sidebar:hover,.admin-sidebar--expanded{width:100vw}}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.admin-dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-dashboard__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-dashboard__actions{display:flex}.admin-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard__stat{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.admin-dashboard__stat:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.admin-dashboard__stat:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary)}.admin-dashboard__stat--blog:before{background:var(--success-500, #10b981)}.admin-dashboard__stat--media:before{background:var(--info-500, #3b82f6)}.admin-dashboard__stat--users:before{background:var(--warning-500, #f59e0b)}.admin-dashboard__stat-content{display:flex;align-items:center}.admin-dashboard__stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboard__stat-icon--blog{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.admin-dashboard__stat-icon--media{background:var(--info-100, #dbeafe);color:var(--info-600, #2563eb)}.admin-dashboard__stat-icon--users{background:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.admin-dashboard__stat-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.admin-dashboard__stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.admin-dashboard__row{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.admin-dashboard__quick-actions{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-dashboard__quick-actions-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.admin-dashboard__actions-grid{display:grid;gap:.75rem}.admin-dashboard__action{display:flex;align-items:center;padding:1rem;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;position:relative}.admin-dashboard__action:hover{background:var(--bg-hover);transform:translate(4px);border-color:var(--color-primary)}.admin-dashboard__action-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.admin-dashboard__action-icon--blog{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.admin-dashboard__action-icon--media{background:var(--info-100, #dbeafe);color:var(--info-600, #2563eb)}.admin-dashboard__action-icon--users{background:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.admin-dashboard__action-label{font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.admin-dashboard__action-description{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-dashboard__chart{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-dashboard__chart-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.admin-dashboard__chart-container{height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border-radius:8px;border:1px dashed var(--border-color)}.admin-dashboard__chart-placeholder{color:var(--text-secondary);font-style:italic;text-align:center}.admin-dashboard__recent{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);grid-column:1 / -1}.admin-dashboard__recent-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.admin-dashboard__activity-list{display:flex;flex-direction:column;gap:.75rem}.admin-dashboard__activity-item{display:flex;align-items:center;padding:1rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.admin-dashboard__activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.admin-dashboard__activity-icon--blog{background:var(--success-500, #10b981);color:#fff}.admin-dashboard__activity-icon--media{background:var(--info-500, #3b82f6);color:#fff}.admin-dashboard__activity-icon--user{background:var(--warning-500, #f59e0b);color:#fff}.admin-dashboard__activity-title{font-weight:500;margin:0 0 .25rem;color:var(--text-primary)}.admin-dashboard__activity-meta{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-dashboard__activity-date{font-size:.875rem;color:var(--text-secondary);margin-left:auto;flex-shrink:0}.admin-dashboard__stat:nth-child(1) .admin-dashboard__stat-value{animation-delay:.1s}.admin-dashboard__stat:nth-child(2) .admin-dashboard__stat-value{animation-delay:.2s}.admin-dashboard__stat:nth-child(3) .admin-dashboard__stat-value{animation-delay:.3s}.admin-dashboard__stat:nth-child(4) .admin-dashboard__stat-value{animation-delay:.4s}@media (max-width: 1024px){.admin-dashboard__row{gap:1.5rem}.admin-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-dashboard__header{flex-direction:column;align-items:flex-start}.admin-dashboard__stat-content{flex-direction:column;text-align:center;gap:.75rem}.admin-dashboard__activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-dashboard__activity-date{margin-left:0}}.admin-blog{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.admin-blog__header{margin-bottom:2rem}.admin-blog__title{font-size:1.75rem;font-weight:700}.admin-blog__filters{background:var(--bg-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-blog__filters-row{display:flex;align-items:center;gap:1rem;width:100%}.admin-blog__filters-row .admin-form__input{width:200px;flex-shrink:0}.admin-blog__filters-row .admin-form__select{width:120px;flex-shrink:0}.admin-blog__filters-row .category-tree-selector{width:180px;flex-shrink:0}.admin-blog__filters-row .admin-button{flex-shrink:0}.admin-blog__actions{display:flex;gap:.5rem;margin-left:auto;flex-shrink:0}.admin-blog__filter-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-blog__filter-input,.admin-blog__filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.admin-blog__filter-input:focus,.admin-blog__filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-blog__filter-button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-alt);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.admin-blog__filter-button:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-blog__filter-button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-blog__filter-button--primary:hover{background:var(--color-primary-dark)}.admin-blog__table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.admin-blog__per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.admin-blog__per-page-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-blog__entries-info{font-size:.875rem;color:var(--text-secondary)}.admin-blog__table{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);margin-bottom:2rem}.admin-blog__table-header{background:var(--bg-alt);border-bottom:1px solid var(--border-color)}.admin-blog__table-row{display:grid;grid-template-columns:1fr 150px 120px 100px 120px;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.admin-blog__table-row:hover{background:var(--bg-hover)}.admin-blog__table-row:last-child{border-bottom:none}.admin-blog__table-header .admin-blog__table-row{font-weight:600;color:var(--text-primary)}.admin-blog__table-cell{display:flex;align-items:center;gap:.5rem}.admin-blog__table-cell--title{flex-direction:column;align-items:flex-start;gap:.25rem}.admin-blog__post-title{font-weight:500;color:var(--text-primary);text-decoration:none;transition:color .2s ease}.admin-blog__post-title:hover{color:var(--color-primary)}.admin-blog__post-excerpt{font-size:.875rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-blog__post-category{display:inline-block;padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.admin-blog__post-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.admin-blog__post-status--published{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.admin-blog__post-status--draft{background:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.admin-blog__post-date{font-size:.875rem;color:var(--text-secondary)}.admin-blog__post-actions{display:flex;gap:.5rem}.admin-blog__action-button{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-alt);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.admin-blog__action-button:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-blog__action-button--edit{color:var(--info-600, #2563eb);border-color:var(--info-200, #bfdbfe)}.admin-blog__action-button--edit:hover{background:var(--info-50, #eff6ff)}.admin-blog__action-button--delete{color:var(--error-600, #dc2626);border-color:var(--error-200, #fecaca)}.admin-blog__action-button--delete:hover{background:var(--error-50, #fef2f2)}.admin-blog__editor{background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-blog__editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-blog__editor-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-blog__editor-actions{display:flex;gap:1rem}.admin-blog__editor-form{display:grid;gap:1.5rem}.admin-blog__form-group{display:flex;flex-direction:column;gap:.5rem}.admin-blog__form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-blog__form-input,.admin-blog__form-textarea,.admin-blog__form-select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.admin-blog__form-input:focus,.admin-blog__form-textarea:focus,.admin-blog__form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-blog__form-textarea{min-height:120px;resize:vertical}.admin-blog__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-blog__media-selector{margin-top:1rem}.admin-blog__media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-blog__media-title{font-size:1rem;font-weight:500;margin:0;color:var(--text-primary)}.admin-blog__media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding:1rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.admin-blog__media-item{position:relative;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.admin-blog__media-item:hover{border-color:var(--color-primary);transform:scale(1.05)}.admin-blog__media-item--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.admin-blog__media-image{@apply image-cover;}.admin-blog__pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.admin-blog__pagination-button{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.admin-blog__pagination-button:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-blog__pagination-button--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-blog__pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px) and (min-width: 769px){.admin-blog__filters-row{flex-wrap:wrap;gap:.75rem}.admin-blog__filters-row .admin-form__input{width:180px}.admin-blog__filters-row .admin-form__select{width:100px}.admin-blog__filters-row .category-tree-selector{width:150px}.admin-blog__table-row{grid-template-columns:1fr 120px 100px}}@media (max-width: 768px){.admin-blog{padding:1rem}.admin-blog__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-blog__filters-row{flex-direction:column;align-items:stretch;gap:.75rem}.admin-blog__filters-row .admin-form__input,.admin-blog__filters-row .admin-form__select,.admin-blog__filters-row .category-tree-selector{width:100%}.admin-blog__actions{margin-left:0;flex-direction:column;gap:.5rem}.admin-blog__actions button{width:100%}.admin-table-container{border-radius:0;box-shadow:none}.admin-table{display:block;background:transparent;border-radius:0;box-shadow:none;border:none}.admin-table tbody{display:block}.admin-table__row{display:block;background:var(--bg-primary);border-radius:12px;margin-bottom:1rem;padding:0;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);overflow:hidden;position:relative}.admin-table__cell{display:block;padding:0;border:none}.admin-table__cell--thumbnail{width:100%;height:200px;position:relative;overflow:hidden}.admin-table__thumbnail{width:100%;height:100%;border-radius:0;border:none;position:relative}.admin-table__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--bg-secondary);color:var(--text-secondary)}.admin-table__cell:not(.admin-table__cell--thumbnail):not(.admin-table__cell--actions){display:block;padding:1rem}.admin-table__content-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.25rem}.admin-table__content-subtitle{font-size:.875rem;color:var(--text-secondary);font-family:monospace}.admin-mobile-info-toggle{position:absolute;top:.75rem;right:.75rem;background:#000000b3;border:none;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.admin-mobile-info-menu{position:absolute;top:20%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:10;min-width:200px;padding:.75rem;margin-top:.5rem}.admin-mobile-info-item{margin-bottom:.5rem;font-size:.875rem;color:var(--text-primary)}.admin-mobile-info-item:last-child{margin-bottom:0}.admin-mobile-actions{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:2}.admin-mobile-action-button{width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.admin-mobile-action-button:hover{transform:scale(1.1)}.admin-mobile-action-button--edit{background:var(--info-600, #2563eb);color:#fff}.admin-mobile-action-button--delete{background:var(--error-600, #dc2626);color:#fff}.admin-blog__table-controls{flex-direction:column;align-items:flex-start;gap:1rem}.admin-blog__table-row{grid-template-columns:1fr;gap:.5rem}.admin-blog__table-cell{justify-content:space-between}.admin-blog__editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-blog__media-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.admin-section{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.admin-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-section__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-section__actions{display:flex;gap:1rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-category-form{background:var(--bg-primary);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-category-form__body{display:grid;gap:1.5rem}.admin-category-form__row{display:grid;gap:1rem}.admin-category-form__group{display:flex;gap:.5rem}.admin-category-form__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-category-form__required{color:var(--error-500, #ef4444)}.admin-category-form__input,.admin-category-form__textarea,.admin-category-form__select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.admin-category-form__input:focus,.admin-category-form__textarea:focus,.admin-category-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-category-form__input--error{border-color:var(--error-500, #ef4444)}.admin-category-form__input--error:focus{border-color:var(--error-500, #ef4444);box-shadow:0 0 0 3px #ef44441a}.admin-category-form__textarea{min-height:80px;resize:vertical}.admin-category-form__error{font-size:.75rem;color:var(--error-500, #ef4444);font-weight:500}.admin-category-form__footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.admin-category-tree{width:100%}.admin-category-tree__empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-alt);border-radius:8px;border:2px dashed var(--border-color)}.admin-category-tree__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-category-tree__empty-text{margin:0;font-size:1.1rem;color:var(--text-secondary)}.admin-category-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;background:var(--bg-primary);transition:all .2s ease;overflow:hidden}.admin-category-item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.admin-category-item__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary)}.admin-category-item__info{display:flex;align-items:center;flex:1;gap:.75rem;padding:.25rem;margin:-.25rem;border-radius:6px;transition:background-color .2s ease}.admin-category-item__info:hover{background:var(--bg-hover)}.admin-category-item__toggle{color:var(--text-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease}.admin-category-item__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-category-item__spacer{width:24px;height:24px}.admin-category-item__details{display:flex;align-items:center;gap:.75rem;flex:1}.admin-category-item__icon{color:var(--text-secondary);display:flex;align-items:center;width:20px;height:20px}.admin-category-item__text{display:flex;flex-direction:column;gap:.125rem;flex:1}.admin-category-item__name{font-weight:600;color:var(--text-primary);font-size:.9375rem;line-height:1.2}.admin-category-item__slug{color:var(--text-secondary);font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;opacity:.8}.admin-category-item__count{color:var(--success-600, #059669);font-size:.6875rem;font-weight:600;background:var(--success-100, #d1fae5);padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.admin-category-item__actions{display:flex;gap:.5rem;opacity:1}.admin-category-item__action{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-alt);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.admin-category-item__action:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-category-item__action--edit{color:var(--info-600, #2563eb);border-color:var(--info-200, #bfdbfe)}.admin-category-item__action--edit:hover{background:var(--info-50, #eff6ff)}.admin-category-item__action--delete{color:var(--error-600, #dc2626);border-color:var(--error-200, #fecaca)}.admin-category-item__action--delete:hover{background:var(--error-50, #fef2f2)}.admin-category-item__children{padding:.5rem 0 .5rem 2.5rem;background:var(--bg-alt);border-top:1px solid var(--border-color);position:relative;overflow:hidden;animation:expandDown .25s ease-out}.admin-category-item__children:before{content:"";position:absolute;left:1.25rem;top:0;bottom:0;width:2px;background:var(--border-color)}.admin-category-item__children .admin-category-item{position:relative;margin-bottom:.375rem}.admin-category-item__children .admin-category-item:before{content:"";position:absolute;left:-1.25rem;top:50%;width:1rem;height:2px;background:var(--border-color);transform:translateY(-50%)}.admin-category-item__children .admin-category-item:last-child:after{content:"";position:absolute;left:-1.375rem;top:50%;bottom:-.5rem;width:2px;background:var(--bg-alt)}.admin-category-item__children .admin-category-item__children{padding-left:2rem;background:var(--bg-secondary)}.admin-category-item__children .admin-category-item__children .admin-category-item{border-color:var(--border-color)}.admin-category-item__children .admin-category-item__children .admin-category-item__header{background:var(--bg-primary)}@keyframes expandDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.admin-categories__tabs{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.admin-categories__tab-group{display:flex;gap:.5rem}.admin-categories__tab{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.admin-categories__tab:hover{color:var(--text-primary)}.admin-categories__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-categories__actions{display:flex;gap:1rem}@media (max-width: 768px){.admin-section{padding:1rem;top:60px}.admin-categories__actions{margin-top:20px}.admin-section__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-section__actions{width:100%;justify-content:flex-start}.admin-card__body{padding:1rem}.admin-category-form{padding:1.5rem}.admin-category-form__footer{flex-direction:column}.admin-category-item__header{padding:.75rem}.admin-category-item__action{padding:.375rem .75rem;font-size:.8125rem}.admin-category-item__children{padding-left:1.5rem}.admin-category-item__children:before{left:.75rem}.admin-category-item__children .admin-category-item:before{left:-.75rem;width:.75rem}.admin-category-item__children .admin-category-item:last-child:after{left:-.875rem}}@media (max-width: 480px){.admin-card__body,.admin-category-item__header{padding:.5rem}.admin-category-item__actions{width:100%;justify-content:center}}.admin-contacts{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);height:calc(100vh - 200px)}.admin-contacts__list{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-y:auto;background:var(--bg-primary)}.admin-contacts__item{padding:var(--space-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.admin-contacts__item:hover{background-color:var(--bg-hover)}.admin-contacts__item--active{background-color:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.admin-contacts__item:last-child{border-bottom:none}.admin-contacts__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.admin-contacts__item-date{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.admin-contacts__item-subject{font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);color:var(--text-primary)}.admin-contacts__item-email{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.admin-contacts__detail{overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-contacts__message{margin-bottom:var(--space-lg);padding:var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.admin-contacts__message-content{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--bg-primary);border-radius:var(--radius-sm);white-space:pre-wrap;line-height:var(--line-height-relaxed);color:var(--text-primary)}.admin-contacts__reply h4{margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.admin-contacts__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.admin-contacts__empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);opacity:.5}@media (max-width: 768px){.admin-contacts{grid-template-rows:300px 1fr;height:calc(100vh - 150px)}.admin-contacts__item-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.settings-form-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.settings-form-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left .6s ease}.settings-form-section:hover:before{left:100%}.settings-form-section__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-form-section__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.settings-form-section:hover .settings-form-section__title{color:var(--color-primary)}.settings-form-section__title svg{transition:transform .2s ease}.settings-form-section:hover .settings-form-section__title svg{transform:scale(1.1) rotate(5deg)}.settings-form-section__description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.settings-form-section__content{display:flex;flex-direction:column;gap:1.5rem}.settings-form-field{display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.admin-settings__form{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-settings__notification-options{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.settings-content__panel{padding:0}.admin-form__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.admin-settings__section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border-color)}.admin-settings__subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.settings-form-field--focused{transform:translateY(-1px)}.settings-form-field--error .settings-form-field__input input,.settings-form-field--error .settings-form-field__input textarea{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.settings-form-field--warning .settings-form-field__input input,.settings-form-field--warning .settings-form-field__input textarea{border-color:var(--warning-500, #f59e0b);box-shadow:0 0 0 3px #f59e0b1a}.settings-form-field--success .settings-form-field__input input,.settings-form-field--success .settings-form-field__input textarea{border-color:var(--success-500, #10b981);box-shadow:0 0 0 3px #10b9811a}.settings-form-field--loading{opacity:.7}.settings-form-field--disabled{opacity:.5}.settings-form-field__label{font-weight:500;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s ease}.settings-form-field__label:hover{color:var(--color-primary)}.settings-form-field__label-text{flex:1}.settings-form-field__required{color:var(--error-500);font-weight:600;margin-left:2px}.settings-form-field__loading-icon{animation:spin 1s linear infinite;color:var(--color-primary)}.settings-form-field__input{position:relative;display:flex;align-items:center}.settings-form-field__status-icon{position:absolute;right:.75rem;z-index:1}.settings-form-field__status-icon--error{color:var(--error-500)}.settings-form-field__status-icon--warning{color:var(--warning-500, #f59e0b)}.settings-form-field__status-icon--success{color:var(--success-500, #10b981)}.settings-form-field__status-icon--loading{color:var(--color-primary);animation:spin 1s linear infinite}.settings-form-field__input input,.settings-form-field__input textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-form-field__input input:focus,.settings-form-field__input textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.settings-form-field__input input:hover:not(:disabled),.settings-form-field__input textarea:hover:not(:disabled){border-color:var(--color-primary-light, rgba(59, 130, 246, .5))}.settings-form-field__input input:disabled,.settings-form-field__input textarea:disabled{background:var(--bg-disabled, #f3f4f6);color:var(--text-disabled, #9ca3af);cursor:not-allowed}.settings-form-field__help{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4;animation:fadeIn .2s ease-in-out}.settings-form-field__warning{font-size:.75rem;color:var(--warning-600, #d97706);margin:0;line-height:1.4;animation:slideInDown .2s ease-out}.settings-form-field__error{font-size:.75rem;color:var(--error-500);margin:0;line-height:1.4;animation:shake .3s ease-in-out}.settings-form-field__success{font-size:.75rem;color:var(--success-600, #059669);margin:0;line-height:1.4;animation:slideInUp .2s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.settings-form-field__icon{color:var(--text-secondary)}.admin-settings__form{display:flex;gap:var(--space-lg)}.admin-settings .admin-form__textarea{min-height:30px;height:58px}.admin-form__help-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.admin-form__checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer}.admin-form__checkbox-input{margin:2px 0 0;width:16px;height:16px;flex-shrink:0}.admin-form__checkbox-label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.admin-form__input-group{display:flex;gap:var(--space-sm)}.admin-form__input-group .admin-form__input{flex:1}.admin-settings__notification-options{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.settings-unsaved-changes{position:fixed;bottom:2rem;right:2rem;background:var(--warning-50, #fffbeb);border:1px solid var(--warning-200, #fde68a);border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideInUp .3s ease-out;max-width:300px}.settings-unsaved-changes__content{display:flex;flex-direction:column;gap:.75rem}.settings-unsaved-changes__message{display:flex;align-items:center;gap:.5rem}.settings-unsaved-changes__icon{font-size:1.125rem}.settings-unsaved-changes__text{font-size:.875rem;color:var(--warning-800, #92400e);font-weight:500}.settings-unsaved-changes__actions{display:flex;gap:.5rem;justify-content:flex-end}.settings-shortcuts-toggle{padding:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-shortcuts-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary-light, rgba(59, 130, 246, .3))}.settings-shortcuts-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.settings-shortcuts-modal__backdrop{position:absolute;inset:0;background:#00000080}.settings-shortcuts-modal__content{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90vw;max-height:80vh;overflow:hidden;animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94)}.settings-shortcuts-modal__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.settings-shortcuts-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.settings-shortcuts-modal__close{padding:.25rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.settings-shortcuts-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-shortcuts-modal__list{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.settings-shortcut{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border-radius:6px;transition:all .2s ease}.settings-shortcut:hover{background:var(--bg-hover);transform:translateY(-1px)}.settings-shortcut__keys{display:flex;align-items:center;gap:.25rem}.settings-shortcut__key{padding:.25rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;box-shadow:0 1px 2px #0000000d}.settings-shortcut__plus{color:var(--text-secondary);font-size:.75rem;font-weight:500}.settings-shortcut__description{font-size:.875rem;color:var(--text-primary);font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-mobile-nav{position:relative}.settings-mobile-nav__trigger{width:100%;padding:1rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}.settings-mobile-nav__trigger:hover{border-color:var(--color-primary-light, rgba(59, 130, 246, .3));box-shadow:0 2px 4px #0000000d}.settings-mobile-nav__trigger-content{display:flex;align-items:center;gap:.75rem}.settings-mobile-nav__trigger-label{font-weight:500}.settings-mobile-nav__badge{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:pulse 2s infinite}.settings-mobile-nav__chevron{transition:transform .2s ease;color:var(--text-secondary)}.settings-mobile-nav__chevron--open{transform:rotate(180deg)}.settings-mobile-nav__backdrop{position:fixed;inset:0;background:#0000004d;z-index:999}.settings-mobile-nav__menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:.5rem;overflow:hidden;animation:slideInUp .2s ease-out}.settings-mobile-nav__item{width:100%;padding:1rem;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.875rem;text-align:left;border-bottom:1px solid var(--border-color)}.settings-mobile-nav__item:last-child{border-bottom:none}.settings-mobile-nav__item:hover{background:var(--bg-hover)}.settings-mobile-nav__item--active{background:var(--bg-secondary);color:var(--color-primary);font-weight:600}.settings-mobile-nav__item-label{flex:1}.settings-mobile-nav__check{color:var(--color-primary)}.settings-export-import{display:flex;align-items:center;gap:.5rem}.settings-export-import__actions{display:flex;gap:.5rem}.settings-export-import__button{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;white-space:nowrap}.settings-export-import__button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary-light, rgba(59, 130, 246, .3));transform:translateY(-1px)}.settings-export-import__button:active:not(:disabled){transform:translateY(0)}.settings-export-import__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-export-import__button--export{color:var(--success-600, #059669);border-color:var(--success-200, #a7f3d0)}.settings-export-import__button--export:hover:not(:disabled){background:var(--success-50, #ecfdf5);border-color:var(--success-300, #6ee7b7)}.settings-export-import__button--import{color:var(--color-primary);border-color:var(--color-primary-light, rgba(59, 130, 246, .3))}.settings-export-import__button--import:hover:not(:disabled){background:var(--color-primary-light, rgba(59, 130, 246, .05));border-color:var(--color-primary)}.settings-export-import__loading{animation:spin 1s linear infinite}.settings-export-import__button-text{font-weight:inherit}.settings-search{position:relative;width:100%;max-width:300px}.settings-search__input-wrapper{position:relative;display:flex;align-items:center}.settings-search__icon{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.settings-search__input{width:100%;padding:.5rem 2.5rem .5rem 2.25rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.settings-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.settings-search__input::placeholder{color:var(--text-secondary)}.settings-search__clear{position:absolute;right:.5rem;padding:.25rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-search__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-search__results{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:.25rem;overflow:hidden;animation:slideInUp .2s ease-out}.settings-search__result{width:100%;padding:.75rem;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.settings-search__result:last-child{border-bottom:none}.settings-search__result:hover{background:var(--bg-hover)}.settings-search__result-icon{color:var(--text-secondary);flex-shrink:0;margin-top:.125rem}.settings-search__result-content{flex:1;min-width:0}.settings-search__result-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.settings-search__result-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.25rem;overflow:hidden;white-space:nowrap}.settings-search__result-category{font-size:.6875rem;color:var(--color-primary);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.settings-search__no-results{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.25rem}@media (max-width: 768px){.settings-mobile-nav{display:block;margin-bottom:1rem}.settings-tab-bar{display:none}.settings-tab-bar__tab{padding:.75rem 1rem;font-size:.8125rem}.settings-tab-bar__tab-label{display:none}.settings-content__panel{padding:1rem}.settings-form-section{padding:1rem;margin-bottom:1rem}.settings-form-section__title{font-size:1rem}.settings-unsaved-changes{bottom:1rem;right:1rem;left:1rem;max-width:none}.settings-unsaved-changes__content{flex-direction:row;align-items:center;justify-content:space-between}.settings-unsaved-changes__actions{flex-shrink:0}.admin-settings__tabs{flex-direction:column}.admin-settings__tab{border-bottom:none;border-left:3px solid transparent}.admin-settings__tab--active{border-left-color:var(--color-primary);border-bottom-color:transparent}.admin-form__input-group{flex-direction:column}}@media (max-width: 480px){.settings-tab-bar__tab{padding:.5rem .75rem}.settings-tab-bar__tab-icon{margin:0}.settings-form-field__input input,.settings-form-field__input textarea{font-size:1rem}.settings-unsaved-changes__message{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-unsaved-changes__actions{width:100%;justify-content:stretch}.settings-unsaved-changes__actions button{flex:1}.settings-shortcuts-modal__content{width:95vw;margin:1rem}.settings-shortcuts-modal__header{padding:1rem}.settings-shortcuts-modal__list{padding:.75rem 1rem 1rem}.settings-shortcut{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-shortcut__keys{align-self:flex-end}.settings-export-import{flex-direction:column;align-items:stretch;gap:.5rem}.settings-export-import__actions{flex-direction:column}.settings-export-import__button{justify-content:center}.settings-export-import__button-text{display:none}.settings-search{max-width:none}.settings-search__input{font-size:1rem}.settings-search__result{padding:1rem .75rem}.settings-search__result-description{white-space:normal;overflow:visible;text-overflow:initial}.api-key-item{flex-direction:column;align-items:stretch;gap:.5rem}.api-key-info{margin-bottom:.5rem}.css-analyzer__header{flex-direction:column;align-items:stretch;gap:1rem}.analyzer-actions{flex-direction:column}.duplicates-header{flex-direction:column;align-items:stretch;gap:1rem}.duplicates-actions{flex-direction:column}.css-rule__header{flex-direction:column;align-items:flex-start;gap:.5rem}.css-property{flex-direction:column;gap:.25rem}.property-name{min-width:auto}}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.api-key-item:hover{border-color:var(--color-primary-light, rgba(59, 130, 246, .3));box-shadow:0 2px 4px #0000000d}.api-key-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.api-key-info strong{color:var(--text-primary);font-size:.875rem}.api-key-value{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--color-primary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);display:inline-block;margin:.25rem 0}.api-key-info small{color:var(--text-secondary);font-size:.75rem}.css-analyzer{display:flex;flex-direction:column;gap:1.5rem}.css-analyzer__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.css-analyzer__header h2{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.analyzer-actions{display:flex;gap:.75rem}.css-analyzer__validation,.css-analyzer__results{display:flex;flex-direction:column;gap:1rem}.summary-card{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.summary-card h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.summary-card p{margin:.5rem 0;color:var(--text-secondary);font-size:.875rem}.validation-errors{padding:1rem;background:var(--bg-primary);border:1px solid var(--error-200, #fecaca);border-radius:8px}.validation-errors h4{margin:0 0 1rem;color:var(--error-600, #dc2626);font-size:1rem;font-weight:600}.validation-error{padding:.75rem;margin-bottom:.75rem;background:var(--error-50, #fef2f2);border:1px solid var(--error-200, #fecaca);border-radius:6px}.validation-error:last-child{margin-bottom:0}.error-location{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--error-700, #b91c1c);font-weight:600;margin-bottom:.25rem}.error-message{color:var(--error-800, #991b1b);font-size:.875rem;margin-bottom:.25rem}.error-details{font-size:.75rem;color:var(--error-600, #dc2626);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.css-analyzer__duplicates{display:flex;flex-direction:column;gap:1rem}.duplicates-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.duplicates-header h3{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.duplicates-actions{display:flex;gap:.5rem}.duplicate-group{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.duplicate-group__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.duplicate-type{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.duplicate-type--identical{background:var(--error-100, #fee2e2);color:var(--error-700, #b91c1c)}.duplicate-type--similar{background:var(--warning-100, #fef3c7);color:var(--warning-700, #a16207)}.duplicate-rules{display:flex;flex-direction:column;gap:1rem}.css-rule{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.css-rule__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.css-rule__header strong{color:var(--text-primary);font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.css-rule__location{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.css-rule__properties{display:flex;flex-direction:column;gap:.25rem}.css-property{display:flex;gap:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem}.property-name{color:var(--color-primary);font-weight:600;min-width:120px}.property-value{color:var(--text-primary)}.css-analyzer__placeholder{margin-top:1rem}.css-analyzer__features{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.feature-item:hover{border-color:var(--color-primary-light, rgba(59, 130, 246, .3));background:var(--bg-hover)}.feature-item svg{color:var(--color-primary);flex-shrink:0}.feature-item span{color:var(--text-primary);font-size:.875rem;font-weight:500}.admin-analytics{padding:var(--space-md);max-width:1400px;margin:0 auto;position:relative;top:60px}.admin-analytics__realtime-number{display:block;font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.admin-analytics__export-controls{display:flex;gap:var(--space-md)}.admin-analytics__export-field,.admin-analytics__date-range-buttons{display:flex;gap:var(--space-xs)}.admin-analytics__error-actions{display:flex;gap:var(--space-md);justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-analytics__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.admin-analytics__header{gap:var(--space-md)}.admin-analytics__title{text-align:center}}.admin-analytics__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-analytics__controls{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}@media (max-width: 768px){.admin-analytics__controls{align-items:stretch;gap:var(--space-sm)}}@media (max-width: 480px){.admin-analytics__controls{gap:var(--space-xs);width:100%}.admin-analytics__header{align-items:center}}.admin-analytics__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.admin-analytics__metric{background:var(--bg-primary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color)}.admin-analytics__value{display:block;font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-sm)}.admin-analytics__label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-analytics__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}.admin-analytics-charts{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-width:0;overflow:hidden}.admin-analytics-charts__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.admin-analytics-charts__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-analytics-charts__controls{display:flex;gap:var(--space-sm)}.admin-analytics-charts__container{height:400px}.admin-analytics-top-pages{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-analytics-top-pages__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.admin-analytics-top-pages__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.admin-analytics-top-pages__item:last-child{border-bottom:none}.admin-analytics-top-pages__rank{width:24px;height:24px;background:var(--color-primary);color:var(--bg-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.admin-analytics-top-pages__page{min-width:0}.admin-analytics-top-pages__path{display:block;font-weight:var(--font-weight-medium);color:var(--color-primary);white-space:nowrap;overflow:hidden;text-decoration:none;cursor:pointer}.admin-analytics-top-pages__path:hover{text-decoration:underline}.admin-analytics-top-pages__views{display:block;font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-analytics-top-pages__empty{text-align:center;color:var(--text-secondary);padding:var(--space-xl)}.admin-analytics-device-stats{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-analytics-device-stats__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.admin-analytics-device-stats__chart{height:200px;margin-bottom:var(--space-md)}.admin-analytics-device-stats__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.admin-analytics-device-stats__item:last-child{border-bottom:none}.admin-analytics-device-stats__device{font-weight:var(--font-weight-medium);color:var(--text-primary)}.admin-analytics-device-stats__count{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-analytics-device-stats__empty{text-align:center;color:var(--text-secondary);padding:var(--space-xl)}.admin-select-wrapper{position:relative;display:inline-block;min-width:160px}.admin-select--styled{width:100%;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);appearance:none;transition:all .2s ease}.admin-select--styled:hover{border-color:var(--color-primary)}.admin-select--styled:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.admin-select-arrow{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);font-size:var(--font-size-xs)}@media (max-width: 768px){.admin-select-wrapper{min-width:120px}.admin-select--styled{padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);font-size:var(--font-size-xs)}}@media (max-width: 480px){.admin-select-wrapper{width:100%;min-width:auto}}@media (max-width: 1024px){.admin-analytics__grid{display:block}.admin-analytics__sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}}@media (max-width: 768px){.admin-analytics{padding:var(--space-sm)}.admin-analytics__header{align-items:flex-start;gap:var(--space-md)}.admin-analytics__overview{grid-template-columns:repeat(2,1fr)}.admin-analytics__value{font-size:2rem}.admin-analytics-charts{min-width:0;width:100%}.admin-analytics__export-controls{gap:var(--space-sm)}.admin-analytics__date-range-buttons{gap:var(--space-xs)}.admin-analytics__realtime-number{font-size:2.5rem}}@media (max-width: 480px){.admin-analytics__value{font-size:1.8rem}.admin-analytics__realtime-number{font-size:2rem}.admin-analytics-charts__container{height:300px}}.admin-documentation{padding:var(--space-xl);max-width:1200px;margin:0 auto}.documentation-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.documentation-filters__selector{flex:1}.admin-documentation__loading,.admin-documentation__error{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.admin-documentation__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md);text-align:center;color:var(--text-secondary)}.admin-documentation__error{text-align:center;padding:var(--space-3xl);color:var(--color-error);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-error)}@media (max-width: 768px){.admin-documentation{padding:var(--space-md);top:60px;position:relative}.documentation-filters{flex-direction:column;align-items:stretch;gap:var(--space-md)}}.mailings-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:0}.mailings-tab{padding:var(--space-md) var(--space-xl);border:none;background:transparent;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-secondary);border-bottom:3px solid transparent;transition:all var(--transition-fast);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mailings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.mailings-tab--active{background:var(--bg-primary);color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.mailings-content{background:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-xl);min-height:500px;border:1px solid var(--border-color);border-top:none}.template-manager{display:grid;grid-template-columns:350px 1fr;gap:var(--space-xl);height:600px}.template-manager__sidebar{border-right:1px solid var(--border-color);padding-right:var(--space-xl)}.template-manager__editor{padding-left:var(--space-xl);overflow-y:auto}.template-list{max-height:500px;overflow-y:auto;margin-top:var(--space-md)}.template-item{position:relative;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);transition:all var(--transition-fast);background:var(--bg-secondary)}.template-item__content{cursor:pointer}.template-item:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.template-item__delete{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border:none;background:var(--color-error);color:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.template-item:hover .template-item__delete{opacity:1}.template-item__delete:hover{background:#dc2626;transform:scale(1.1)}.template-item h4{margin:0 0 var(--space-sm) 0;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-item p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailing-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.mailing-list-card{padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.mailing-list-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.mailing-list-card h4{margin:0 0 var(--space-sm) 0;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mailing-list-card p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.mailing-list-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.mailing-list-stats span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.mailing-list-actions{display:flex;gap:var(--space-sm)}.mailing-list-actions button{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.mailing-list-actions button:hover{background:var(--color-primary);color:var(--bg-primary);border-color:var(--color-primary)}.mailing-list-editor{background:var(--bg-primary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:600px}.mailing-list-editor .admin-form__field{margin-bottom:var(--space-lg)}.mailing-list-editor .admin-form__label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.mailing-list-editor .admin-form__input,.mailing-list-editor .admin-form__textarea,.mailing-list-editor .admin-form__select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary)}.mailing-list-editor .admin-form__actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.user-selector__filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg)}.user-selector__filters select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.user-selector__list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary)}.user-selector__item{display:flex;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.user-selector__item:last-child{border-bottom:none}.user-selector__item:hover{background:var(--bg-hover)}.user-selector__item input[type=checkbox]{margin-right:var(--space-md);width:16px;height:16px}.user-info{display:flex;flex-direction:column;gap:var(--space-xs)}.user-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-email{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.user-selector__actions{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center}@media (max-width: 768px){.template-manager{grid-template-columns:1fr;grid-template-rows:300px 1fr;height:auto}.template-manager__sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:var(--space-md)}.template-manager__editor{padding-left:0;padding-top:var(--space-md)}.mailing-list-grid{grid-template-columns:1fr}.user-selector__filters{flex-direction:column}}.admin-filters{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.admin-filters__row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.admin-filters__group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.admin-filters__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-filters__input,.admin-filters__select{padding:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-filters__actions{display:flex;align-items:end}.admin-empty{padding:2rem;background:var(--bg-alt);border-radius:8px;border:2px dashed var(--border-color)}.admin-media{width:100%}.admin-media__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0}.admin-media__card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;cursor:pointer}.admin-media__card:hover{box-shadow:0 4px 12px #0000001a}.admin-media__card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light, #eff6ff)}.admin-media__card--picker{position:relative}.admin-media__thumbnail{position:relative;width:100%;height:150px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center}.admin-media__image{@apply image-cover;}.admin-media__image--picker{transition:opacity .2s ease}.admin-media__card--picker:hover .admin-media__image--picker{opacity:.7}.admin-media__icon{display:flex;align-items:center;justify-content:center}.admin-media__picker-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.admin-media__info{padding:.75rem}.admin-media__name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.admin-media__details{display:flex;gap:.5rem;font-size:.75rem}.admin-uploader__dropzone{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;background:var(--bg-alt);cursor:pointer;transition:all .2s ease}.admin-uploader__dropzone--active{border-color:var(--color-primary);background:var(--color-primary-light, #eff6ff)}.admin-uploader__text{margin-bottom:1rem}.admin-uploader__browse-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;cursor:pointer}.admin-uploader__files{margin-top:1rem}.admin-uploader__files-title{margin-bottom:.5rem;font-weight:500}.admin-uploader__file-list{list-style:none;padding:0;margin:0}.admin-uploader__file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--border-color);margin-bottom:.5rem}.admin-uploader__file-remove{background:var(--color-error);color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer}.admin-uploader__progress-container{padding:2rem}.admin-uploader__progress{width:100%;height:8px;background:var(--bg-alt);margin-bottom:1rem}.admin-uploader__progress-value{height:100%;background:var(--color-primary);transition:width .3s ease}.admin-media-viewer{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-height:80vh}.admin-media-viewer__preview{display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border-radius:8px;padding:2rem}.admin-media-viewer__image{max-width:100%;max-height:60vh;object-fit:contain}.admin-media-viewer__error{padding:2rem;font-style:italic}.admin-media-viewer__video,.admin-media-viewer__audio{width:100%;max-width:500px}.admin-media-viewer__file{padding:2rem}.admin-media-viewer__file-icon{font-size:3rem;margin-bottom:1rem}.admin-media-viewer__download{color:var(--color-primary);text-decoration:none;padding:.75rem 1.5rem;border:1px solid var(--color-primary);border-radius:4px}.admin-media-viewer__details{overflow-y:auto}.admin-media-viewer__info{background:var(--bg-alt);padding:1rem;border-radius:4px;margin-bottom:1rem}.admin-media-viewer__info-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.admin-media-viewer__info-label{font-weight:500}.admin-media-viewer__info-value{color:var(--text-primary)}.admin-form__group{margin-bottom:1rem}.admin-form__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.admin-form__input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.admin-form__input--readonly{background:var(--bg-alt);color:var(--text-secondary)}.admin-form__input-group{display:flex;gap:.5rem}.admin-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal__overlay{position:absolute;inset:0}.admin-modal__content{position:relative;background:var(--bg-primary);border-radius:8px;box-shadow:0 10px 25px #0003;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-modal__content--large{width:800px}.admin-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.admin-modal__title{margin:0;font-size:1.25rem;font-weight:600}.admin-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem}.admin-modal__body{flex:1;overflow-y:auto;padding:1rem}.admin-modal__footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid var(--border-color)}.admin-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.admin-button--primary{background:var(--color-primary);color:#fff}.admin-button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-button--edit{background:var(--color-info, #3b82f6);color:#fff;padding:.25rem;border-radius:4px}.admin-button--delete{background:var(--color-error);color:#fff;padding:.25rem;border-radius:4px}.admin-button--small{padding:.25rem .75rem;font-size:.875rem}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-table__head{background:var(--bg-alt)}.admin-table__header-cell{padding:.75rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.admin-table__row{border-bottom:1px solid var(--border-color);transition:background-color .2s ease;cursor:pointer}.admin-table__row:hover{background:var(--bg-hover)}.admin-table__row--selected{background:var(--color-primary-light, #eff6ff)}.admin-table__cell{padding:.75rem;vertical-align:middle}.admin-table__cell--checkbox{width:40px;text-align:center}.admin-table__cell--thumbnail{width:60px}.admin-table__cell--actions{width:80px}.admin-table__thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-alt)}.admin-table__thumbnail-image{@apply image-cover;}.admin-table__thumbnail-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.admin-table__content-title{font-weight:500;color:var(--text-primary)}.admin-table__content-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.admin-table__actions{display:flex;gap:.5rem}.admin-media__select,.admin-media__delete{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-media__select{background:#ffffffe6;color:var(--text-primary)}.admin-media__delete{background:var(--color-error);color:#fff}.admin-media-controls{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.admin-media-controls__section{display:flex;align-items:center;gap:.75rem}.admin-media-controls__tabs{flex:1}.admin-media-controls__search{position:relative}.admin-media-controls__filters{display:flex;align-items:center;gap:1rem}.admin-media-controls__actions{margin-left:auto}.admin-media-controls__select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-media-controls__info{font-size:.875rem}.admin-search-dropdown__trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.admin-search-dropdown__trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-search-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:300px}.admin-search-dropdown__content{padding:1rem}.admin-search-dropdown__input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-media__tabs{display:flex;gap:.5rem}.admin-media__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .2s ease;color:var(--text-secondary);font-size:.875rem;font-weight:500}.admin-media__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-media__tab--active{background:var(--color-primary);color:#fff}.admin-media__tab-icon{display:flex;align-items:center}.admin-media__tab-count{background:#fff3;color:inherit;padding:.125rem .375rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.admin-media__tab--active .admin-media__tab-count{background:#ffffff4d}.admin-table__avatar{width:50px}@media (min-width: 769px){.admin-media-controls{flex-direction:row;align-items:center}.admin-media-controls__top{display:contents}.admin-media-controls__search{position:relative}.admin-media-controls__filters{display:flex}.admin-media-controls__actions{margin-left:auto;width:auto}.admin-modal__content--large{width:700px;max-height:80vh}.admin-modal__footer{flex-direction:row;justify-content:space-between;align-items:center}.admin-modal__footer-right{display:flex;gap:.5rem}.admin-modal__footer .admin-button{flex:none;min-height:auto}}@media (max-width: 1024px){.admin-media-controls{flex-wrap:wrap;gap:1rem}.admin-media-controls__tabs{flex:1;min-width:100%}.admin-media__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.admin-media-controls{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.admin-media-controls__top{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;justify-content:center;min-height:44px}.admin-media-controls__section{flex-shrink:0}.admin-media-controls__tabs{min-width:auto;flex:none}.admin-media-controls__filters{display:none}.admin-media-controls__actions{width:100%;margin-left:0;justify-content:center}.admin-media-controls__info{font-size:.75rem;text-align:center}.admin-search-dropdown{position:fixed;top:auto;bottom:auto;right:1rem;left:1rem;margin-top:.5rem;min-width:auto;width:auto;max-width:calc(100vw - 2rem)}.admin-media-controls__search{position:static}.admin-modal__content{max-width:95vw;max-height:95vh;margin:1rem}.admin-modal__content--large{width:auto}.admin-media-viewer{grid-template-columns:1fr;max-height:none}.admin-media-viewer__preview{min-height:200px;padding:1rem}.admin-media-viewer__image{max-height:40vh}.admin-modal__footer{flex-direction:column;gap:.75rem}.admin-modal__footer-right{display:flex;gap:.5rem;width:100%}.admin-modal__footer .admin-button{flex:1;min-height:44px}.admin-media__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.admin-media__card{border-radius:6px}.admin-media__thumbnail{height:120px}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.admin-button{padding:.75rem 1rem;font-size:.875rem;justify-content:center}}@media (max-width: 480px){.admin-media-controls{padding:.5rem;gap:.375rem}.admin-media__tabs{gap:.25rem}.admin-media__tab{padding:.375rem .5rem;font-size:.75rem}.admin-media__tab-label{display:none}.admin-media__tab-count{margin-left:.25rem}.admin-search-dropdown{min-width:250px}.admin-media-controls__select{font-size:.75rem;padding:.375rem}.admin-view-toggle__button{padding:.375rem}.admin-media__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.admin-media__thumbnail{height:100px}.admin-media__info{padding:.5rem}.admin-media__name{font-size:.75rem}.admin-media__details{font-size:.625rem}}.admin-view-toggle{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.admin-view-toggle__button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.admin-view-toggle__button:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-view-toggle__button--active{background:var(--color-primary);color:#fff}.admin-view-toggle__button+.admin-view-toggle__button{border-left:1px solid var(--border-color)}.admin-view-toggle__button--active+.admin-view-toggle__button,.admin-view-toggle__button+.admin-view-toggle__button--active{border-left-color:transparent}.admin-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-primary-light, #eff6ff);border:1px solid var(--color-primary);border-radius:6px;margin-bottom:1rem}.admin-bulk-actions__count{font-weight:600;color:var(--color-primary)}.admin-bulk-actions__controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.admin-bulk-actions{flex-direction:column;align-items:stretch;gap:.75rem}.admin-bulk-actions__info,.admin-bulk-actions__controls{justify-content:center}}.editor-media-picker{width:100%}.editor-media-picker__tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.editor-media-picker__tab{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s ease}.editor-media-picker__tab:hover{color:var(--text-primary)}.editor-media-picker__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.editor-media-picker__content{min-height:400px}.editor-media-picker__library{width:100%}.editor-upload-zone{position:relative;border:2px dashed var(--border-color);border-radius:8px;padding:3rem 2rem;text-align:center;background:var(--bg-alt);transition:all .2s ease;cursor:pointer}.editor-upload-zone:hover{border-color:var(--color-primary);background:var(--bg-hover)}.editor-upload-zone__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.editor-upload-zone__icon{font-size:3rem;margin-bottom:1rem}.editor-upload-zone__text{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.editor-upload-zone__hint{font-size:.875rem;color:var(--text-secondary);margin:0}.editor-upload-zone__uploading{display:flex;align-items:center;justify-content:center;min-height:100px}.editor-upload-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.editor-upload-preview__image{width:300px;height:300px;border-radius:8px;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.editor-upload-preview__image img{width:100%;height:100%;object-fit:cover;object-position:center}.editor-upload-preview__info{text-align:center}.editor-upload-preview__filename{font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.editor-upload-preview__size{font-size:.875rem;color:var(--text-secondary);margin:0}.editor-upload-preview__actions{display:flex;gap:1rem;justify-content:center}.admin-media__picker-overlay{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.1);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:var(--color-primary)}.admin-media__card--picker:hover .admin-media__picker-overlay{opacity:1}.admin-media__card--picker{cursor:pointer}.admin-media__card--picker:hover{border-color:var(--color-primary)}.admin-media__image--picker{width:300px;height:300px;object-fit:cover;object-position:center}.admin-media__card--picker .admin-media__thumbnail{width:300px;height:300px;padding-top:0}.admin-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-primary-light, #eff6ff);border:1px solid var(--color-primary);border-radius:4px;margin-bottom:1rem}.admin-bulk-actions__info{display:flex;align-items:center;gap:.5rem}.admin-bulk-actions__count{font-weight:500;color:var(--color-primary)}.admin-bulk-actions__controls{display:flex;gap:.5rem}.admin-button--danger{background:var(--color-error);color:#fff}.admin-button--danger:hover{background:var(--color-error-dark, #dc2626)}.admin-advanced-filters{margin-bottom:1rem}.admin-advanced-filters__toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s ease}.admin-advanced-filters__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-advanced-filters__content{padding:1rem;border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;background:var(--bg-alt)}.admin-advanced-filters__row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.admin-advanced-filters__row:last-child{margin-bottom:0}.admin-advanced-filters__actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.admin-media{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.admin-media__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-media__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-media__actions{display:flex;gap:1rem}.admin-media__filters{background:var(--bg-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-media__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.admin-media__filter-group{display:flex;flex-direction:column;gap:.5rem}.admin-media__filter-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-media__filter-input,.admin-media__filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.admin-media__filter-input:focus,.admin-media__filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-media__table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.admin-media__per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.admin-media__per-page-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-media__entries-info{font-size:.875rem;color:var(--text-secondary)}.admin-media__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-media__card{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative}.admin-media__card:hover{box-shadow:0 4px 16px #00000026}.admin-media__card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.admin-media__thumbnail{position:relative;padding-top:75%;background:var(--bg-alt);overflow:hidden}.admin-media__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.admin-media__icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:2rem}.admin-media__actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.admin-media__card:hover .admin-media__actions{opacity:1}.admin-media__action{width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-media__action:hover{background:#000000e6;transform:scale(1.1)}.admin-media__action--select{background:var(--color-primary)}.admin-media__action--select:hover{background:var(--color-primary-dark)}.admin-media__action--delete{background:var(--error-500, #ef4444)}.admin-media__action--delete:hover{background:var(--error-600, #dc2626)}.admin-media__info{padding:1rem}.admin-media__name{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;margin-bottom:.5rem}.admin-media__details{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.admin-media__type{background:var(--color-primary);color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:500;text-transform:uppercase}.admin-media__size{font-weight:500}.admin-media__uploader{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-media__uploader-modal{background:var(--bg-primary);border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.admin-media__uploader-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-media__uploader-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-media__uploader-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.admin-media__uploader-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-media__dropzone{border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;background:var(--bg-alt);transition:all .2s ease;cursor:pointer;margin-bottom:1.5rem}.admin-media__dropzone--active{background:var(--color-primary-light, #eff6ff);border-color:var(--color-primary)}.admin-media__dropzone:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-media__dropzone-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem}.admin-media__dropzone-text{font-size:1.125rem;color:var(--text-secondary);margin:0 0 1rem;font-weight:500}.admin-media__dropzone-hint{font-size:.875rem;color:var(--text-muted);margin:0}.admin-media__browse-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem}.admin-media__browse-button:hover{background:var(--color-primary-dark)}.admin-media__upload-progress{margin-top:1rem}.admin-media__progress-bar{width:100%;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.admin-media__progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.admin-media__progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center}.admin-media__viewer{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-media__viewer-modal{background:var(--bg-primary);border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 10px 25px #0000004d;display:grid;grid-template-columns:1fr 400px}.admin-media__viewer-preview{display:flex;align-items:center;justify-content:center;background:var(--bg-alt);min-height:400px;padding:2rem}.admin-media__viewer-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.admin-media__viewer-video,.admin-media__viewer-audio{width:100%;max-width:600px}.admin-media__viewer-file{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.admin-media__viewer-file-icon{font-size:4rem;color:var(--text-secondary);margin-bottom:1rem}.admin-media__viewer-download{color:var(--color-primary);text-decoration:none;padding:.75rem 1.5rem;border:1px solid var(--color-primary);border-radius:8px;font-weight:500;transition:all .2s ease}.admin-media__viewer-download:hover{background:var(--color-primary);color:#fff}.admin-media__viewer-details{padding:2rem;background:var(--bg-primary);border-left:1px solid var(--border-color);overflow-y:auto}.admin-media__viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-media__viewer-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-media__viewer-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.admin-media__viewer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-media__viewer-info{background:var(--bg-alt);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.admin-media__viewer-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-media__viewer-info-row:last-child{margin-bottom:0}.admin-media__viewer-info-label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.admin-media__viewer-info-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.admin-media__empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--bg-alt);border-radius:12px;border:2px dashed var(--border-color)}.admin-media__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.admin-media__empty-title{font-size:1.25rem;font-weight:500;margin:0 0 .5rem;color:var(--text-primary)}.admin-media__empty-description{margin:0 0 1.5rem;color:var(--text-secondary)}@media (max-width: 1024px){.admin-media__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-media__viewer-modal{grid-template-columns:1fr;max-width:95vw;max-height:95vh}.admin-media__viewer-details{border-left:none;border-top:1px solid var(--border-color)}}@media (max-width: 768px){.admin-media{padding:1rem}.admin-media__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-media__filters-grid{grid-template-columns:1fr}.admin-media__table-controls{flex-direction:column;align-items:flex-start;gap:1rem}.admin-media__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.admin-media__uploader-modal{width:95%;padding:1.5rem}.admin-media__dropzone{padding:2rem 1rem}.admin-media__viewer-modal{width:95%;height:95%}.admin-media__viewer-details{padding:1.5rem}}.admin-media__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.admin-media__error{padding:1rem;background:var(--error-50, #fef2f2);border:1px solid var(--error-200, #fecaca);border-radius:8px;color:var(--error-600, #dc2626);margin-bottom:1rem}.admin-site-editor{padding:2rem;max-width:1400px;margin:0 auto}.admin-site-editor__content{max-width:1200px}.admin-site-editor__sections{display:flex;flex-direction:column;gap:2rem}.site-editor-controls{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;position:relative}.site-editor-controls__actions{display:flex;gap:.5rem}.site-editor-controls__button-text{margin-left:.5rem}.site-editor-tree{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.site-editor-tree--empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.site-editor-tree__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.site-editor-tree__empty-title{font-size:1.25rem;font-weight:500;margin:0 0 .5rem;color:var(--text-primary)}.site-editor-tree__empty-description{margin:0;color:var(--text-secondary)}.site-editor-tree-item{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);margin-bottom:.5rem;overflow:hidden;transition:all .2s ease-in-out;position:relative}.site-editor-tree-item:hover{box-shadow:0 4px 12px #3b82f626}.site-editor-tree-item--selected{border-color:var(--color-primary);background:var(--color-primary-light, rgba(59, 130, 246, .05))}.site-editor-tree-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.site-editor-tree-item__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:60px}.site-editor-tree-item__header--clickable{cursor:pointer;transition:background-color .2s ease}.site-editor-tree-item__header--clickable:hover{background-color:var(--bg-hover, #f9fafb)}.site-editor-tree-item__content{display:flex;align-items:center;gap:.75rem;flex:1;padding-left:calc(var(--level, 0) * 1.5rem)}.site-editor-tree-item__toggle{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.site-editor-tree-item__toggle:hover{color:var(--text-primary);background:var(--bg-hover);transform:scale(1.1)}.site-editor-tree-item__toggle:active{transform:scale(.95)}.site-editor-tree-item__toggle--expanded{transform:rotate(90deg)}.site-editor-tree-item__toggle--expanded:hover{transform:rotate(90deg) scale(1.1)}.site-editor-tree-item__toggle--loading{animation:spin 1s linear infinite}.site-editor-tree-item__spacer{width:24px;height:24px}.site-editor-tree-item__icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.site-editor-tree-item__info{display:flex;flex-direction:column;gap:.25rem;flex:1}.site-editor-tree-item__title{font-weight:500;color:var(--text-primary);font-size:.875rem}.site-editor-tree-item__url{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.site-editor-tree-item__status{font-size:.625rem;font-weight:500;text-transform:uppercase;padding:.25rem .5rem;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;display:inline-block;width:fit-content;white-space:nowrap}.site-editor-tree-item__status:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.site-editor-tree-item__status:active{transform:scale(.95)}.site-editor-tree-item__status--active{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.site-editor-tree-item__status--active:hover{background:var(--success-200, #bbf7d0);color:var(--success-700, #15803d)}.site-editor-tree-item__status--inactive{background:var(--error-100, #fee2e2);color:var(--error-600, #dc2626)}.site-editor-tree-item__status--inactive:hover{background:var(--error-200, #fecaca);color:var(--error-700, #b91c1c)}.site-editor-tree-item__actions{display:flex;gap:.25rem}.site-editor-tree-item__action{padding:.375rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-alt);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.site-editor-tree-item__action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.site-editor-tree-item__action:hover{background:var(--bg-hover);box-shadow:0 2px 8px #0000001a}.site-editor-tree-item__action:hover:before{left:100%}.site-editor-tree-item__action:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.site-editor-tree-item__action--edit{color:var(--info-600, #2563eb);border-color:var(--info-200, #bfdbfe)}.site-editor-tree-item__action--edit:hover{background:var(--info-50, #eff6ff)}.site-editor-tree-item__action--delete{color:var(--error-600, #dc2626);border-color:var(--error-200, #fecaca)}.site-editor-tree-item__action--delete:hover{background:var(--error-50, #fef2f2)}.site-editor-tree-item__context-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px;padding:.5rem 0}.site-editor-tree-item__context-menu button{width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.site-editor-tree-item__context-menu button:hover{background:var(--bg-hover)}.site-editor-tree-item__children{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-alt);border-top:1px solid var(--border-color);transform-origin:top}.site-editor-tree-item__children--expanded{max-height:2000px;opacity:1;padding:.75rem 1rem .75rem 2rem;transform:scaleY(1);visibility:visible}.site-editor-tree-item__children--collapsed{max-height:0;opacity:0;padding:0 1rem 0 2rem;transform:scaleY(.8);visibility:hidden}.site-editor-tree-item__children--expanding{animation:expandChildren .4s cubic-bezier(.4,0,.2,1) forwards}.site-editor-tree-item__children--collapsing{animation:collapseChildren .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandChildren{0%{max-height:0;opacity:0;transform:scaleY(.8)}to{max-height:2000px;opacity:1;transform:scaleY(1)}}@keyframes collapseChildren{0%{max-height:2000px;opacity:1;transform:scaleY(1)}to{max-height:0;opacity:0;transform:scaleY(.8)}}.site-editor-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.site-editor-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.site-editor-form__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.site-editor-form__content{max-width:600px}.site-editor-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.site-editor-form__group{display:flex;flex-direction:column;gap:.5rem}.site-editor-form__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.site-editor-form__required{color:var(--error-500, #ef4444)}.site-editor-form__input,.site-editor-form__select{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.site-editor-form__input:focus,.site-editor-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.site-editor-form__checkbox{margin-bottom:1.5rem}.site-editor-form__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.site-editor-form__checkbox-input{margin:0}.site-editor-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.site-editor-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:8px;margin-bottom:1rem}.site-editor-actions__info{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:500;font-size:.875rem}.site-editor-actions__controls{display:flex;align-items:center;gap:.5rem}.site-editor-actions__button{padding:.5rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;border:1px solid transparent}.site-editor-actions__button--activate{background:var(--success-600);color:#fff}.site-editor-actions__button--activate:hover{background:var(--success-700)}.site-editor-actions__button--deactivate{background:var(--warning-600);color:#fff}.site-editor-actions__button--deactivate:hover{background:var(--warning-700)}.site-editor-actions__button--delete{background:var(--error-600);color:#fff}.site-editor-actions__button--delete:hover{background:var(--error-700)}.site-editor-actions__button--clear{background:var(--bg-alt);color:var(--text-primary);border-color:var(--border-color)}.site-editor-actions__button--clear:hover{background:var(--bg-hover);border-color:var(--color-primary)}.site-editor-tree-item--mobile-swipe{transform:translate(-80px);transition:transform .3s ease-out}.site-editor-tree-item__mobile-actions{position:absolute;right:-80px;top:0;height:100%;width:80px;display:flex;background:var(--error-500);transition:right .3s ease-out}.site-editor-tree-item--mobile-swipe .site-editor-tree-item__mobile-actions{right:0}@media (hover: none) and (pointer: coarse){.site-editor-tree-item{touch-action:pan-y}.site-editor-tree-item__action--drag{display:none}.site-editor-tree-item__context-menu{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;padding:1rem}.site-editor-tree-item__context-menu button{padding:.75rem;font-size:1rem;border-radius:8px;margin-bottom:.5rem;background:var(--bg-alt)}}.site-editor-tree--loading{position:relative;pointer-events:none}.site-editor-tree--loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.site-editor-tree-item--saving{opacity:.6;pointer-events:none}.site-editor-tree-item--saving:after{content:"";position:absolute;top:50%;right:1rem;width:16px;height:16px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translateY(-50%)}@media (max-width: 768px){.admin-site-editor{padding:1rem}.site-editor-controls{gap:.75rem}.site-editor-controls__search-toggle{display:flex}.site-editor-controls__search--desktop,.site-editor-controls__button-text{display:none}.site-editor-controls__actions{gap:.375rem;margin-left:0}.site-editor-tree-item__header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.site-editor-tree-item__content{width:100%;padding-left:calc(var(--level, 0) * 0rem)}.site-editor-tree-item__actions{width:100%;justify-content:flex-end}.site-editor-tree-item__children--expanded{padding:.5rem .5rem .5rem 1.5rem}.site-editor-form__grid{grid-template-columns:1fr}.site-editor-form__actions{flex-direction:column}.site-editor-actions{flex-direction:column;gap:1rem;align-items:stretch}.site-editor-actions__controls{justify-content:center}}@media (max-width: 480px){.admin-site-editor{padding:.75rem}.site-editor-controls{padding:.75rem;gap:.5rem}.site-editor-tree-item__info{gap:.125rem}.site-editor-tree-item__title{font-size:.8125rem}.site-editor-tree-item__url{font-size:.6875rem}.site-editor-tree-item__actions{gap:.125rem}.site-editor-tree-item__action{padding:.25rem}.site-editor-tree-item{position:relative;overflow:hidden}.site-editor-tree-item--swiping{transition:transform .2s ease-out}}.footer-editor__status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;font-weight:500}.footer-editor__saving{color:var(--info-600, #2563eb);background:var(--info-50, #eff6ff);animation:pulse 2s ease-in-out infinite}.footer-editor__saving-icon{display:inline-block;animation:spin 1s linear infinite}.footer-editor__unsaved{color:var(--warning-600, #d97706);background:var(--warning-50, #fffbeb)}.footer-editor__unsaved-icon{color:var(--warning-600, #d97706);font-size:.5rem;vertical-align:middle}.footer-editor__saved{color:var(--success-600, #16a34a);background:var(--success-50, #f0fdf4)}.footer-editor__saved-icon{color:var(--success-600, #16a34a)}.live-preview__block--dragging{opacity:.5;cursor:grabbing;transform:scale(.95);transition:all .2s ease}.live-preview__block--drag-over{border:2px dashed var(--color-primary);background:#3b82f60d;transform:scale(1.02);transition:all .2s ease}.live-preview__block--drag-over:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:var(--color-primary);border-radius:2px}.spacing-control{margin-bottom:1rem}.spacing-control__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.spacing-control__grid input{width:100%;min-width:0;box-sizing:border-box}.history-panel__compare{padding:1rem;background:var(--bg-alt);border-radius:6px}.history-panel__compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-panel__diff{display:flex;flex-direction:column;gap:.5rem}.history-panel__diff-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-primary);border-radius:4px;font-size:.875rem}.history-panel__compare-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--info-50, #eff6ff);border:1px solid var(--info-200, #bfdbfe);border-radius:6px;margin-top:1rem;font-size:.875rem;color:var(--info-700, #1d4ed8)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.footer-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.footer-editor__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.footer-editor__title{display:flex;gap:.25rem}.footer-editor__title-text{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.footer-editor__subtitle{font-size:.875rem;color:var(--text-secondary)}.footer-editor__actions{display:flex;align-items:center;gap:1rem}.footer-editor__workspace{display:flex;flex:1;overflow:hidden;position:relative}.footer-editor__main{flex:1;overflow:auto}.footer-editor__sidebar-tab{position:absolute;top:120px;right:-1px;z-index:10;transition:right .3s ease-out}.footer-editor__sidebar-tab--open{right:319px}.footer-editor__tab-button{background:var(--bg-primary);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:-2px 2px 8px #0000001a;color:var(--text-primary)}.footer-editor__tab-button:hover{background:var(--bg-hover);transform:translate(-2px)}.footer-editor__tab-button--open{background:var(--color-primary);color:#fff}.footer-editor__sidebar{position:absolute;top:0;right:-320px;width:320px;height:100%;background:var(--bg-alt);border-left:1px solid var(--border-color);transition:right .3s ease-out;overflow-y:auto;padding:1rem;z-index:100}.footer-editor__sidebar--open{right:0}.footer-canvas{display:flex;flex-direction:column;height:100%}.footer-canvas__toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-alt);border-bottom:1px solid var(--border-color)}.footer-canvas__toolbar-left{display:flex;align-items:center;gap:1rem}.footer-canvas__toolbar-right{display:flex;align-items:center;gap:.5rem}.footer-canvas__block-count{font-size:.875rem;color:var(--text-secondary);padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color)}.footer-canvas__workspace{display:flex;flex:1;overflow:hidden}.footer-canvas__sidebar{width:280px;border-right:1px solid var(--border-color);background:var(--bg-primary);overflow-y:auto;display:block}.footer-canvas__preview{flex:1;overflow:auto;background:var(--bg-alt)}.live-preview{min-height:100%;padding:0}.live-preview__container{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem;padding:0}.live-preview__footer{position:relative;padding:10px;min-height:400px}.live-preview__block{position:relative;padding:1rem;border:2px solid transparent;transition:all .15s cubic-bezier(.4,0,.2,1);min-height:60px;width:100%;margin-top:50px;margin-bottom:10px;overflow:visible;box-sizing:border-box}.live-preview__block--selected{border-color:var(--color-primary);background:#3b82f60d;z-index:10}.live-preview__empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:.875rem}.block-library{padding:1rem}.block-library__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.block-library__title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.block-library__filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.block-library__categories{display:flex;flex-wrap:wrap;gap:.5rem}.block-library__category{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.block-library__category--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.block-library__grid{display:flex;flex-direction:column;gap:.75rem}.block-library__item{cursor:pointer;transition:transform .2s ease}.block-library__item:hover{transform:translateY(-2px)}.block-library__item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.block-library__item-title{flex:1;font-weight:600;font-size:.875rem;color:var(--text-primary)}.block-library__favorite{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;transition:color .2s ease}.block-library__favorite--active{color:var(--warning-500, #f59e0b)}.block-library__item-description{font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.style-panel{display:flex;flex-direction:column;gap:1rem}.style-panel__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.style-panel__themes,.style-panel__import-export{display:flex;flex-direction:column;gap:.5rem}.responsive-toggle{display:flex;gap:.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:.25rem}.responsive-toggle__button{padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;font-size:.875rem}.responsive-toggle__button--active{background:var(--color-primary);color:#fff}.responsive-toggle__button:hover:not(.responsive-toggle__button--active){background:var(--bg-hover);color:var(--text-primary)}input[type=color]{width:100%;height:40px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.responsive-toggle__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.responsive-toggle__trigger:hover{background:var(--bg-hover);border-color:var(--color-primary)}.responsive-toggle__content{min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000}.responsive-toggle__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:background .2s ease;outline:none}.responsive-toggle__item:hover{background:var(--bg-hover)}.responsive-toggle__item--active{background:var(--color-primary-light, rgba(59, 130, 246, .1));color:var(--color-primary)}.responsive-toggle__item-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.responsive-toggle__item-label{font-size:.875rem;font-weight:500}.responsive-toggle__item-width{font-size:.75rem;color:var(--text-secondary)}.block-toolbar{position:absolute;top:-45px;left:-2px;right:-2px;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-primary);border:2px solid var(--color-primary);border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 -2px 8px #00000026;z-index:1000;pointer-events:auto}.block-toolbar__info{display:flex;align-items:center;gap:.5rem}.block-toolbar__type{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.block-toolbar__delete:hover{background:var(--error-50, #fef2f2);border-color:var(--error-500, #ef4444);color:var(--error-600, #dc2626)}.brand-block--editing,.social-block--editing,.links-block--editing,.contact-block--editing,.newsletter-block--editing,.custom-block--editing{padding:1.5rem;background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:8px}.social-block__field,.brand-block__field{margin-bottom:1rem}.social-block__label,.brand-block__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.social-block__editor h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .75rem}.social-block__link-item,.social-block__add-link{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:flex-start}.social-block__link-fields{display:flex;flex-direction:column;gap:.5rem;flex:1}.social-block__link-fields select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.brand-block__logo-preview{margin-top:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-alt)}.brand-block__logo-preview img{max-width:200px;max-height:100px;object-fit:contain}.brand-block,.social-block,.links-block,.contact-block,.newsletter-block,.custom-block{padding:1rem}.brand-block__logo img{max-width:150px;height:auto}.brand-block__name{margin:.75rem 0 .5rem;font-size:1.25rem;font-weight:600}.brand-block__description{margin:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.brand-block__website{display:inline-block;margin-top:.5rem;color:var(--color-primary);text-decoration:none;font-size:.875rem}.social-block__title{margin:0 0 1rem;font-size:1rem;font-weight:600}.social-block__links{display:flex;gap:.75rem;flex-wrap:wrap}.social-block__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-alt);color:var(--text-primary);transition:all .2s ease;text-decoration:none}.social-block__link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-editor__actions{display:flex;align-items:center;gap:.5rem}.footer-editor__sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-alt);z-index:1}.footer-editor__sidebar-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.footer-editor__sidebar{width:100vw;right:-100vw}.footer-editor__sidebar--open{right:0}.footer-editor__sidebar-tab{right:1rem}.footer-editor__sidebar-tab--open{right:calc(100vw - 60px)}}.brand-block__logo-controls{margin-bottom:1rem}.brand-block__logo-container{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-alt);border:2px dashed var(--border-color);border-radius:8px;min-height:120px}.brand-block__size-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.brand-block__size-field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.brand-block__size-field input{width:100%}.live-preview__block-editor{position:relative;max-width:100%;max-height:80vh;overflow-y:auto;background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026}.live-preview__block-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary);z-index:1}.live-preview__block-editor-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem .5rem;line-height:1}.live-preview__block-editor-close:hover{color:var(--error-600)}.live-preview__footer{position:relative;padding:10px;min-height:400px;overflow:visible}.live-preview__container{overflow:visible}.css-analyzer{padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.css-analyzer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.css-analyzer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.css-analyzer__summary{margin-bottom:var(--space-xl)}.summary-card{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.summary-card h3{margin-bottom:var(--space-md);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.summary-card p{margin:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.duplicates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.duplicates-actions{display:flex;gap:var(--space-sm);align-items:center}.duplicate-group{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;background:var(--bg-primary)}.duplicate-group__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-alt);border-bottom:1px solid var(--border-color)}.duplicate-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.duplicate-type--identical{background:var(--color-error-light);color:var(--color-error)}.duplicate-type--similar{background:var(--color-warning-light);color:var(--color-warning)}.duplicate-rules{padding:var(--space-md)}.css-rule{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-md);overflow:hidden;background:var(--bg-primary)}.css-rule:last-child{margin-bottom:0}.css-rule__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.css-rule__selector{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.css-rule__location{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.css-rule__properties{padding:var(--space-md)}.css-property{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.css-property:last-child{margin-bottom:0}.property-name{color:var(--color-primary);font-weight:var(--font-weight-medium)}.property-value{color:var(--text-secondary)}.tool-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.tool-status{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-lg)}.tool-status--loading{border-color:var(--color-info);background:var(--color-info-light)}.tool-status--success{border-color:var(--color-success);background:var(--color-success-light)}.tool-status--error{border-color:var(--color-error);background:var(--color-error-light)}.progress-indicator{width:100%;height:4px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-sm)}.progress-indicator__bar{height:100%;background:var(--color-primary);transition:width var(--transition-normal)}@media (max-width: 768px){.css-analyzer{padding:var(--space-md)}.css-analyzer__header,.duplicates-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.duplicates-actions{width:100%;justify-content:flex-start}.css-rule__header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tool-actions{flex-direction:column}}.admin-user-edit{padding:var(--space-lg);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-user-edit__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.admin-user-edit__loading,.admin-user-edit__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.admin-user-edit__content{display:grid;gap:var(--space-lg)}.admin-user-edit__status{background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.admin-user-edit__status-info{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm)}.admin-user-edit__status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-user-edit__status-badge--active{background-color:var(--color-success-light);color:var(--color-success)}.admin-user-edit__status-badge--blocked{background-color:var(--color-error-light);color:var(--color-error)}.admin-user-edit__form{display:grid;gap:var(--space-md)}.admin-user-edit__form-group{display:flex;flex-direction:column}.admin-user-edit__form-group label{margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.admin-user-edit__form-group--checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.admin-user-edit__form-group--checkbox label{margin-bottom:0;display:flex;align-items:center;gap:var(--space-sm)}.admin-user-edit__select{height:2.5rem;padding:0 var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.admin-user-edit__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.admin-user-edit__form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.admin-user-edit__admin-note{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm)}.admin-user-edit__danger-zone{margin-top:var(--space-xl);padding:var(--space-md);border:1px dashed var(--color-error);border-radius:var(--radius-md);background-color:var(--color-error-light)}.admin-user-edit__danger-actions{margin-top:var(--space-md)}@media (max-width: 768px){.admin-user-edit{padding:var(--space-md)}.admin-user-edit__header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.admin-user-edit__form-actions{flex-direction:column}}.admin-users-controls{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.admin-users-controls__search{flex:1;max-width:400px}.admin-users-controls__filters{display:flex;gap:1rem}.admin-users-controls__actions{margin-left:auto;display:flex;gap:.5rem}.admin-users-controls__select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:120px}.admin-users-search{position:relative;display:flex;align-items:center}.admin-users-search__icon{position:absolute;left:.75rem;color:var(--text-secondary);pointer-events:none}.admin-users-search__input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-users-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-users-controls__search{position:relative}.admin-users-search__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative}.admin-users-search__toggle:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-users-search__toggle--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.admin-users-search{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a}.admin-users-search__input{width:100%;padding:.75rem;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-size:.875rem}.admin-users-search__input:focus{outline:none}.admin-users-controls-wrapper{margin-bottom:1.5rem;position:relative;z-index:1000}.admin-users__advanced-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative}.admin-users__advanced-toggle:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-users__advanced-toggle--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.admin-users__filter-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;border:2px solid var(--bg-primary)}.admin-users__advanced-content{margin-top:1rem;padding:1rem;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px}.admin-users__advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-users__bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:8px;margin-bottom:1rem}.admin-users__bulk-info{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:500;font-size:.875rem}.admin-users__bulk-controls{display:flex;align-items:center;gap:.5rem}.admin-users__bulk-select{padding:.5rem;border:1px solid var(--color-primary);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:140px}.admin-users__bulk-button{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.admin-users__bulk-button--danger{background:var(--error-600);color:#fff;border:1px solid var(--error-600)}.admin-users__bulk-button--danger:hover{background:var(--error-700);border-color:var(--error-700)}.admin-users__bulk-button--secondary{background:var(--bg-alt);color:var(--text-primary);border:1px solid var(--border-color)}.admin-users__bulk-button--secondary:hover{background:var(--bg-hover);border-color:var(--color-primary)}@media (min-width: 769px){.admin-users-controls__top-row{display:contents}.admin-users-controls__reset{width:auto!important;height:auto!important;padding:.5rem 1rem!important;min-width:auto!important;max-width:none!important}}@media (max-width: 768px){.admin-users-controls{flex-direction:column;gap:1rem;padding:1rem}.admin-users-controls__top-row{display:flex;align-items:center;gap:.75rem;width:100%}.admin-users-controls__search{flex-shrink:0}.admin-users-search{position:fixed;top:auto;left:0;right:0;z-index:9999;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 32px #00000040}.admin-users-controls__filters{display:flex;gap:.5rem;flex:1}.admin-users-controls__select{min-width:80px;max-width:100px;font-size:.875rem;padding:.375rem .25rem}.admin-users__advanced-toggle{flex-shrink:0}.admin-users-controls__reset{width:40px!important;height:40px!important;padding:0!important;min-width:40px!important;max-width:40px!important;flex-shrink:0;border:1px solid var(--border-color);background:var(--bg-alt);border-radius:6px;display:flex;align-items:center;justify-content:center}.admin-users-controls__actions{width:100%;margin-left:0;justify-content:stretch}.admin-users-controls__add-button{width:100%}.admin-users__advanced-grid{grid-template-columns:1fr}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px;font-size:.875rem}.admin-table__header-cell,.admin-table__cell{padding:.5rem .25rem;white-space:nowrap}.admin-table__cell--avatar{width:50px}.admin-table__avatar{width:32px;height:32px;font-size:.75rem}.admin-table__avatar-image,.admin-table__avatar-placeholder{width:32px;height:32px}.admin-badge{font-size:.625rem;padding:.125rem .375rem}.admin-table__actions{gap:.25rem}.admin-button{padding:.375rem;min-width:50px;height:40px}.admin-users__bulk-actions{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem}.admin-users__bulk-controls{justify-content:center;flex-wrap:wrap;gap:.5rem}.admin-users__bulk-select{min-width:120px;font-size:.875rem}.admin-users__bulk-button{padding:.5rem .75rem;font-size:.875rem}}.admin-users__table-desktop{display:block}.admin-users__mobile-cards{display:none}.admin-users__mobile-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 4px #0000001a}.admin-users__mobile-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.admin-users__mobile-checkbox{margin:0}.admin-users__mobile-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.admin-users__mobile-avatar-image{@apply image-cover;}.admin-users__mobile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.admin-users__mobile-info{flex:1;min-width:0}.admin-users__mobile-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.admin-users__mobile-email{color:var(--text-secondary);font-size:.875rem}.admin-users__mobile-card-body{margin-bottom:.75rem}.admin-users__mobile-badges{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.admin-users__mobile-date{font-size:.875rem;color:var(--text-secondary)}.admin-users__mobile-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 480px){.admin-users-controls{padding:.75rem}.admin-users-controls__top-row{gap:.5rem}.admin-users-controls__reset{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important}.admin-users-controls__filters{gap:.375rem}.admin-users-controls__select{font-size:.8125rem;padding:.375rem .25rem;min-width:70px;max-width:85px}.admin-users__table-desktop{display:none}.admin-users__mobile-cards{display:block}.admin-users__mobile-card{padding:.75rem}.admin-users__mobile-card-header{gap:.5rem}.admin-users__mobile-avatar{width:40px;height:40px;font-size:.875rem}.admin-users__mobile-name{font-size:.9375rem}.admin-users__mobile-email{font-size:.8125rem}.admin-users__mobile-actions{flex-direction:column;gap:.375rem}.admin-button--small{width:100%;justify-content:center}}.admin-users{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.admin-users__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-users__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-users__actions{display:flex;gap:1rem}.admin-users__filters{background:var(--bg-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-users__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.admin-users__filter-group{display:flex;flex-direction:column;gap:.5rem}.admin-users__filter-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-users__filter-input,.admin-users__filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.admin-users__filter-input:focus,.admin-users__filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-users__table{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);margin-bottom:2rem}.admin-users__table-header{background:var(--bg-alt);border-bottom:1px solid var(--border-color)}.admin-users__table-row{display:grid;grid-template-columns:60px 1fr 200px 120px 100px 120px;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.admin-users__table-row:hover{background:var(--bg-hover)}.admin-users__table-row:last-child{border-bottom:none}.admin-users__table-header .admin-users__table-row{font-weight:600;color:var(--text-primary)}.admin-users__table-cell{display:flex;align-items:center;gap:.5rem}.admin-users__table-cell--avatar{justify-content:center}.admin-users__table-cell--user{flex-direction:column;align-items:flex-start;gap:.25rem}.admin-users__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.admin-users__avatar img{width:100%;height:100%;object-fit:cover}.admin-users__avatar--large{width:100px;height:100px;font-size:2rem}.admin-users__avatar--xl{width:200px;height:200px;font-size:4rem}.admin-users__user-name{font-weight:500;color:var(--text-primary);margin:0}.admin-users__user-email{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-users__user-role{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.admin-users__user-role--admin{background:var(--error-100, #fee2e2);color:var(--error-600, #dc2626)}.admin-users__user-role--editor{background:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.admin-users__user-role--user{background:var(--info-100, #dbeafe);color:var(--info-600, #2563eb)}.admin-users__user-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.admin-users__user-status--active{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.admin-users__user-status--blocked{background:var(--error-100, #fee2e2);color:var(--error-600, #dc2626)}.admin-users__user-status--pending{background:var(--warning-100, #fef3c7);color:var(--warning-600, #d97706)}.admin-users__user-date{font-size:.875rem;color:var(--text-secondary)}.admin-users__user-actions{display:flex;gap:.5rem}.admin-users__action-button{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-alt);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.admin-users__action-button:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-users__action-button--edit{color:var(--info-600, #2563eb);border-color:var(--info-200, #bfdbfe)}.admin-users__action-button--edit:hover{background:var(--info-50, #eff6ff)}.admin-users__action-button--delete{color:var(--error-600, #dc2626);border-color:var(--error-200, #fecaca)}.admin-users__action-button--delete:hover{background:var(--error-50, #fef2f2)}.admin-users__form-container{background:var(--bg-primary);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.admin-users__form-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-users__form-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-users__form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.admin-users__form-group{display:flex;flex-direction:column;gap:.5rem}.admin-users__form-group--full{grid-column:span 2}.admin-users__form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-users__form-required{color:var(--error-500, #ef4444)}.admin-users__form-input,.admin-users__form-select,.admin-users__form-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.admin-users__form-input:focus,.admin-users__form-select:focus,.admin-users__form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-users__form-input--error{border-color:var(--error-500, #ef4444)}.admin-users__form-input--error:focus{border-color:var(--error-500, #ef4444);box-shadow:0 0 0 3px #ef44441a}.admin-users__form-error{font-size:.75rem;color:var(--error-500, #ef4444);font-weight:500}.admin-users__form-hint{font-size:.75rem;color:var(--text-secondary)}.admin-users__form-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.admin-users__form-checkbox-input{margin:0}.admin-users__form-checkbox-label{font-size:.875rem;color:var(--text-primary);cursor:pointer}.admin-users__avatar-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.admin-users__avatar-preview{position:relative}.admin-users__avatar-upload{position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--color-primary);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-users__avatar-upload:hover{background:var(--color-primary-dark);transform:scale(1.1)}.admin-users__avatar-input{display:none}.admin-users__form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.admin-users__form-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-users__form-button--primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.admin-users__form-button--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.admin-users__form-button--secondary{background:var(--bg-alt);color:var(--text-primary);border:1px solid var(--border-color)}.admin-users__form-button--secondary:hover{background:var(--bg-hover);border-color:var(--color-primary)}.admin-users__details{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin-bottom:2rem}.admin-users__details-avatar{display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-users__details-info{display:flex;flex-direction:column;gap:1.5rem}.admin-users__details-name{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-users__details-email{color:var(--text-secondary);margin:0;font-size:1.125rem}.admin-users__details-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.admin-users__meta-item{display:flex;flex-direction:column;gap:.25rem}.admin-users__meta-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.admin-users__meta-value{font-weight:500;color:var(--text-primary)}.admin-users__status-section{background:var(--bg-alt);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:2rem}.admin-users__status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-users__status-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-users__danger-zone{margin-top:2rem;padding:1.5rem;border:1px dashed var(--error-300, #fca5a5);border-radius:8px;background:var(--error-50, #fef2f2)}.admin-users__danger-title{font-size:1rem;font-weight:600;color:var(--error-600, #dc2626);margin:0 0 .5rem}.admin-users__danger-description{font-size:.875rem;color:var(--error-600, #dc2626);margin:0 0 1rem}.admin-users__danger-actions{display:flex;gap:1rem}.admin-users__danger-button{padding:.5rem 1rem;background:var(--error-600, #dc2626);color:#fff;border:1px solid var(--error-600, #dc2626);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-users__danger-button:hover{background:var(--error-700, #b91c1c);border-color:var(--error-700, #b91c1c)}.admin-users__table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.admin-users__entries-info{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.admin-users__table-controls{padding:.75rem;text-align:center}.admin-users__entries-info{font-size:.8125rem}}@media (max-width: 480px){.admin-users__table-controls{padding:.5rem}}@media (max-width: 1024px){.admin-users__table-row{grid-template-columns:60px 1fr 100px 120px}.admin-users__table-cell:nth-child(3),.admin-users__table-cell:nth-child(5){display:none}.admin-users__details{grid-template-columns:1fr;text-align:center}}@media (max-width: 768px){.admin-users{padding:1rem}.admin-users__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-users__filters-grid{grid-template-columns:1fr}.admin-users__table-row{grid-template-columns:1fr;gap:.5rem}.admin-users__table-cell{justify-content:space-between}.admin-users__form{grid-template-columns:1fr}.admin-users__form-group--full{grid-column:span 1}.admin-users__form-actions{grid-column:span 1;flex-direction:column}.admin-users__form-button{width:100%}.admin-users__details-meta{grid-template-columns:1fr}}.admin-users__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.admin-users__error{padding:1rem;background:var(--error-50, #fef2f2);border:1px solid var(--error-200, #fecaca);border-radius:8px;color:var(--error-600, #dc2626);margin-bottom:1rem}.admin-users__empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.admin-users__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-users__empty-title{font-size:1.25rem;font-weight:500;margin:0 0 .5rem;color:var(--text-primary)}.admin-users__empty-description{margin:0 0 1.5rem;color:var(--text-secondary)}.comments-manager{top:60px;position:relative;padding:1.5rem;max-width:100%}.comments-manager__header h2{color:var(--text-primary);font-size:1.875rem;font-weight:600;margin-bottom:1rem}.comments-manager__stats{display:flex;gap:1rem;flex-wrap:wrap}.comments-manager__stats .card{min-width:120px;padding:1rem;text-align:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);transition:all .2s ease}.comments-manager__stats .card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.comments-manager__stats .card .icon{color:var(--color-primary);margin-bottom:.5rem}.comments-manager__stats .card .text{display:block;margin:.25rem 0}.comments-manager__filters{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.comments-manager__filters select{min-width:200px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.comments-manager__filters select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.comments-admin__item{padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);transition:all .2s ease}.comments-admin__item:hover{border-color:var(--color-primary-light);box-shadow:0 2px 8px #00000014}.comments-admin__item .text{margin:.25rem 0}.comments-admin__item .text--weight-medium{font-weight:600;color:var(--text-primary)}.comments-admin__item .text--size-sm{font-size:.875rem;color:var(--text-muted)}.comment-content{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--color-primary-light);font-size:.875rem;line-height:1.5;color:var(--text-primary)}.comments-admin__item .button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;border-radius:6px;transition:all .2s ease}.comments-admin__item .button--primary{background:var(--color-success);color:#fff;border:1px solid var(--color-success)}.comments-admin__item .button--primary:hover{background:var(--color-success-dark);border-color:var(--color-success-dark)}.comments-admin__item .button--outline{background:transparent;color:var(--color-warning);border:1px solid var(--color-warning)}.comments-admin__item .button--outline:hover{background:var(--color-warning);color:#fff}.comments-admin__item .button--ghost{background:transparent;color:var(--color-error);border:1px solid transparent}.comments-admin__item .button--ghost:hover{background:var(--color-error-light);border-color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.badge--success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.badge--error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.stack{display:flex}.stack--column{flex-direction:column}.stack--row{flex-direction:row}.stack--spacing-xs>*+*{margin-top:.25rem}.stack--spacing-sm>*+*{margin-top:.5rem}.stack--spacing-md>*+*{margin-top:1rem}.stack--spacing-lg>*+*{margin-top:1.5rem}.stack--row.stack--spacing-xs>*+*{margin-top:0;margin-left:.25rem}.stack--row.stack--spacing-sm>*+*{margin-top:0;margin-left:.5rem}.stack--row.stack--spacing-md>*+*{margin-top:0;margin-left:1rem}.stack--row.stack--spacing-lg>*+*{margin-top:0;margin-left:1.5rem}.stack--justify-between{justify-content:space-between}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.comments-manager .text{color:var(--text-muted);font-style:italic}@media (max-width: 768px){.comments-manager{padding:1rem}.comments-manager__stats{flex-direction:column}.comments-manager__stats .card{min-width:auto}.comments-admin__item{padding:1rem}.comments-admin__item .stack--row{flex-direction:column;align-items:stretch}.comments-admin__item .stack--row.stack--spacing-sm>*+*{margin-left:0;margin-top:.5rem}}.dark .comments-manager__stats .card{background:var(--bg-tertiary);border-color:var(--border-dark)}.dark .comments-manager__stats .card:hover{box-shadow:0 4px 12px #0000004d}.dark .comments-manager__filters{background:var(--bg-tertiary);border-color:var(--border-dark)}.dark .comments-admin__item{background:var(--bg-secondary);border-color:var(--border-dark)}.dark .comments-admin__item:hover{box-shadow:0 2px 8px #0003}.shop-dashboard{padding:var(--space-lg)}.shop-dashboard__header{margin-bottom:var(--space-lg)}.shop-dashboard__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.shop-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.shop-dashboard__stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm)}.shop-dashboard__stat-content{flex:1}.shop-dashboard__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.shop-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-md)}.shop-dashboard__chart-content{min-height:200px}.shop-dashboard__revenue-list{display:flex;flex-direction:column;gap:var(--space-xs)}.shop-dashboard__revenue-orders{font-size:var(--font-size-sm);color:var(--text-secondary)}.shop-dashboard__stat-card--warning{border-color:var(--color-warning)}.shop-dashboard__stat-icon{color:var(--color-primary)}.shop-dashboard__stat-card--warning .shop-dashboard__stat-icon{color:var(--color-warning)}.shop-dashboard__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.shop-dashboard__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.shop-dashboard__chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.shop-dashboard__chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--text-primary)}.shop-dashboard__revenue-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.shop-dashboard__revenue-item:last-child{border-bottom:none}.shop-dashboard__revenue-date{font-weight:var(--font-weight-medium)}.shop-dashboard__revenue-amount{font-weight:var(--font-weight-bold);color:var(--color-success)}.shop-dashboard__no-data{text-align:center;color:var(--text-secondary);padding:var(--space-xl)}.orders-manager__loading,.inventory-manager__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.inventory-manager__controls{display:flex;align-items:center;gap:var(--space-md)}.inventory-grid__empty{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.inventory-grid__header{margin-bottom:var(--space-sm)}.inventory-grid__content{display:flex;flex-direction:column;gap:var(--space-sm)}.inventory-grid__stock{display:flex;flex-direction:column;gap:var(--space-xs)}.payments-monitor__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.payments-monitor__filters{display:flex;gap:var(--space-md)}.payments-monitor__filter-select{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary)}.payments-list__empty{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.payments-list__header-cell,.payments-list__cell{padding:var(--space-md);display:flex;align-items:center}.payments-list__order-number{font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.payments-list__status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.payments-list__status-badge--completed{background:var(--color-success-light);color:var(--color-success)}.payments-list__status-badge--pending{background:var(--color-warning-light);color:var(--color-warning)}.payments-list__status-badge--processing{background:var(--color-info-light);color:var(--color-info)}.payments-list__status-badge--failed,.payments-list__status-badge--cancelled{background:var(--color-error-light);color:var(--color-error)}.payments-list__status-badge--refunded{background:var(--bg-secondary);color:var(--text-secondary)}.customers-analytics__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.customers-analytics__header{margin-bottom:var(--space-lg)}.customers-table__empty{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.customers-table__header-cell,.customers-table__cell{padding:var(--space-md);display:flex;align-items:center}.customers-table__customer-name,.customers-table__order-count,.customers-table__total-spent{font-weight:var(--font-weight-medium)}.shop-settings__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.orders-manager{padding:var(--space-lg)}.orders-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.orders-manager__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.orders-manager__filters{display:flex;gap:var(--space-md)}.orders-manager__filter-select,.orders-manager__search{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary)}.orders-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.orders-table__header{display:grid;grid-template-columns:1fr 1fr 120px 80px 100px 120px 120px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.orders-table__header-cell{padding:var(--space-md);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.orders-table__row{display:grid;grid-template-columns:1fr 1fr 120px 80px 100px 120px 120px;border-bottom:1px solid var(--border-color)}.orders-table__row:hover{background:var(--bg-hover)}.orders-table__cell{padding:var(--space-md);display:flex;align-items:center}.orders-table__order-number{font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.orders-table__status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.orders-table__status-badge--pending{background:var(--color-warning-light);color:var(--color-warning)}.orders-table__status-badge--confirmed{background:var(--color-info-light);color:var(--color-info)}.orders-table__status-badge--processing{background:var(--color-primary-light);color:var(--color-primary-dark)}.orders-table__status-badge--shipped{background:var(--color-success-light);color:var(--color-success)}.orders-table__status-badge--delivered{background:var(--color-success);color:#fff}.orders-table__status-badge--cancelled{background:var(--color-error-light);color:var(--color-error)}.orders-table__status-select{padding:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.orders-table__empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.inventory-manager{padding:var(--space-lg)}.inventory-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.inventory-manager__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.inventory-manager__filter{display:flex;align-items:center;gap:var(--space-sm)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.inventory-grid__item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.inventory-grid__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.inventory-grid__sku{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.inventory-grid__category{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--space-sm) 0}.inventory-grid__stock-status{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.inventory-grid__stock-status--out{color:var(--color-error)}.inventory-grid__stock-status--low{color:var(--color-warning)}.inventory-grid__stock-status--good{color:var(--color-success)}.inventory-grid__stock-controls{display:flex;align-items:center;gap:var(--space-xs)}.inventory-grid__stock-btn{padding:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer}.inventory-grid__stock-btn:hover{background:var(--bg-hover)}.inventory-grid__stock-input{width:60px;padding:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center}.inventory-grid__alert{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-warning);font-size:var(--font-size-sm);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-warning-light);border-radius:var(--radius-sm)}.inventory-grid__no-tracking{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.payments-monitor{padding:var(--space-lg)}.payments-monitor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.payments-monitor__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.payments-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.payments-list__header{display:grid;grid-template-columns:1fr 120px 1fr 120px 100px 120px 120px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.payments-list__row{display:grid;grid-template-columns:1fr 120px 1fr 120px 100px 120px 120px;border-bottom:1px solid var(--border-color)}.payments-list__row:hover{background:var(--bg-hover)}.payments-list__transaction-id{font-family:var(--font-mono);font-size:var(--font-size-sm)}.payments-list__gateway{display:flex;align-items:center;gap:var(--space-xs)}.payments-list__amount{font-weight:var(--font-weight-medium)}.customers-analytics{padding:var(--space-lg)}.customers-analytics__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg) 0}.customers-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.customers-table__header{display:grid;grid-template-columns:2fr 2fr 100px 120px 100px 120px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.customers-table__row{display:grid;grid-template-columns:2fr 2fr 100px 120px 100px 120px;border-bottom:1px solid var(--border-color)}.customers-table__customer-info{display:flex;align-items:center;gap:var(--space-sm)}.customers-table__customer-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.customers-table__tier{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.customers-table__tier--vip{background:var(--color-primary);color:#fff}.customers-table__tier--gold{background:gold;color:#8b6914}.customers-table__tier--silver{background:silver;color:#666}.customers-table__tier--bronze{background:#cd7f32;color:#fff}.shop-settings{padding:var(--space-lg)}.shop-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.shop-settings__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.shop-settings__save-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.shop-settings__save-btn:disabled{opacity:.6;cursor:not-allowed}.shop-settings__sections{display:grid;gap:var(--space-xl)}.shop-settings__section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.shop-settings__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--text-primary)}.shop-settings__field{margin-bottom:var(--space-md)}.shop-settings__label{font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);color:var(--text-primary)}.shop-settings__input,.shop-settings__textarea,.shop-settings__select{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary)}.shop-settings__checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.shop-settings__checkbox{width:auto}@media (max-width: 768px){.shop-dashboard__stats{grid-template-columns:1fr}.orders-table__header,.orders-table__row{grid-template-columns:1fr;gap:var(--space-sm)}.inventory-grid{grid-template-columns:1fr}.payments-list__header,.payments-list__row,.customers-table__header,.customers-table__row{grid-template-columns:1fr;gap:var(--space-sm)}}.shop-navigation{background:var(--bg-primary);border-right:1px solid var(--border-color);height:100%;min-height:100vh;width:250px;flex-shrink:0;box-shadow:var(--shadow-sm)}.shop-navigation__header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.shop-navigation__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.shop-navigation__menu{list-style:none;margin:0;padding:var(--space-md) 0}.shop-navigation__item{margin:0}.shop-navigation__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.shop-navigation__link:hover{background:var(--bg-hover);color:var(--text-primary)}.shop-navigation__link--active{background:var(--color-primary);color:#fff;border-left-color:var(--color-primary);font-weight:var(--font-weight-medium)}.shop-navigation__link--active:hover{background:var(--color-primary-light);color:#fff}.shop-layout{display:flex;min-height:calc(100vh - 64px);background:var(--bg-secondary);top:50px;position:relative}.shop-layout__sidebar{flex-shrink:0}.shop-layout__content{flex:1;overflow:auto;background:var(--bg-secondary)}@media (max-width: 768px){.shop-layout{flex-direction:column}.shop-navigation{width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.shop-navigation__menu{display:flex;overflow-x:auto;padding:var(--space-sm);gap:var(--space-xs)}.shop-navigation__item{flex-shrink:0}.shop-navigation__link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:none;white-space:nowrap}.shop-navigation__link--active{background:var(--color-primary);color:#fff}}.admin-editor{max-width:1400px;margin:0 auto;padding:var(--space-lg)}.admin-editor__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.admin-editor__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.admin-breadcrumbs__link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-w);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.admin-breadcrumbs__link:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.admin-breadcrumbs__link:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid currentColor;margin-left:var(--space-xs)}.admin-editor__form-grid{display:grid;grid-template-columns:1fr 300px 200px;gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-editor__column{display:flex;flex-direction:column;gap:var(--space-md)}.admin-editor__field{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-editor__column--secondary{width:300px}.admin-editor__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.admin-editor__column--media{width:200px}.admin-editor__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.admin-editor__required{color:var(--color-error)}.admin-editor .admin-form__textarea{height:40px;min-height:40px}.admin-editor__media-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color);height:120px;width:100%}.admin-editor__media-image{width:100%;height:100%;object-fit:cover}.admin-editor__media-actions{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:var(--space-xs)}.admin-editor__media-actions button{height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.admin-editor__media-empty{height:120px;border:2px dashed var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast);background:var(--bg-secondary);color:var(--text-secondary)}.admin-editor__media-empty:hover{border-color:var(--color-primary)}.admin-editor__media-empty svg{width:24px;height:24px}.admin-editor__content-section{margin-bottom:var(--space-xl);border-top:1px solid var(--border-color)}.admin-editor__actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}@media (max-width: 1024px){.admin-editor__form-grid{grid-template-columns:1fr 250px;gap:var(--space-md)}.admin-editor__column--media{grid-column:1 / -1;width:100%}.admin-editor__column--secondary{width:250px}}@media (max-width: 768px){.admin-editor{padding:var(--space-md)}.admin-editor__form-grid{grid-template-columns:1fr;gap:var(--space-md)}.admin-editor__column--secondary{width:100%}.admin-editor__field-row{grid-template-columns:1fr;gap:var(--space-sm)}.admin-editor__actions{flex-direction:column}.admin-editor__actions button{width:100%}}.footer-editor{display:flex;flex-direction:column;height:100vh;width:100%;min-height:600px;background-color:var(--color-bg-primary)}.footer-editor__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg, 1rem) var(--space-xl, 2rem);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer-editor__title h2{margin:0 0 var(--space-sm, .5rem) 0;color:var(--text-primary, #333333)}.footer-editor__title p{margin:0;color:var(--text-secondary, #666666);font-size:var(--font-size-sm, .875rem)}.footer-editor__actions{display:flex;gap:var(--space-lg, 1rem)}.footer-editor__loading,.footer-editor__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md);color:var(--text-secondary)}.footer-editor__workspace{display:flex;gap:var(--space-lg);min-height:500px;flex:1;overflow:hidden}.footer-editor__main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.footer-editor__sidebar{width:300px;flex-shrink:0;border-left:1px solid var(--border-color, #e0e0e0);background-color:var(--bg-secondary, #ffffff);overflow-y:auto}.footer-editor--loading{justify-content:center;align-items:center}.block-library{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.block-library__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.block-library__header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.block-library__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.block-library__item{cursor:pointer;transition:var(--transition-fast);border:2px solid transparent}.block-library__item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.block-library__item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.block-library__item-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-medium)}.block-library__item-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.style-panel,.history-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.history-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.history-panel__header p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.history-panel__loading,.history-panel__error,.history-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md);color:var(--text-secondary)}.history-panel__change{display:flex;align-items:center;gap:var(--space-sm)}.footer-canvas{display:flex;flex-direction:column;gap:var(--space-lg);height:100%}.footer-canvas__toolbar{padding:var(--space-lg, 1rem);border-bottom:1px solid var(--border-color)}.footer-canvas__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.footer-canvas__preview-modes{display:flex;gap:var(--space-xs)}.footer-canvas__preview{min-height:400px;flex:1;overflow:auto}.live-preview{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-tertiary, #f0f0f0);overflow:hidden}.live-preview__device-frame{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;overflow:auto}.live-preview__footer{transition:all .3s ease;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden}.live-preview__block{position:relative;transition:all .2s ease}.live-preview__block--selected{outline:2px solid var(--color-primary, #0066cc);outline-offset:2px}.live-preview__empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary, #666666);font-style:italic}.live-preview__info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-secondary, #ffffff);border-top:1px solid var(--border-color, #e0e0e0);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #666666)}@media (max-width: 768px){.footer-editor__workspace{grid-template-columns:1fr;flex-direction:column}.footer-editor__sidebar{width:100%;border-left:none;border-top:1px solid var(--border-color, #e0e0e0);max-height:50vh}.footer-editor__header{flex-direction:column;gap:var(--space-lg, 1rem);align-items:stretch}.footer-editor__actions{justify-content:center}.footer-canvas__controls{flex-direction:column;align-items:stretch}.footer-canvas__preview-modes{justify-content:center}}.dark .block-library{background:var(--bg-dark-secondary);border-color:var(--border-dark)}.footer-block{position:relative;padding:var(--space-lg, 1rem);border:1px solid transparent;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast, .2s ease)}.footer-block:hover{border-color:var(--border-color, #e0e0e0)}.footer-block--selected{border-color:var(--color-primary, #0066cc)!important;box-shadow:0 0 0 2px #06c3}.footer-block--editing{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e0e0e0);padding:var(--space-lg, 1.5rem)}.brand-block{display:flex;flex-direction:column;gap:var(--space-md)}.brand-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.brand-block__logo{max-width:200px;margin-bottom:var(--space-lg, 1rem)}.brand-block__logo img{width:100%;height:auto;max-height:var(--size-logo-height);max-width:var(--size-logo-width);object-fit:contain}.brand-block__logo-preview{margin-top:var(--space-sm);padding:var(--space-sm);border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center}.brand-block__logo-preview img{max-width:var(--size-preview-width);max-height:var(--size-preview-height);object-fit:contain;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.brand-block__name{margin:0 0 var(--space-sm, .5rem) 0;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-bold, 600);color:inherit}.brand-block__description{margin:0 0 var(--space-lg, 1rem) 0;color:var(--text-secondary, #666666);line-height:1.5}.brand-block__website{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.brand-block__website:hover{color:var(--color-primary-dark);text-decoration:underline}.links-block{display:flex;flex-direction:column;gap:var(--space-md)}.links-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.links-block__title{margin:0 0 var(--space-lg, 1rem) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:inherit}.links-block__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.links-block__item{margin:0;margin-bottom:var(--space-sm, .5rem)}.links-block__link{color:var(--text-secondary, #333333);text-decoration:none;transition:color var(--transition-fast, .2s ease);display:block;padding:var(--space-xs) 0}.links-block__link:hover{color:var(--color-primary, #0066cc)}.links-block__editor{display:flex;flex-direction:column;gap:var(--space-lg, 1rem)}.links-block__editor h4{margin:var(--space-lg) 0 var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-medium)}.links-block__link-item,.links-block__add-link{display:flex;gap:var(--space-sm);align-items:flex-end;margin-bottom:var(--space-md);padding:var(--space-md, .75rem);border:1px solid var(--border-color, #e0e0e0);border-radius:var(--radius-sm, 4px);background-color:var(--bg-primary, #f8f9fa)}.links-block__add-link{border:2px dashed var(--border-color, #e0e0e0);background-color:var(--bg-tertiary, #f0f0f0)}.links-block__link-fields{display:grid;grid-template-columns:2fr 2fr 1fr;gap:var(--space-sm);flex:1}.contact-block{display:flex;flex-direction:column;gap:var(--space-md)}.contact-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.contact-block__title{margin:0 0 var(--space-lg, 1rem) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:inherit}.contact-block__items{display:flex;flex-direction:column;gap:var(--space-sm, .75rem)}.contact-block__item{display:flex;align-items:flex-start;gap:var(--space-sm)}.contact-block__icon{color:var(--color-primary, #666666);margin-top:2px;flex-shrink:0}.contact-block__text{color:var(--text-secondary, #333333);line-height:1.4}.contact-block__link{color:var(--color-primary, #0066cc);text-decoration:none;transition:color var(--transition-fast)}.contact-block__link:hover{color:var(--color-primary);text-decoration:underline}.social-block{display:flex;flex-direction:column;gap:var(--space-md)}.social-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.social-block__title{margin:0 0 var(--space-md);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:inherit}.social-block__links{display:flex;gap:var(--space-sm);flex-wrap:wrap}.social-block__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.social-block__link:hover{background:var(--color-primary);color:var(--text-w);transform:translateY(-2px)}.social-block__editor h4{margin:var(--space-lg) 0 var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-medium)}.social-block__link-item,.social-block__add-link{display:flex;gap:var(--space-sm);align-items:flex-end;margin-bottom:var(--space-md)}.social-block__link-fields{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-sm);flex:1}.newsletter-block{display:flex;flex-direction:column;gap:var(--space-md)}.newsletter-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.newsletter-block__title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:inherit}.newsletter-block__description{margin:0 0 var(--space-md);color:var(--text-secondary);line-height:1.4}.newsletter-block__form{width:100%}.newsletter-block__input-group{display:flex;gap:var(--space-sm)}.newsletter-block__input{flex:1}.newsletter-block__button{flex-shrink:0}.newsletter-block__privacy{margin:var(--space-sm) 0 0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.3}.custom-block{display:flex;flex-direction:column;gap:var(--space-md)}.custom-block--editing{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.custom-block__title{margin:0 0 var(--space-md);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:inherit}.custom-block__content{line-height:1.5}.custom-block__editor{margin-top:var(--space-lg)}.custom-block__editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.custom-block__editor-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-medium)}.custom-block__editor-tabs{display:flex;gap:var(--space-xs)}.custom-block__html-editor,.custom-block__css-editor{font-family:Courier New,monospace;font-size:var(--font-size-sm)}.custom-block__preview{padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:100px}.custom-block__help{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-warning-dark);margin-top:var(--space-md)}.block-library{padding:var(--space-lg, 1rem)}.block-library__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 1rem)}.block-library__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg, 1rem)}.block-library__item{cursor:pointer;transition:transform var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.block-library__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.block-library__item-header{display:flex;align-items:center;gap:var(--space-sm, .5rem);margin-bottom:var(--space-sm, .5rem)}.block-library__item-description{margin:0 0 var(--space-lg, 1rem) 0;font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #666666);line-height:1.4}.drag-handle{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-w);cursor:grab;z-index:10;transition:all var(--transition-fast)}.drag-handle:hover{background:var(--color-primary-dark);transform:translate(-50%) scale(1.1)}.resize-handle{position:absolute;bottom:-6px;right:-6px;width:12px;height:12px;cursor:nw-resize;z-index:10}.resize-handle__corner{width:100%;height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.resize-handle:hover .resize-handle__corner,.resize-handle--active .resize-handle__corner{background:var(--color-primary-dark);transform:scale(1.2)}.block-toolbar{position:absolute;top:-40px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-md);z-index:20}.block-toolbar__info{font-size:var(--font-size-xs);color:var(--text-secondary)}.block-toolbar__type{font-weight:var(--font-medium)}.block-toolbar__actions{display:flex;gap:var(--space-xs)}.block-toolbar__delete:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.context-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden}.context-menu__header{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.context-menu__title{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.context-menu__items{padding:var(--space-xs) 0}.context-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.context-menu__item:hover{background:var(--bg-secondary)}.context-menu__item--danger{color:var(--color-error)}.context-menu__item--danger:hover{background:var(--color-error-bg)}.context-menu__separator{height:1px;background:var(--border-color);margin:var(--space-xs) 0}@media (max-width: 768px){.newsletter-block__input-group{flex-direction:column}.social-block__links{justify-content:center}.links-block__link-fields,.social-block__link-fields{grid-template-columns:1fr}.block-toolbar{position:static;margin-bottom:var(--space-md)}.drag-handle{position:static;transform:none;margin-bottom:var(--space-sm)}}.drag-handle{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background-color:var(--color-primary, #0066cc);border:2px solid var(--color-bg-primary, #f8f9fa);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;z-index:10}.footer-block:hover .drag-handle,.footer-block--selected .drag-handle{opacity:1}.drag-handle:hover{background-color:var(--color-primary-dark, #0052a3)}.drag-handle--dragging{cursor:grabbing;opacity:1!important}.drag-handle--keyboard-mode{background-color:var(--color-accent, #28a745)}.drag-handle--disabled{opacity:.5;cursor:not-allowed}.block-toolbar{position:absolute;top:-40px;right:0;display:flex;align-items:center;gap:.5rem;background-color:var(--color-bg-primary, #f8f9fa);border:1px solid var(--color-border, #e0e0e0);border-radius:4px;padding:.25rem .5rem;opacity:0;transition:opacity .2s ease;z-index:10}.footer-block:hover .block-toolbar,.footer-block--selected .block-toolbar{opacity:1}.block-toolbar__info{font-size:.75rem;color:var(--color-text-secondary, #666666);margin-right:.5rem}.block-toolbar__type{font-weight:600}.block-toolbar__actions{display:flex;gap:.25rem}.block-toolbar__delete:hover{background-color:var(--color-danger, #dc3545);color:#fff}.style-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem}.style-panel__themes{display:flex;gap:.5rem;flex-wrap:wrap}.style-panel__import-export{display:flex;gap:.5rem;flex-direction:column}.style-panel__import-label{cursor:pointer}.history-panel{padding:1rem}.history-panel__empty{text-align:center;padding:2rem;color:var(--color-text-secondary, #666666)}.history-panel__loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--color-text-secondary, #666666)}.history-panel__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;color:var(--color-danger, #dc3545)}.history-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-panel__header-actions{display:flex;gap:.5rem}.history-panel__change{display:flex;align-items:center;gap:.5rem}.history-panel__actions{display:flex;gap:.5rem}.history-panel__table{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.drag-handle{width:32px;height:32px;top:-16px}.block-toolbar{position:static;opacity:1;margin-top:.5rem;justify-content:center}.style-panel__themes{justify-content:center}.style-panel__import-export{align-items:center}.history-panel__header{flex-direction:column;gap:.5rem;align-items:stretch}.history-panel__header-actions{justify-content:center}}.footer-canvas__container{position:relative}.footer-canvas__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);text-align:center}.footer-canvas__empty h3{margin:var(--space-md) 0 var(--space-sm);color:var(--text-primary)}.color-picker{display:flex;flex-direction:column;gap:var(--space-sm)}.color-picker__label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.color-picker__input-group{display:flex;gap:var(--space-sm);align-items:center}.color-picker__preview{width:40px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);flex-shrink:0}.color-picker__preview:hover{border-color:var(--color-primary)}.color-picker__input{flex:1}.color-picker__native{width:40px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;background:none}.color-picker__palette{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-md);z-index:100;margin-top:var(--space-xs)}.color-picker__presets{display:grid;grid-template-columns:repeat(11,1fr);gap:var(--space-xs);margin-bottom:var(--space-md)}.color-picker__preset{width:24px;height:24px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.color-picker__preset:hover{transform:scale(1.1);border-color:var(--color-primary)}.color-picker__preset--active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.color-picker__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.font-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.font-selector__preview{padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.font-selector__preview-text{font-size:var(--font-size-md);color:var(--text-primary)}.spacing-control{display:flex;flex-direction:column;gap:var(--space-sm)}.spacing-control__header{display:flex;justify-content:space-between;align-items:center}.spacing-control__label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.spacing-control__mode-toggle{display:flex;gap:var(--space-xs)}.spacing-control__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.spacing-control__preset{padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center}.spacing-control__preset:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.spacing-control__preset--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.spacing-control__custom{display:flex;flex-direction:column;gap:var(--space-sm)}.spacing-control__units{display:flex;gap:var(--space-xs)}.spacing-control__unit{padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spacing-control__unit:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.spacing-control__preview{margin-top:var(--space-sm)}.spacing-control__preview-box{background:var(--color-primary-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.color-picker__presets{grid-template-columns:repeat(6,1fr)}.spacing-control__presets{grid-template-columns:repeat(2,1fr)}}.live-preview{width:100%;height:100%;min-height:400px;position:relative}.live-preview--desktop .live-preview__device-frame{width:100%;max-width:1200px;margin:0 auto}.live-preview--tablet .live-preview__device-frame{width:768px;max-width:100%;margin:0 auto;border:2px solid var(--border-color, #ddd);border-radius:var(--radius-md, 8px)}.live-preview--mobile .live-preview__device-frame{width:375px;max-width:100%;margin:0 auto;border:2px solid var(--border-color, #ddd);border-radius:var(--radius-lg, 12px)}.live-preview__footer{background:var(--bg-primary, #f8f9fa);border:1px dashed var(--border-color, #dee2e6);border-radius:var(--radius-sm, 4px);overflow:hidden}.live-preview__empty-state,.live-preview__placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #6c757d);font-style:italic}.live-preview__block{border:2px solid transparent;border-radius:var(--radius-sm, 4px);transition:border-color var(--transition-fast, .2s ease)}.live-preview__block:hover{border-color:var(--color-primary, #007bff)}.live-preview__block--selected{border-color:var(--color-primary, #007bff);box-shadow:0 0 0 2px #007bff40}.live-preview__info{display:flex;gap:var(--space-lg, 1rem);padding:var(--space-sm, .5rem);background:var(--bg-secondary, #f8f9fa);border-top:1px solid var(--border-color, #dee2e6);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #6c757d)}.live-preview--empty{display:flex;align-items:center;justify-content:center}.drag-handle{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:16px;background:var(--color-primary, #007bff);border-radius:var(--radius-sm, 4px);display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-w, white);font-size:var(--font-size-xs, 12px)}.drag-handle:active{cursor:grabbing}.resize-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background:var(--color-primary, #007bff);border-radius:var(--radius-xs, 2px);cursor:se-resize}.resize-handle__corner{width:100%;height:100%;background:linear-gradient(-45deg,transparent 30%,white 30%,white 70%,transparent 70%)}.resize-handle--active{background:var(--color-primary-dark, #0056b3)}.block-toolbar{position:absolute;top:-40px;right:0;display:flex;gap:var(--space-xs, 4px);background:var(--bg-primary, white);border:1px solid var(--border-color, #dee2e6);border-radius:var(--radius-sm, 4px);padding:var(--space-xs, 4px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.block-toolbar__info{display:flex;align-items:center;padding:0 var(--space-sm, 8px);font-size:var(--font-size-xs, 12px);color:var(--text-secondary, #6c757d)}.block-toolbar__type{font-weight:var(--font-medium, 500)}.block-toolbar__actions{display:flex;gap:var(--space-xs, 4px)}.block-toolbar__delete{color:var(--color-error, #dc3545)}.block-toolbar__delete:hover{background-color:var(--color-error, #dc3545);color:var(--text-w, white)}.footer-editor--embedded{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.footer-editor__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.footer-editor__title{display:flex;align-items:center;gap:var(--space-sm)}.footer-editor__title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.footer-editor__actions{display:flex;gap:var(--space-sm)}.footer-editor__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-error);text-align:center}.admin-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-button:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.admin-button--primary{background:var(--color-primary);color:var(--text-w);border-color:var(--color-primary)}.admin-button--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.admin-button--secondary{background:var(--bg-secondary);color:var(--text-primary)}.admin-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.footer-editor__header{flex-direction:column;gap:var(--space-md);align-items:stretch}.footer-editor__actions{justify-content:flex-end}}.footer-performance-dashboard{position:fixed;bottom:10px;right:10px;background:#000000e6;color:#fff;border-radius:8px;font-family:monospace;font-size:12px;z-index:9999;min-width:200px;max-width:600px}.footer-performance-dashboard__header{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.footer-performance-dashboard__toggle{font-size:10px}.footer-performance-dashboard__content{padding:12px}.footer-performance-dashboard__controls{display:flex;gap:8px;margin-bottom:12px}.footer-performance-dashboard__timeframe-select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;font-size:11px}.footer-performance-dashboard__refresh-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px}.footer-performance-dashboard__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.footer-performance-dashboard__metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.footer-performance-dashboard__metric-card{background:#ffffff0d;border-radius:4px;padding:8px;border:1px solid rgba(255,255,255,.1)}.footer-performance-dashboard__metric-name{font-size:10px;color:#9ca3af;text-transform:capitalize;margin-bottom:4px}.footer-performance-dashboard__metric-value{font-size:14px;font-weight:700;margin-bottom:4px}.footer-performance-dashboard__metric-details{display:flex;flex-direction:column;gap:2px;font-size:9px;color:#6b7280}.footer-performance-dashboard__metric-count{font-size:9px;color:#6b7280;margin-top:4px}.footer-performance-dashboard__no-data{text-align:center;color:#6b7280;padding:20px}.footer-performance-monitor{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-family:monospace;font-size:12px;z-index:9999;min-width:120px}.footer-performance-monitor__header{display:flex;align-items:center;gap:8px;cursor:pointer}.footer-performance-monitor__score{font-weight:700;font-size:14px}.footer-performance-monitor__warnings{color:#f59e0b}.footer-performance-monitor__details{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.footer-performance-monitor__metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px}.footer-performance-monitor__metric{display:flex;justify-content:space-between;gap:8px}.footer-performance-monitor__warnings-list,.footer-performance-monitor__recommendations{margin-top:8px}.footer-performance-monitor__warnings-list h4,.footer-performance-monitor__recommendations h4{margin:0 0 4px;font-size:11px;color:#f59e0b}.footer-performance-monitor__warning{color:#ef4444;font-size:10px;margin-bottom:2px}.footer-performance-monitor__recommendation{color:#22c55e;font-size:10px;margin-bottom:2px}.responsive-toggle{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.responsive-toggle__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.responsive-toggle__modes{display:flex;gap:var(--space-2)}.responsive-toggle__mode-label{margin-left:var(--space-1);font-size:var(--text-sm)}.responsive-toggle__override-indicator{margin-left:var(--space-1);color:var(--color-primary-600);font-weight:700}.responsive-toggle__info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.responsive-toggle__current-device{display:flex;align-items:center;gap:var(--space-2)}.responsive-toggle__settings{padding:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.responsive-toggle__settings h4{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.responsive-toggle__notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-info-700)}.responsive-toggle__controls{display:flex;flex-direction:column;gap:var(--space-4)}.responsive-toggle__section{display:flex;flex-direction:column;gap:var(--space-3)}.responsive-toggle__section h5{margin:0;font-size:var(--text-md);font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.responsive-toggle__field{display:flex;flex-direction:column;gap:var(--space-1)}.responsive-toggle__field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.responsive-toggle__field input,.responsive-toggle__field select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.responsive-toggle__field input:focus,.responsive-toggle__field select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.responsive-toggle__field input::placeholder{color:var(--color-text-tertiary);font-style:italic}@media (max-width: 768px){.responsive-toggle__header{flex-direction:column;align-items:stretch}.responsive-toggle__modes{justify-content:center}.responsive-toggle__mode-label{display:none}.responsive-toggle__info{flex-direction:column;gap:var(--space-2);text-align:center}.responsive-toggle__settings{padding:var(--space-3)}.responsive-toggle__controls{gap:var(--space-3)}}.footer-editor-error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-6);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.footer-editor-error-boundary__content{text-align:center;max-width:500px}.footer-editor-error-boundary__icon{margin-bottom:var(--space-4);color:var(--color-error-500)}.footer-editor-error-boundary__title{margin:0 0 var(--space-3) 0;font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary)}.footer-editor-error-boundary__message{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);line-height:1.5}.footer-editor-error-boundary__details{margin:var(--space-4) 0;text-align:left;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.footer-editor-error-boundary__details summary{cursor:pointer;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.footer-editor-error-boundary__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-error-600);white-space:pre-wrap;overflow-x:auto}.footer-editor-error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}.footer-editor-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.footer-editor-loading--sm{padding:var(--space-4)}.footer-editor-loading--lg{padding:var(--space-8);min-height:300px}.footer-editor-loading__content{text-align:center}.footer-editor-loading__spinner{margin-bottom:var(--space-3);color:var(--color-primary-500);animation:spin 1s linear infinite}.footer-editor-loading__message{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-editor-loading__progress{margin-top:var(--space-3);width:200px;height:4px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.footer-editor-loading__progress-bar{height:100%;background-color:var(--color-primary-500);border-radius:var(--radius-full);animation:progress 2s ease-in-out infinite}.footer-editor-skeleton{padding:var(--space-4)}.footer-editor-skeleton__item{margin-bottom:var(--space-4)}.footer-editor-skeleton__block{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.footer-editor-skeleton__header{height:20px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-3);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__content{display:flex;flex-direction:column;gap:var(--space-2)}.footer-editor-skeleton__line{height:16px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__line--short{width:30%}.footer-editor-skeleton__line--medium{width:60%}.footer-editor-skeleton__line--long{width:90%}.footer-editor-skeleton__panel{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.footer-editor-skeleton__panel-header{height:24px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-4);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__field{margin-bottom:var(--space-3)}.footer-editor-skeleton__label{height:14px;width:25%;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-1);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__input{height:36px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.footer-editor-skeleton__toolbar-left,.footer-editor-skeleton__toolbar-right{display:flex;gap:var(--space-2)}.footer-editor-skeleton__button{height:36px;width:100px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.footer-editor-skeleton__button--small{width:60px}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.admin-tabbed-layout{max-width:1200px;margin:0 auto;position:relative;top:70px}.admin-tab-bar{display:flex;position:relative;background:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;overflow-x:auto}.admin-tab-bar__tabs{display:flex;position:relative;width:100%}.admin-tab-bar__tab{padding:1rem 1.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;position:relative;white-space:nowrap;flex-shrink:0;border-radius:6px 6px 0 0}.admin-tab-bar__tab:hover:not(.admin-tab-bar__tab--active){color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.admin-tab-bar__tab--active{color:var(--color-primary);background:none;font-weight:600}.admin-tab-bar__tab-icon{flex-shrink:0;transition:all .2s ease}.admin-tab-bar__tab-icon--active{color:var(--color-primary);transform:scale(1.1)}.admin-tab-bar__tab-label{font-weight:inherit}.admin-tab-bar__tab-badge{width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}.admin-tab-bar__indicator{position:absolute;bottom:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light, rgba(59, 130, 246, .8)));transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0;box-shadow:0 -1px 3px #3b82f64d}.admin-tab-content{background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;min-height:500px}.admin-tab-panel{padding:2rem}@media (max-width: 768px){.admin-tabbed-layout{padding:var(--space-sm)}.admin-tab-bar__tab{padding:.75rem 1rem;font-size:.8125rem}.admin-tab-bar__tab-label{display:none}.admin-tab-panel{padding:1rem}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.comment-list{max-width:800px;margin:0 auto;padding:1rem}.comment-list__header{margin-bottom:1.5rem}.comment-list__title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.comment-list__loading{text-align:center;padding:2rem;color:#666}.comment-list__error{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem}.comment-list__retry{background:#c33;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-left:1rem}.comment-list__items{margin-bottom:2rem}.comment-form{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.comment-form__field{margin-bottom:1rem}.comment-form__textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical}.comment-form__textarea:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 2px #007cba1a}.comment-form__actions{display:flex;justify-content:flex-end}.comment-form__submit{background:#007cba;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500}.comment-form__submit:disabled{background:#ccc;cursor:not-allowed}.comment-form__submit:hover:not(:disabled){background:#005a87}.frontend-comment-item{background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.frontend-comment-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comment-item__author{display:flex;align-items:center;gap:.75rem}.comment-item__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.frontend-comment-item__name{font-weight:600;color:#1a1a1a}.frontend-comment-item__date{color:#666;font-size:.85rem}.frontend-comment-item__content{margin-bottom:1rem;line-height:1.6;color:#333}.frontend-comment-item__actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.frontend-comment-item__actions-left{display:flex;gap:1rem}.frontend-comment-item__actions-right{display:flex;align-items:center;gap:.5rem}.frontend-comment-item__reply-btn,.frontend-comment-item__replies-btn{background:none;border:none;color:#007cba;cursor:pointer;font-size:.85rem;padding:.25rem 0;display:flex;align-items:center;gap:.25rem}.frontend-comment-item__replies-btn:disabled{opacity:.6;cursor:not-allowed}.frontend-comment-item__reply-btn:hover,.frontend-comment-item__replies-btn:hover{text-decoration:underline}.frontend-comment-item__reaction{background:none;border:1px solid #ddd;border-radius:20px;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#666;transition:all .2s ease}.frontend-comment-item__reaction:hover{border-color:#ff6b6b;color:#ff6b6b}.frontend-comment-item__reaction--active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.frontend-comment-item__reaction-count{font-size:.75rem}.frontend-comment-item__menu{display:flex;gap:.25rem}.frontend-comment-item__edit-btn,.frontend-comment-item__delete-btn{background:none;border:1px solid #ddd;border-radius:4px;padding:.25rem;cursor:pointer;color:#666;transition:all .2s ease}.frontend-comment-item__edit-btn:hover{border-color:#007cba;color:#007cba}.frontend-comment-item__delete-btn:hover{border-color:#dc3545;color:#dc3545}.comment-edit-form{margin:.5rem 0}.comment-edit-form__textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.75rem}.comment-edit-form__actions{display:flex;gap:.5rem}.comment-edit-form__save,.comment-edit-form__cancel{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.25rem}.comment-edit-form__save{background:#28a745;color:#fff}.comment-edit-form__save:disabled{background:#ccc;cursor:not-allowed}.comment-edit-form__cancel{background:#6c757d;color:#fff}.comment-form__login-prompt{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.comment-form__login-prompt p{margin:0;color:#6c757d;flex:1}.comment-form__login-prompt a{text-decoration:none}.comment-reply-form{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:4px}.comment-reply-form__textarea{width:100%;min-height:60px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.85rem;margin-bottom:.75rem;resize:vertical}.comment-reply-form__actions{display:flex;gap:.75rem}.comment-reply-form__actions button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.comment-reply-form__actions button[type=submit]{background:#007cba;color:#fff;display:flex;align-items:center;gap:.25rem}.comment-reply-form__actions button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.comment-reply-form__actions button[type=button]{background:#f0f0f0;color:#333;display:flex;align-items:center;gap:.25rem}.comment-replies{margin-top:1rem;padding-left:2rem;border-left:2px solid #e1e1e1;animation:expandIn .25s ease-in-out}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-reply{background:#fafafa;padding:1rem;border-radius:4px;margin-bottom:.75rem}.comment-reply__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-reply__author{display:flex;align-items:center;gap:.5rem}.comment-reply__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-reply__name{font-weight:500;color:#1a1a1a;font-size:.9rem}.comment-reply__date{color:#666;font-size:.8rem}.comment-reply__content{line-height:1.5;color:#333;font-size:.9rem;margin-bottom:.5rem}.comment-reply__actions{display:flex;justify-content:flex-end;margin-top:.5rem}.comment-reply__actions-right{display:flex;align-items:center;gap:.5rem}.comment-reply__reaction{background:none;border:1px solid #ddd;border-radius:20px;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#666;transition:all .2s ease}.comment-reply__reaction:hover{border-color:#ff6b6b;color:#ff6b6b}.comment-reply__reaction--active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.comment-reply__reaction-count{font-size:.75rem}.comment-reply__menu{display:flex;gap:.25rem}.comment-reply__edit-btn,.comment-reply__delete-btn{background:none;border:1px solid #ddd;border-radius:3px;padding:.2rem;cursor:pointer;color:#666;transition:all .2s ease;font-size:.75rem}.comment-reply__edit-btn:hover{border-color:#007cba;color:#007cba}.comment-reply__delete-btn:hover{border-color:#dc3545;color:#dc3545}.comment-replies__load-more{margin-top:1rem;text-align:center}.comment-replies__load-more-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.comment-replies__load-more-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.comment-replies__load-more-btn:disabled{cursor:not-allowed;opacity:.6}.comment-load-more{display:flex;justify-content:center;padding:2rem 1rem}.comment-load-more__btn{background:#007cba;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.comment-load-more__btn:hover:not(:disabled){background:#005a87;transform:translateY(-1px)}.comment-load-more__btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.comment-load-more__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.comment-end-indicator{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem;border-top:1px solid #e1e1e1;margin-top:1rem}.comment-end-indicator span{background:#fff;padding:0 1rem;position:relative}.comment-end-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e1e1;z-index:-1}@media (max-width: 768px){.comment-list{padding:.75rem}.frontend-comment-item{padding:1rem}.comment-replies{padding-left:1rem}.comment-item__header{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-load-more{padding:1.5rem .75rem}.comment-load-more__btn{padding:.75rem 1rem;font-size:.85rem}}.comments-manager{padding:1.5rem}.comments-manager__header{margin-bottom:2rem}.comments-manager__stats{margin-top:1rem}.comments-manager__stats .card{padding:1.5rem;text-align:center;min-width:120px}.comments-manager__filters{padding:1.5rem;margin-bottom:1.5rem}.comments-manager__item{padding:1.5rem;border-left:4px solid transparent;transition:border-color .2s ease}.comments-manager__item:hover{border-left-color:var(--color-primary)}.comments-manager__item--pending{border-left-color:var(--color-warning);background:var(--color-warning-light)}.comments-manager__item--flagged{border-left-color:var(--color-error);background:var(--color-error-light)}.comments-manager__item--approved{border-left-color:var(--color-success)}.comments-manager__item--rejected{border-left-color:var(--color-error);opacity:.7}.comment-content{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--border-color);font-style:italic;line-height:1.6}@media (max-width: 768px){.comments-manager{padding:1rem}.comments-manager__stats{flex-direction:column}.comments-manager__stats .card{min-width:auto}.comments-manager__item{padding:1rem}}.dark .comment-content{background:var(--bg-tertiary)}.dark .comments-manager__item--pending{background:#fbbf241a}.dark .comments-manager__item--flagged{background:#ef44441a}.notification{min-width:320px;max-width:500px;background:var(--notification-bg, white);border-radius:12px;box-shadow:0 10px 25px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification--modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999}.notification--modal.notification--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.notification--modal.notification--hidden{opacity:0;transform:translate(-50%,-50%) scale(.9)}.notification--toast{position:fixed;top:20px;right:20px;transform:translate(100%);z-index:1000}.notification--toast.notification--visible{opacity:1;transform:translate(0)}.notification--toast.notification--hidden{opacity:0;transform:translate(100%)}.notification__content{display:flex;align-items:flex-start;padding:20px;gap:12px}.notification__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:2px}.notification__text{flex:1;min-width:0}.notification__title{font-weight:600;font-size:16px;margin-bottom:4px;line-height:1.4}.notification__message{font-size:14px;line-height:1.5;color:var(--notification-text, #374151)}.notification__close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--notification-close, #6b7280);transition:all .2s ease}.notification__close:hover{background:var(--notification-close-hover, rgba(0, 0, 0, .05));color:var(--notification-close-hover-text, #374151)}.notification--success{border:2px solid var(--success-border, #065f46);background:var(--success-bg, white)}.notification--success .notification__icon{background:var(--success-icon-bg, #065f46);color:var(--success-icon-color, white)}.notification--success .notification__title{color:var(--success-title, #065f46)}.notification--error{border:2px solid var(--error-border, #991b1b);background:var(--error-bg, white)}.notification--error .notification__icon{background:var(--error-icon-bg, #991b1b);color:var(--error-icon-color, white)}.notification--error .notification__title{color:var(--error-title, #991b1b)}.notification--warning{border:2px solid var(--warning-border, #d97706);background:var(--warning-bg, white)}.notification--warning .notification__icon{background:var(--warning-icon-bg, #d97706);color:var(--warning-icon-color, white)}.notification--warning .notification__title{color:var(--warning-title, #d97706)}.notification--info{border:2px solid var(--info-border, #2563eb);background:var(--info-bg, white)}.notification--info .notification__icon{background:var(--info-icon-bg, #2563eb);color:var(--info-icon-color, white)}.notification--info .notification__title{color:var(--info-title, #2563eb)}.notification-overlay{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .3));z-index:9998;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.notification-overlay--visible{opacity:1}[data-theme=dark]{--notification-bg: #1f2937;--notification-text: #e5e7eb;--notification-close: #9ca3af;--notification-close-hover: rgba(255, 255, 255, .1);--notification-close-hover-text: #f3f4f6;--overlay-bg: rgba(0, 0, 0, .5);--success-bg: #1f2937;--success-border: #10b981;--success-title: #10b981;--success-icon-bg: #10b981;--error-bg: #1f2937;--error-border: #ef4444;--error-title: #ef4444;--error-icon-bg: #ef4444;--warning-bg: #1f2937;--warning-border: #f59e0b;--warning-title: #f59e0b;--warning-icon-bg: #f59e0b;--info-bg: #1f2937;--info-border: #3b82f6;--info-title: #3b82f6;--info-icon-bg: #3b82f6}@media (max-width: 480px){.notification--modal{min-width:280px;max-width:calc(100vw - 32px);margin:0 16px}.notification--toast{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100%)}.notification--toast.notification--visible{transform:translateY(0)}.notification--toast.notification--hidden{transform:translateY(-100%)}.notification__content{padding:16px}}.notification--toast:nth-child(2){top:90px}.notification--toast:nth-child(3){top:160px}.notification--toast:nth-child(4){top:230px}.legal-page{min-height:100vh;background-color:var(--color-background);padding:2rem 0}.legal-page__container{max-width:800px;margin:0 auto;padding:0 1.5rem}.legal-page__content{background:var(--color-surface);border-radius:12px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a;line-height:1.7}.legal-page__title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center;border-bottom:3px solid var(--color-primary);padding-bottom:1rem}.legal-page__meta{text-align:center;margin-bottom:3rem;padding:1rem;background:var(--color-background-light);border-radius:8px;border-left:4px solid var(--color-primary)}.legal-page__meta p{color:var(--color-text-secondary);font-size:.95rem;margin:0;font-style:italic}.legal-page__section{margin-bottom:2.5rem}.legal-page__section:last-child{margin-bottom:0}.legal-page__heading{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border);position:relative}.legal-page__heading:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--color-primary)}.legal-page__text{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:1.25rem;text-align:justify}.legal-page__text:last-child{margin-bottom:0}.legal-page__list{margin:1.25rem 0;padding-left:0;list-style:none}.legal-page__list li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--color-text-primary);font-size:1.05rem;line-height:1.6}.legal-page__list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.legal-page__contact{background:var(--color-background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--color-border);margin-top:1rem}.legal-page__contact p{margin:.5rem 0;font-size:1.05rem}.legal-page__contact strong{color:var(--color-primary);font-weight:600}@media (max-width: 768px){.legal-page{padding:1rem 0}.legal-page__container{padding:0 1rem}.legal-page__content{padding:2rem 1.5rem;border-radius:8px}.legal-page__title{font-size:2rem;margin-bottom:1.25rem}.legal-page__heading{font-size:1.5rem;margin-bottom:1rem}.legal-page__text{font-size:1rem;text-align:left}.legal-page__list li{font-size:1rem;padding-left:1.5rem}}@media (max-width: 480px){.legal-page__content{padding:1.5rem 1rem}.legal-page__title{font-size:1.75rem}.legal-page__heading{font-size:1.35rem}.legal-page__meta{padding:.75rem}.legal-page__contact{padding:1rem}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;animation:slideUp .4s ease-out}.cookie-banner__overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px)}.cookie-banner__container{position:relative;max-width:1200px;margin:0 auto;padding:0 1rem 1rem}.cookie-banner__content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px 16px 0 0;padding:2rem;box-shadow:0 -8px 32px #0000001f;backdrop-filter:blur(10px)}.cookie-banner__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cookie-banner__icon{font-size:2rem;animation:bounce 2s infinite}.cookie-banner__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.cookie-banner__description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.cookie-banner__settings{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.cookie-banner__category{margin-bottom:1.5rem}.cookie-banner__category:last-child{margin-bottom:0}.cookie-banner__category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cookie-banner__checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.cookie-banner__checkbox input[type=checkbox]{display:none}.cookie-banner__checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all .2s ease;background:var(--bg-primary)}.cookie-banner__checkbox input[type=checkbox]:checked+.cookie-banner__checkmark{background:var(--color-primary);border-color:var(--color-primary)}.cookie-banner__checkbox input[type=checkbox]:checked+.cookie-banner__checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.cookie-banner__checkbox input[type=checkbox]:disabled+.cookie-banner__checkmark{background:var(--bg-secondary);border-color:var(--border-color);opacity:.6}.cookie-banner__label{font-weight:500;color:var(--text-primary);font-size:.95rem}.cookie-banner__required{background:var(--color-primary-bg);color:var(--color-primary);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.cookie-banner__category-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;padding-left:2.75rem}.cookie-banner__links{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.cookie-banner__link{color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.cookie-banner__link:hover{color:var(--color-primary-dark);text-decoration:underline}.cookie-banner__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.cookie-banner__button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;display:flex;align-items:center;justify-content:center}.cookie-banner__button--primary{background:var(--color-primary);color:#fff}.cookie-banner__button--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cookie-banner__button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cookie-banner__button--secondary:hover{background:var(--bg-hover);border-color:var(--color-primary)}.cookie-banner__button--outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cookie-banner__button--outline:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.dark .cookie-banner__content{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 -8px 32px #0006}.dark .cookie-banner__settings{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width: 768px){.cookie-banner__container{padding:0 .5rem .5rem}.cookie-banner__content{padding:1.5rem;border-radius:12px 12px 0 0}.cookie-banner__header{flex-direction:column;text-align:center;gap:.5rem}.cookie-banner__title{font-size:1.25rem}.cookie-banner__actions{flex-direction:column}.cookie-banner__button{width:100%;min-width:auto}.cookie-banner__links{justify-content:center}.cookie-banner__category-desc{padding-left:0;margin-top:.5rem}}@media (max-width: 480px){.cookie-banner__content,.cookie-banner__settings{padding:1rem}.cookie-banner__category-header{flex-direction:column;align-items:flex-start;gap:.5rem}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:64px 0 0;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:var(--leading-normal, 1.5);color:var(--text-primary, #1f2937);background:var(--bg-primary);overflow-x:hidden;min-height:100vh}html,body{max-width:100%;overflow-x:hidden}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;line-height:1.2;color:var(--text-primary);font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease;cursor:pointer}a:hover{color:var(--color-primary-dark);opacity:.8}ul,ol,dl,blockquote,pre{margin-top:0}button,input,select,textarea{max-width:100%;box-sizing:border-box;cursor:pointer}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{cursor:text}input[type=checkbox],input[type=radio]{cursor:pointer}button,[role=button],.clickable,[onclick],.admin-button,.admin-sidebar__link,.admin-table__header-cell--sortable,.category-tree-selector__trigger,.category-tree-selector__row,.category-tree-selector__toggle,.admin-modal__close,.admin-sliding-menu__toggle,.admin-layout *[role=button],.admin-layout button,.admin-layout a{cursor:pointer!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}:focus{outline:none}:focus-visible{box-shadow:var(--shadow-outline);border-radius:var(--radius-sm, .125rem)}.blog-hero{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start}.blog-hero__image{width:350px;height:197px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.blog-hero__image:hover{transform:scale(1.02)}.blog-hero__image:focus{outline:2px solid var(--color-primary);outline-offset:2px}.blog-hero__content{flex:1;min-height:197px;display:flex;flex-direction:column;justify-content:flex-start}.blog-hero__title{font-size:2rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin:0 0 1rem}.blog-hero__meta{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.blog-hero__summary{background:var(--bg-secondary);padding:1rem;border-radius:6px;margin-top:auto}.blog-hero__summary p{margin:0;color:var(--text-primary);line-height:1.5}@media (min-width: 769px){.blog-hero__image{height:auto;min-height:197px;max-height:300px}}@media (max-width: 768px){.blog-hero{flex-direction:column;gap:1rem}.blog-hero__image{width:100%;height:auto;max-height:200px}.blog-hero__title{font-size:1.5rem}.blog-hero__content{min-height:auto}}.dark .blog-hero__summary{background:var(--bg-tertiary)}.author-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-radius:8px}.author-info__content{flex:1}.author-info__details{display:flex;align-items:center;gap:1rem}.author-info__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-info__text{flex:1}.author-info__name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.author-info__bio{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.author-info__comment-btn{flex-shrink:0;margin-left:1rem}@media (max-width: 768px){.author-info{flex-direction:column;gap:1rem;text-align:center}.author-info__comment-btn{margin-left:0;width:100%}.author-info__details{justify-content:center}}.author-info--compact{flex-direction:row;align-items:center;background:transparent}.author-info--compact .author-info__content{flex:1}.author-info--compact .author-info__details{margin-bottom:0}.author-info--compact .author-info__comment-btn{margin-left:1rem;flex-shrink:0}.dark .author-info{background:var(--bg-tertiary)}.dark .author-info--compact{background:transparent}.social-share__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.social-share__buttons{display:flex;flex-direction:column;gap:.75rem}.social-share__button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s ease}.social-share__button:hover{background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.blog-category-tree{display:flex;flex-direction:column;gap:.25rem}.blog-category-tree__all{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.blog-category-tree__all:hover{background:var(--bg-hover);color:var(--text-primary)}.blog-category-tree__all--selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.blog-category-tree__item{position:relative}.blog-category-tree__content{display:flex;align-items:center;padding-left:calc(var(--level, 0) * 1.5rem);border-radius:6px;transition:all .2s ease;position:relative;padding-right:3rem}.blog-category-tree__content--selected .blog-category-tree__button{background:var(--color-primary);color:#fff}.blog-category-tree__arrow{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease;border-left:1px solid var(--border-color);padding:.25rem .25rem .25rem .75rem}.blog-category-tree__arrow:hover{background:var(--bg-hover);color:var(--text-primary);border-left-color:var(--color-primary)}.blog-category-tree__button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:500;flex:1}.blog-category-tree__button:hover{background:var(--bg-hover);color:var(--text-primary)}.blog-category-tree__name{flex:1;text-align:left}.blog-category-tree__count{background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;margin-right:.5rem}.blog-category-tree__children{margin-top:.25rem;padding-left:1rem;border-left:2px solid var(--border-color);margin-left:1.75rem;animation:expandDown .25s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.documentation-manager-plugin .documentation{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.6!important;color:#333!important;background-color:#fff!important;min-height:100vh!important;position:relative!important;width:100%!important;height:100vh!important;overflow:hidden!important}.documentation-manager-plugin .header{background:#fff!important;border-bottom:1px solid #e1e5e9!important;padding:0 2rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:64px!important;position:sticky!important;top:0!important;z-index:100!important}.documentation-manager-plugin .header__logo{font-size:1.25rem!important;font-weight:600!important;color:#2563eb!important;text-decoration:none!important}.documentation-manager-plugin .header__nav{display:flex!important;align-items:center!important}.documentation-manager-plugin .nav{display:flex!important;list-style:none!important;gap:2rem!important}.documentation-manager-plugin .nav__link{color:#64748b!important;text-decoration:none!important;font-weight:500!important;transition:color .2s!important}.documentation-manager-plugin .nav__link:hover{color:#2563eb!important}.documentation-manager-plugin .main{display:flex!important;min-height:calc(100vh - 64px)!important;position:relative!important}.documentation-manager-plugin .sidebar{width:280px!important;background:#f8fafc!important;border-right:1px solid #e1e5e9!important;padding:2rem 0!important;overflow-y:auto!important;flex-shrink:0!important;height:calc(100vh - 64px)!important}.documentation-manager-plugin .content{flex:1!important;padding:2rem!important;overflow-y:auto!important;height:calc(100vh - 64px)!important}.documentation-manager-plugin .sidebar-nav__title{font-size:.875rem!important;font-weight:600!important;color:#374151!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0 1.5rem .75rem!important}.documentation-manager-plugin .sidebar-nav__list{list-style:none!important;margin-bottom:2rem!important}.documentation-manager-plugin .sidebar-nav__link{display:block!important;padding:.5rem 1.5rem!important;color:#64748b!important;text-decoration:none!important;font-size:.875rem!important;transition:all .2s!important}.documentation-manager-plugin .sidebar-nav__link:hover,.documentation-manager-plugin .sidebar-nav__link--active{background:#e2e8f0!important;color:#2563eb!important}.documentation-manager-plugin .hero{margin-bottom:4rem!important}.documentation-manager-plugin .hero__title{font-size:3rem!important;font-weight:700!important;color:#1e293b!important;margin-bottom:1rem!important;line-height:1.2!important}.documentation-manager-plugin .hero__subtitle{font-size:1.25rem!important;color:#64748b!important;margin-bottom:2rem!important;max-width:600px!important}.documentation-manager-plugin .hero-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:2rem!important;margin-top:2rem!important}.documentation-manager-plugin .stat{text-align:center!important}.documentation-manager-plugin .stat__value{display:block!important;font-size:2rem!important;font-weight:700!important;color:#2563eb!important}.documentation-manager-plugin .stat__label{font-size:.875rem!important;color:#64748b!important;margin-top:.25rem!important}.documentation-manager-plugin .features-section{margin-bottom:4rem!important}.documentation-manager-plugin .features-section h2{font-size:2rem!important;font-weight:600!important;color:#1e293b!important;margin-bottom:2rem!important}.documentation-manager-plugin .feature-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important}.documentation-manager-plugin .feature-card{background:#fff!important;border:1px solid #e1e5e9!important;border-radius:8px!important;padding:2rem!important;transition:all .2s!important}.documentation-manager-plugin .feature-card:hover{border-color:#2563eb!important;box-shadow:0 4px 12px #2563eb1a!important}.documentation-manager-plugin .feature-card__icon{font-size:2rem!important;margin-bottom:1rem!important}.documentation-manager-plugin .feature-card__title{font-size:1.25rem!important;font-weight:600!important;color:#1e293b!important;margin-bottom:.75rem!important}.documentation-manager-plugin .feature-card__description{color:#64748b!important;margin-bottom:1.5rem!important;line-height:1.6!important}.documentation-manager-plugin .feature-card__link{color:#2563eb!important;text-decoration:none!important;font-weight:500!important;font-size:.875rem!important}.documentation-manager-plugin .getting-started{margin-bottom:4rem!important}.documentation-manager-plugin .getting-started h2{font-size:2rem!important;font-weight:600!important;color:#1e293b!important;margin-bottom:2rem!important}.documentation-manager-plugin .tab-container{background:#fff!important;border:1px solid #e1e5e9!important;border-radius:8px!important;overflow:hidden!important}.documentation-manager-plugin .tab-container__header{display:flex!important;background:#f8fafc!important;border-bottom:1px solid #e1e5e9!important}.documentation-manager-plugin .tab-container__tab{flex:1!important;padding:1rem!important;background:none!important;border:none!important;font-weight:500!important;color:#64748b!important;cursor:pointer!important;transition:all .2s!important}.documentation-manager-plugin .tab-container__tab:hover{background:#e2e8f0!important}.documentation-manager-plugin .tab-container__tab--active{background:#fff!important;color:#2563eb!important;border-bottom:2px solid #2563eb!important}.documentation-manager-plugin .tab-container__content{padding:2rem!important}.documentation-manager-plugin .tab-container__content--active{display:block!important}.documentation-manager-plugin .code-example{margin:1.5rem 0!important;border:1px solid #e1e5e9!important;border-radius:8px!important;overflow:hidden!important}.documentation-manager-plugin .code-example__header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1rem!important;background:#f8fafc!important;border-bottom:1px solid #e1e5e9!important;font-size:.875rem!important;font-weight:500!important}.documentation-manager-plugin .code-example__copy{background:#2563eb!important;color:#fff!important;border:none!important;padding:.25rem .75rem!important;border-radius:4px!important;font-size:.75rem!important;cursor:pointer!important}.documentation-manager-plugin .code-example pre{margin:0!important;padding:1rem!important;background:#1e293b!important;color:#e2e8f0!important;overflow-x:auto!important;font-family:Monaco,Menlo,monospace!important;font-size:.875rem!important}.documentation-manager-plugin .search-toggle,.documentation-manager-plugin .menu-toggle{background:none!important;border:none!important;padding:.5rem!important;cursor:pointer!important;color:#64748b!important;transition:color .2s!important}.documentation-manager-plugin .search-toggle:hover,.documentation-manager-plugin .menu-toggle:hover{color:#2563eb!important}@media (max-width: 768px){.documentation-manager-plugin .header{padding:0 1rem!important}.documentation-manager-plugin .nav{display:none!important}.documentation-manager-plugin .main{flex-direction:column!important}.documentation-manager-plugin .sidebar{width:100%!important;order:2!important}.documentation-manager-plugin .content{padding:1rem!important}.documentation-manager-plugin .hero__title{font-size:2rem!important}.documentation-manager-plugin .hero-stats{grid-template-columns:repeat(2,1fr)!important}.documentation-manager-plugin .feature-grid{grid-template-columns:1fr!important}}.documentation-manager-plugin .search-panel{position:fixed!important;top:64px!important;left:0!important;right:0!important;background:#fff!important;border-bottom:1px solid #e1e5e9!important;transform:translateY(-100%)!important;transition:all .3s ease!important;z-index:999!important;box-shadow:0 4px 12px #0000001a!important;opacity:0!important;visibility:hidden!important;max-height:400px!important}.documentation-manager-plugin .search-panel--open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.documentation-manager-plugin .search-panel-backdrop{position:fixed!important;inset:0!important;background:#00000080!important;z-index:998!important;opacity:0!important;animation:fadeIn .3s ease forwards!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-panel__container{max-width:800px;margin:0 auto;padding:2rem}.search{position:relative}.search__input{width:100%;padding:1rem 1.5rem;font-size:1.125rem;border:2px solid #e1e5e9;border-radius:8px;outline:none;transition:border-color .2s}.search__input:focus{border-color:#2563eb}.search__results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-top:none;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;display:none}.search__results--visible{display:block}.search-result{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s}.search-result:hover{background:#f8fafc}.search-result:last-child{border-bottom:none}.search-result__title{font-weight:600;color:#1e293b;margin-bottom:.25rem}.search-result__excerpt{font-size:.875rem;color:#64748b;line-height:1.4}.search-result__category{font-size:.75rem;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.search__result{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s}.search__result:hover{background:#f8fafc}.search__result:last-child{border-bottom:none}.search__result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.search__result-icon{font-size:1.25rem}.search__result-title{font-weight:600;color:#1e293b;flex:1}.search__result-type{font-size:.75rem;color:#2563eb;text-transform:uppercase;letter-spacing:.05em}.search__result-snippet{font-size:.875rem;color:#64748b;line-height:1.4;margin-bottom:.25rem}.search__result-section{font-size:.75rem;color:#94a3b8}.search__no-results{padding:2rem;text-align:center;color:#64748b}.search__no-results p{font-weight:500;margin-bottom:.5rem}.search__no-results small{font-size:.875rem;color:#94a3b8}.search-highlight{background:#fef3c7;padding:.125rem .25rem;border-radius:2px}.documentation{width:100%;height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff}.documentation__loading,.documentation__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem}.documentation__loading .loading-spinner{font-size:2rem;margin-bottom:1rem}.documentation__error .error-message{color:#dc2626;font-size:1.125rem}.documentation-manager-plugin .header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1e293b;color:#fff;box-shadow:0 1px 3px #0000001a}.header__brand{display:flex;align-items:center;gap:.75rem}.header__icon{font-size:1.5rem}.header__title{font-size:1.25rem;font-weight:600;margin:0}.header__nav{flex:1;display:flex;justify-content:center}.nav{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav__item{margin:0}.nav__link{color:#fffc;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s ease}.nav__link:hover{color:#fff;background:#ffffff1a}.nav__link--active{color:#fff;background:#fff3}.header__controls{display:flex;align-items:center;gap:1rem}.search-toggle,.admin-toggle,.admin-panel-btn,.menu-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.search-toggle:hover,.admin-toggle:hover,.admin-panel-btn:hover,.menu-toggle:hover{color:#fff;background:#ffffff1a}.admin-toggle--active{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.header__user{display:flex;align-items:center;gap:.5rem}.user-role{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.user-role--admin{background:#dc2626;color:#fff}.user-role--editor{background:#f59e0b;color:#fff}.user-role--user{background:#6b7280;color:#fff}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;overflow-y:auto}.sidebar-nav{padding:1.5rem 1rem}.sidebar-nav__title{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.sidebar-nav__list{list-style:none;margin:0 0 2rem;padding:0}.sidebar-nav__item{margin:0}.sidebar-nav__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#4b5563;text-decoration:none;border-radius:.375rem;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.sidebar-nav__link:hover{background:#f3f4f6;color:#1f2937}.sidebar-nav__link--active{background:#eff6ff;color:#2563eb;border-left-color:#2563eb}.sidebar-nav__icon{font-size:1rem;width:1.25rem;text-align:center}.sidebar-nav__text{flex:1}.sidebar-nav__sublist{list-style:none;margin:.5rem 0 0;padding:0 0 0 2rem}.sidebar-nav__notice{margin-top:2rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem}.sidebar-nav__notice-text{font-size:.875rem;color:#92400e;margin:0;line-height:1.5}.sidebar-nav__notice-text a{color:#d97706;text-decoration:underline}.content{flex:1;padding:2rem;overflow-y:auto;background:#fff}.content-loading,.content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.content-loading .loading-spinner{font-size:2rem;margin-bottom:1rem}.content-error .error-icon{font-size:3rem;margin-bottom:1rem;color:#dc2626}.content-section{margin-bottom:3rem;scroll-margin-top:2rem}.content-section__title{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.content-section__body{font-size:1rem;line-height:1.7;color:#374151}.content-section__body h1,.content-section__body h2,.content-section__body h3,.content-section__body h4,.content-section__body h5,.content-section__body h6{margin:1.5rem 0 1rem;font-weight:600;color:#1f2937}.content-section__body p{margin:0 0 1rem}.content-section__body ul,.content-section__body ol{margin:0 0 1rem;padding-left:1.5rem}.content-section__body li{margin:.25rem 0}.content-section__body code{background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.content-section__body pre{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.content-section__body pre code{background:none;padding:0;color:inherit}.content-section__excerpt{font-size:.875rem;color:#6b7280;font-style:italic;margin:1rem 0 0}.navigation-helper{position:fixed;top:20px;left:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:16px;z-index:1000;min-width:250px}.navigation-helper__title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.navigation-helper__routes{display:flex;flex-direction:column;gap:4px}.navigation-helper__route{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#374151;font-size:13px;transition:all .15s ease;border:1px solid transparent}.navigation-helper__route:hover{background:#f9fafb;border-color:#e5e7eb}.navigation-helper__route--current{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.navigation-helper__route--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navigation-helper__icon{font-size:16px;width:20px;text-align:center}.navigation-helper__name{flex:1;font-weight:500}.navigation-helper__current{font-size:10px;padding:2px 6px;background:#3b82f6;color:#fff;border-radius:10px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.navigation-helper__locked{font-size:12px;color:#6b7280}.navigation-helper__notice{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.navigation-helper__notice p{font-size:11px;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.navigation-helper{display:none}}.documentation-library--texteditor{--library-primary: #2563eb;--library-secondary: #3b82f6;--library-accent: #1d4ed8;--library-bg: #f8fafc;--library-text: #1e293b}.documentation-library--texteditor .header{background:var(--library-primary);color:#fff}.documentation-library--texteditor .header__title{color:#fff}.documentation-library--texteditor .nav__link--active{color:var(--library-accent);border-bottom-color:var(--library-accent)}.documentation-library--texteditor .sidebar-nav__link--active{color:var(--library-primary);border-left-color:var(--library-primary);background-color:#2563eb1a}.documentation-library--texteditor .sidebar-nav__link:hover{color:var(--library-secondary);background-color:#2563eb0d}.documentation-library--texteditor .content-section__title{color:var(--library-primary);border-bottom-color:var(--library-secondary)}.documentation-library--texteditor .hero__title{color:var(--library-primary)}.documentation-library--texteditor .stat__value{color:var(--library-accent)}.documentation-library--texteditor .search__input:focus{border-color:var(--library-primary);box-shadow:0 0 0 2px #2563eb33}.documentation-library--texteditor .search__result-button:hover{background-color:#2563eb1a}.documentation-library--texteditor.admin-mode .content-section--editable:hover{outline-color:var(--library-primary)}.documentation-library--texteditor .admin-toggle--active{background-color:var(--library-primary);color:#fff}.documentation-library--site{--library-primary: #059669;--library-secondary: #10b981;--library-accent: #047857;--library-bg: #f0fdf4;--library-text: #1e293b}.documentation-library--site .header{background:var(--library-primary);color:#fff}.documentation-library--site .header__title{color:#fff}.documentation-library--site .nav__link--active{color:var(--library-accent);border-bottom-color:var(--library-accent)}.documentation-library--site .sidebar-nav__link--active{color:var(--library-primary);border-left-color:var(--library-primary);background-color:#0596691a}.documentation-library--site .sidebar-nav__link:hover{color:var(--library-secondary);background-color:#0596690d}.documentation-library--site .content-section__title{color:var(--library-primary);border-bottom-color:var(--library-secondary)}.documentation-library--site .hero__title{color:var(--library-primary)}.documentation-library--site .stat__value{color:var(--library-accent)}.documentation-library--site .search__input:focus{border-color:var(--library-primary);box-shadow:0 0 0 2px #05966933}.documentation-library--site .search__result-button:hover{background-color:#0596691a}.documentation-library--site.admin-mode .content-section--editable:hover{outline-color:var(--library-primary)}.documentation-library--site .admin-toggle--active{background-color:var(--library-primary);color:#fff}.admin-controls{display:flex;align-items:center;gap:8px}.admin-toggle{background:#007cba;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.admin-toggle:hover{background:#005a87}.admin-toggle.active{background:#28a745}.admin-toggle.active:hover{background:#1e7e34}.admin-mode .editable-text:hover{outline:2px dashed #007cba;cursor:pointer;background:#007cba1a;position:relative}.admin-mode .editable-text:hover:after{content:"Double-click to edit";position:absolute;top:-25px;left:0;background:#007cba;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;z-index:100}.admin-mode .editable-content:hover{outline:2px dashed #28a745;cursor:pointer;background:#28a7451a;position:relative}.admin-mode .editable-content:hover:after{content:"Double-click to edit";position:absolute;top:-25px;left:0;background:#28a745;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;z-index:100}.admin-mode .sidebar-nav__link:hover{outline:2px dashed #ffc107;background:#ffc1071a}.context-menu{position:fixed;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;min-width:150px}.context-menu__item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s}.context-menu__item:hover{background:#f8f9fa}.context-menu__item--disabled{opacity:.5;cursor:not-allowed}.context-menu__icon{font-size:16px}.context-menu__label{flex:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.loading-spinner span{font-size:32px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inline-editor{border:2px solid #007cba;padding:8px;background:#f8f9fa;border-radius:4px;margin:4px 0}.editor-input,.editor-textarea{width:100%;border:1px solid #ddd;padding:8px;border-radius:4px;font-family:inherit;font-size:inherit;resize:vertical}.editor-input:focus,.editor-textarea:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 2px #007cba33}.editor-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.editor-actions button{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px}.editor-actions button:hover{background:#f8f9fa}.editor-actions button:disabled{opacity:.6;cursor:not-allowed}.editor-hint{color:#666;font-size:11px;margin-left:auto}.export-all-btn{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;transition:background-color .2s}.export-all-btn:hover{background:#1e7e34}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px}.modal-close:hover{color:#333}.modal-body{padding:20px}.format-converter{max-width:100%}.converter-title{margin:0 0 16px;font-size:16px;color:#333}.converter-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.error-dismiss{background:none;border:none;color:#721c24;cursor:pointer;margin-left:auto;font-size:16px}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.format-option{border:1px solid #ddd;border-radius:6px;padding:16px;background:#f8f9fa}.format-info h4{margin:0 0 8px;font-size:14px;color:#333}.format-description{margin:0 0 8px;font-size:12px;color:#666}.format-extension{background:#007cba;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700}.format-actions{display:flex;gap:8px;margin-top:12px}.preview-btn,.download-btn{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:background-color .2s}.preview-btn:hover{background:#f8f9fa}.download-btn{background:#007cba;color:#fff;border-color:#007cba}.download-btn:hover{background:#005a87}.download-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;animation:spin 1s linear infinite}.converter-info{background:#e7f3ff;padding:12px;border-radius:4px;border-left:4px solid #007cba}.info-text{margin:0;font-size:13px;color:#333}.admin-actions{display:flex;gap:8px;align-items:center}.admin-panel-btn{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.admin-panel-btn:hover{background:#5a6268}.admin-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000}.admin-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:95%;max-width:1200px;height:90vh;max-height:800px;display:flex;flex-direction:column}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0}.admin-modal-header h3{margin:0;font-size:18px;color:#333}.admin-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.doc-admin-panel{display:flex;height:100%;width:100%}.admin-content{flex:1;overflow-y:auto;padding:20px}@media (max-width: 768px){.admin-modal-content{width:98%;height:95vh;margin:2.5vh 1%}.admin-actions{flex-wrap:wrap}.admin-panel-btn,.export-all-btn{font-size:12px;padding:4px 8px}}.admin-manager-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f8fafc}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.admin-header__brand{display:flex;align-items:center;gap:.5rem}.admin-header__title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.admin-header__role{font-size:.875rem;color:#64748b;font-weight:400}.admin-header__controls{display:flex;align-items:center;gap:2rem}.library-switcher{display:flex;align-items:center;gap:.5rem}.library-switcher__label{font-size:.875rem;font-weight:500;color:#374151}.library-switcher__buttons{display:flex;gap:.25rem}.library-switcher__button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.library-switcher__button:hover{background:#f3f4f6}.library-switcher__button--active{background:#3b82f6;color:#fff;border-color:#3b82f6}.view-switcher{display:flex;align-items:center;gap:.5rem}.view-switcher__label{font-size:.875rem;font-weight:500;color:#374151}.view-switcher__buttons{display:flex;gap:.25rem}.view-switcher__button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.view-switcher__button:hover{background:#f3f4f6}.view-switcher__button--active{background:#059669;color:#fff;border-color:#059669}.admin-header__actions{display:flex;gap:.5rem}.admin-header__action{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;text-decoration:none;color:#374151;cursor:pointer;transition:all .2s}.admin-header__action:hover{background:#f3f4f6}.admin-content{flex:1;overflow:auto;padding:2rem}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem}.admin-access-denied h1{font-size:2rem;color:#dc2626;margin-bottom:1rem}.admin-access-denied p{font-size:1.125rem;color:#64748b;margin-bottom:2rem}.admin-access-denied a{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500}.documentation-library--admin-mode .content-section--editable{position:relative;transition:all .2s ease}.documentation-library--admin-mode .content-section--editable:hover{outline:2px dashed #f59e0b;outline-offset:4px;cursor:pointer}.documentation-library--admin-mode .content-section--editable:hover:after{content:"✏️ Click to edit";position:absolute;top:-30px;right:0;background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:10;white-space:nowrap}.content-section--locked{position:relative;opacity:.7}.content-section--locked:before{content:"";position:absolute;inset:0;background:#ef44441a;border:2px solid #ef4444;border-radius:4px;z-index:1}.content-section--locked:after{content:"🔒 " attr(data-locked-by);position:absolute;top:-30px;right:0;background:#ef4444;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:10;white-space:nowrap}.content-section__lock-notice{position:absolute;top:10px;right:10px;background:#ef4444e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:5}.admin-notice{position:fixed;bottom:20px;right:20px;background:#f59e0b;color:#fff;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;z-index:1000;box-shadow:0 4px 6px #0000001a}.websocket-notification{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 4px 6px #0000001a;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.context-menu{position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:200px;overflow:hidden}.context-menu__list{list-style:none;margin:0;padding:4px 0}.context-menu__item{margin:0}.context-menu__button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .15s ease}.context-menu__button:hover{background-color:#f3f4f6}.context-menu__button--disabled{color:#9ca3af;cursor:not-allowed}.context-menu__button--disabled:hover{background-color:transparent}.context-menu__icon{font-size:16px;width:20px;text-align:center}.context-menu__label{flex:1;font-weight:500}.context-menu{animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inline-editor{position:relative;background:#fff;border:2px solid #3b82f6;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:100}.inline-editor__container{padding:16px}.inline-editor__textarea{width:100%;min-height:120px;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s ease}.inline-editor__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.inline-editor__html{min-height:120px;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;outline:none;transition:border-color .15s ease}.inline-editor__html:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.inline-editor__toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.inline-editor__info{display:flex;align-items:center;gap:12px}.inline-editor__status{font-size:12px;font-weight:500;color:#3b82f6}.inline-editor__shortcuts{font-size:11px;color:#6b7280}.inline-editor__actions{display:flex;gap:8px}.inline-editor__action{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.inline-editor__action--cancel{background:#fff;color:#6b7280}.inline-editor__action--cancel:hover{background:#f9fafb;border-color:#9ca3af}.inline-editor__action--save{background:#3b82f6;color:#fff;border-color:#3b82f6}.inline-editor__action--save:hover{background:#2563eb}.inline-editor__action:disabled{opacity:.5;cursor:not-allowed}.inline-editor__error{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px}.inline-editor__error-icon{font-size:14px}.inline-editor__error-text{font-size:12px;color:#dc2626}.inline-editor__lock-indicator{position:absolute;top:-30px;left:0;background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.inline-editor{animation:inlineEditorSlideIn .2s ease}@keyframes inlineEditorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-manager{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.content-manager__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.content-manager__title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.content-manager__stats{display:flex;gap:16px}.stat{font-size:14px;color:#6b7280}.content-manager__create-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.content-manager__create-btn:hover{background:#2563eb}.content-manager__create-btn:disabled{opacity:.5;cursor:not-allowed}.content-manager__body{display:flex;flex:1;overflow:hidden}.content-manager__list{width:400px;border-right:1px solid #e5e7eb;overflow-y:auto}.content-manager__editor{flex:1;overflow-y:auto}.content-list{height:100%}.content-list__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.content-list__title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.content-list__count{font-size:12px;color:#6b7280}.content-list__items{padding:8px 0}.content-item{padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s ease}.content-item:hover{background:#f9fafb}.content-item--selected{background:#eff6ff;border-left:4px solid #3b82f6}.content-item__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.content-item__title{font-size:14px;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.status-badge{padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge--published{background:#d1fae5;color:#065f46}.status-badge--draft{background:#fef3c7;color:#92400e}.content-item__body{margin-bottom:8px}.content-item__excerpt,.content-item__preview{font-size:12px;color:#6b7280;line-height:1.4;margin:0}.content-item__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.content-item__date,.content-item__author,.content-item__slug{font-size:10px;color:#9ca3af}.content-item__actions{display:flex;gap:4px}.content-item__action{padding:4px 8px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:10px;cursor:pointer;transition:all .15s ease}.content-item__action:hover{background:#f3f4f6}.content-item__action--edit:hover{border-color:#3b82f6;color:#3b82f6}.content-item__action--view:hover{border-color:#059669;color:#059669}.content-item__action--delete:hover{border-color:#dc2626;color:#dc2626}.content-item__action:disabled{opacity:.5;cursor:not-allowed}.content-manager__empty,.content-list__empty{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.empty-state{text-align:center;max-width:300px}.empty-state__icon{font-size:48px;margin-bottom:16px;display:block}.empty-state__title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state__description{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5}.empty-state__action{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.empty-state__action:hover{background:#2563eb}.content-manager--loading,.content-list--loading{display:flex;align-items:center;justify-content:center;height:100%}.loading-spinner{text-align:center}.loading-spinner span{font-size:24px;margin-bottom:8px;display:block}.loading-spinner p{font-size:14px;color:#6b7280;margin:0}.content-form{height:100%;display:flex;flex-direction:column;background:#fff}.content-form__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.content-form__title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.content-form__actions{display:flex;gap:8px}.content-form__cancel{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s ease}.content-form__cancel:hover{background:#f9fafb;border-color:#9ca3af}.content-form__form{flex:1;padding:24px;overflow-y:auto}.form-field{margin-bottom:20px}.form-field__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-field__input,.form-field__textarea,.form-field__select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.form-field__input:focus,.form-field__textarea:focus,.form-field__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-field__input--error,.form-field__textarea--error{border-color:#dc2626}.form-field__input--error:focus,.form-field__textarea--error:focus{box-shadow:0 0 0 2px #dc262633}.form-field__textarea{resize:vertical;min-height:80px}.form-field__editor{border:1px solid #d1d5db;border-radius:6px;min-height:200px;overflow:hidden}.form-field__editor--error{border-color:#dc2626}.form-field__error{display:block;font-size:12px;color:#dc2626;margin-top:4px}.form-field--checkbox{margin-bottom:16px}.form-field__checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-field__checkbox{width:16px;height:16px;margin:0}.form-field__checkbox-text{font-size:14px;color:#374151}.form-actions{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.form-actions__submit{width:100%;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.form-actions__submit:hover{background:#2563eb}.form-actions__submit:disabled{opacity:.5;cursor:not-allowed}.form-error{margin-bottom:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.form-error__text{font-size:14px;color:#dc2626;margin:0}.documentation-manager-plugin{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.6!important;color:#333!important;background-color:#fff!important;min-height:100vh!important;position:fixed!important;inset:0!important;z-index:9999!important;overflow:hidden!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.documentation-manager-plugin *,.documentation-manager-plugin *:before,.documentation-manager-plugin *:after{box-sizing:border-box!important;margin:0!important;padding:0!important}.documentation-manager-plugin h1,.documentation-manager-plugin h2,.documentation-manager-plugin h3,.documentation-manager-plugin h4,.documentation-manager-plugin h5,.documentation-manager-plugin h6{font-weight:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important}.documentation-manager-plugin p,.documentation-manager-plugin div,.documentation-manager-plugin span,.documentation-manager-plugin a,.documentation-manager-plugin button,.documentation-manager-plugin input,.documentation-manager-plugin ul,.documentation-manager-plugin li{margin:0!important;padding:0!important;border:none!important;background:none!important;font:inherit!important;color:inherit!important;text-decoration:none!important;list-style:none!important}.documentation-manager-plugin button{cursor:pointer!important;background:none!important;border:none!important}.documentation-manager-plugin input{outline:none!important;border:none!important;background:none!important}.documentation-manager-plugin a{color:inherit!important;text-decoration:none!important}.documentation-manager-plugin ul{list-style:none!important}.categories-manager{padding:1.5rem}.categories-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.categories-manager__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.categories-manager__form{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.categories-manager__loading,.categories-manager__error{text-align:center;padding:2rem;color:var(--text-secondary)}.categories-manager__error{color:var(--color-error)}.category-form{max-width:600px}.category-form__header h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.category-form__fields{display:grid;gap:1rem;margin-bottom:1.5rem}.category-form__field{display:flex;flex-direction:column}.category-form__field label{font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.category-form__field input,.category-form__field select,.category-form__field textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem}.category-form__field textarea{resize:vertical;min-height:80px}.category-form__actions{display:flex;gap:1rem;justify-content:flex-end}.category-tree__empty{text-align:center;padding:3rem;color:var(--text-secondary)}.category-tree__empty p{margin-top:1rem;font-size:1.125rem}.category-tree__item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:.5rem;background:var(--bg-primary);transition:all .2s ease}.category-tree__item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.category-tree__content{display:flex;justify-content:space-between;align-items:center;padding:1rem}.category-tree__info{flex:1}.category-tree__name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.category-tree__indent{color:var(--text-muted);font-family:monospace}.category-tree__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.category-tree__slug{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:4px}.category-tree__status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:12px;text-transform:uppercase}.category-tree__status.active{background:var(--success-100, #dcfce7);color:var(--success-600, #16a34a)}.category-tree__status.inactive{background:var(--error-100, #fee2e2);color:var(--error-600, #dc2626)}.category-tree__description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.category-tree__actions{display:flex;gap:.5rem}.category-tree__children{border-top:1px solid var(--border-color);background:var(--bg-secondary)}.category-tree__children .category-tree__item{margin:.5rem}.category-tree__children .category-tree__item:last-child{margin-bottom:.5rem}.website-editor-tabs{height:100%;display:flex;flex-direction:column}.website-editor-tabs__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-primary);padding:0 1rem}.website-editor-tabs__tab-group{display:flex}.website-editor-tabs__nav{display:flex;gap:0}.website-editor-tabs__actions{display:flex;gap:.5rem}.website-editor-tabs__tab{padding:1rem 1.5rem;border:none;background:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.website-editor-tabs__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.website-editor-tabs__tab:focus{outline:2px solid var(--color-primary);outline-offset:2px}.website-editor-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-primary)}.website-editor-tabs__tab-label{font-size:.875rem}.website-editor-tabs__content{flex:1;overflow:auto;background:var(--bg-primary)}@media (max-width: 768px){.categories-manager{padding:1rem}.categories-manager__header{flex-direction:column;gap:1rem;align-items:stretch}.category-tree__content{flex-direction:column;align-items:flex-start;gap:.75rem}.category-tree__actions{align-self:flex-end}.category-form__actions{flex-direction:column}.website-editor-tabs__nav{overflow-x:auto}.website-editor-tabs__tab{white-space:nowrap;min-width:120px}}.admin-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.admin-breadcrumb__item{color:var(--color-text-secondary);transition:color .2s ease}.admin-breadcrumb__item--active{color:var(--color-primary);font-weight:500}.admin-breadcrumb__item--current{color:var(--color-text-primary);font-weight:500}.admin-breadcrumb__separator{color:var(--color-text-muted);font-weight:300}.admin-categories__tabs{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-border);margin-bottom:2rem}.admin-categories__tab-group{display:flex}.admin-categories__actions{display:flex;gap:.5rem}.admin-categories__tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.admin-categories__tab:hover{color:var(--color-text-primary);background-color:var(--color-background-secondary)}.admin-categories__tab:focus{outline:2px solid var(--color-primary);outline-offset:2px}.admin-categories__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-background-secondary)}.admin-categories__content,.documentation-category-manager{width:100%}.documentation-category-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.documentation-category-manager__title-section{flex:1}.documentation-category-manager__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.documentation-category-manager__description{color:var(--color-text-secondary);margin:0}.documentation-category-manager__content{width:100%}.documentation-category-manager__loading,.documentation-category-manager__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.documentation-category-manager__loading p,.documentation-category-manager__error p{margin:1rem 0;color:var(--color-text-secondary)}.blog-category-manager__actions{margin-bottom:2rem}.product-categories-manager,.product-categories-manager .categories-manager,.product-categories-section{width:100%}.admin-info-banner{background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #bfdbfe);border-radius:6px;padding:1rem;margin-bottom:1.5rem}.admin-info-banner__content{color:var(--color-info-text, #1e40af);font-size:.875rem;line-height:1.4}.admin-info-banner__content strong{font-weight:600}@media (max-width: 768px){.admin-categories__tabs{flex-direction:column;gap:1rem}.admin-categories__tab-group{flex-direction:column}.admin-categories__tab{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.admin-categories__tab--active{border-bottom-color:var(--color-primary)}.admin-categories__actions{justify-content:flex-start}.documentation-category-manager__header{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-documentation__bulk-operations{margin-bottom:2rem;padding:1rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background-secondary)}.bulk-operations__title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.bulk-operations__buttons{display:flex;gap:1rem}@media (max-width: 768px){.bulk-operations__buttons{flex-direction:column}}.products-manager{padding:1.5rem}.products-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.products-manager__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.products-manager__form{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.products-manager__loading,.products-manager__error{text-align:center;padding:2rem;color:var(--text-secondary)}.products-manager__error{color:var(--color-error)}.product-form{max-width:800px}.product-form__header h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.product-form__fields{display:grid;gap:1rem;margin-bottom:1.5rem}.product-form__field{display:flex;flex-direction:column}.product-form__field label{font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.product-form__field input,.product-form__field select,.product-form__field textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem}.product-form__field textarea{resize:vertical;min-height:80px}.product-form__field--editor{grid-column:1 / -1}.product-text-editor{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.product-text-editor__container{min-height:200px}.product-text-editor .contenteditable-editor{border:none;border-radius:0}.product-text-editor .editor-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem}.product-text-editor .editor-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem}.product-form__features{display:flex;flex-direction:column;gap:.75rem}.product-form__feature-input{display:flex;gap:.5rem}.product-form__feature-input input{flex:1}.product-form__feature-list{display:flex;flex-wrap:wrap;gap:.5rem}.product-form__feature-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--color-primary-bg);border-radius:20px;font-size:.875rem}.product-form__actions{display:flex;gap:1rem;justify-content:flex-end}.product-list__empty{text-align:center;padding:3rem;color:var(--text-secondary)}.product-list__empty p{margin-top:1rem;font-size:1.125rem}.product-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-card__image{width:100%;height:150px;overflow:hidden;background:var(--bg-secondary)}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__content{padding:1rem}.product-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.product-card__title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.product-card__category{background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.product-card__description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem}.product-card__features{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.product-card__feature{background:var(--bg-secondary);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;color:var(--text-secondary)}.product-card__feature-more{background:var(--color-primary-bg);color:var(--color-primary);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.product-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.product-card__slug{font-family:var(--font-mono)}.product-card__status{padding:.125rem .5rem;border-radius:12px;font-weight:500}.product-card__status.active{background:var(--color-success-light);color:var(--color-success)}.product-card__status.inactive{background:var(--color-error-light);color:var(--color-error)}.product-card__actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.product-card:hover .product-card__actions{opacity:1}.product-card__actions button{background:#ffffffe6;backdrop-filter:blur(4px)}.product-form__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.product-form__modal{background:var(--bg-primary);border-radius:8px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 10px 25px #0003}.product-form__image-preview{position:relative;display:inline-block}.product-form__image-preview img{max-width:200px;max-height:150px;object-fit:cover;border-radius:4px}.product-form__image-actions{display:flex;gap:.5rem;margin-top:.5rem}.product-form__image-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:2px dashed var(--border-color);border-radius:4px;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.products-manager{padding:1rem}.products-manager__header{flex-direction:column;gap:1rem;align-items:stretch}.product-list__grid{grid-template-columns:1fr}.product-form__actions{flex-direction:column}.product-form__modal{max-width:95vw;max-height:95vh}}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);padding:var(--space-6)}.widgets-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.widgets-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.widgets-card--disabled{opacity:.6;cursor:not-allowed}.widgets-card--disabled:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-sm);transform:none}.widgets-card__icon{font-size:4rem;margin-bottom:var(--space-4)}.widgets-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2);text-align:center}.widgets-card__description{font-size:var(--text-sm);color:var(--color-gray-600);text-align:center;margin-bottom:var(--space-4);flex:1}.widgets-card__footer{width:100%;display:flex;justify-content:center;padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.widgets-card__status{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.widgets-card__status--active{background:var(--color-success-100);color:var(--color-success-700)}.widgets-card__status--inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.admin-header__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-2)}.admin-header__breadcrumb-link{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}.admin-header__breadcrumb-link:hover{color:var(--color-primary-700);text-decoration:underline}.admin-header__breadcrumb-separator{color:var(--color-gray-400)}.admin-header__breadcrumb-current{color:var(--color-gray-600)}.admin-header__description{font-size:var(--text-sm);color:var(--color-gray-600);margin-top:var(--space-2)}.widgets-dashboard{padding:var(--space-6)}.widgets-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.widgets-stats__card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.widgets-stats__icon{font-size:2.5rem}.widgets-stats__content{flex:1}.widgets-stats__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.widgets-stats__label{font-size:var(--text-sm);color:var(--color-gray-600)}.widgets-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.widgets-section__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-4)}.widgets-chart{display:flex;flex-direction:column;gap:var(--space-3)}.widgets-chart__item{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:var(--space-3)}.widgets-chart__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);text-transform:capitalize}.widgets-chart__bar{height:24px;background:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.widgets-chart__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));transition:width .3s ease}.widgets-chart__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);text-align:right}.widgets-table{overflow-x:auto}.widgets-table table{width:100%;border-collapse:collapse}.widgets-table th{text-align:left;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200)}.widgets-table td{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-100)}.widgets-table tbody tr:hover{background:var(--color-gray-50)}