.language-switcher{position:relative;display:inline-block}.language-switcher-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:50%;color:#000;cursor:pointer;transition:all .2s ease}.language-switcher-trigger:hover{background-color:rgba(0,0,0,.05)}.language-switcher-trigger:active{transform:scale(.96)}.language-switcher-text{display:none}@media (min-width:640px){.language-switcher-text{display:inline}}.language-switcher-dropdown{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:4px;box-shadow:0 4px 6px rgba(0,0,0,.07),0 10px 20px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;min-width:140px}.language-switcher-dropdown-bottom-right{top:100%;right:0;margin-top:8px;animation:slideDown .2s ease}.language-switcher-dropdown-top-left{bottom:100%;left:0;margin-bottom:8px;animation:slideUp .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.language-switcher-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;font-size:13px;color:#000;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.language-switcher-option:hover{background-color:rgba(0,0,0,.05)}.language-switcher-option-active{background-color:rgba(0,0,0,.08);font-weight:600}.language-switcher-option-text{flex:1 1;text-align:left}.language-switcher-checkmark{display:inline-block;width:16px;height:16px;margin-left:8px;color:#007aff;font-size:12px;font-weight:700}@media (prefers-color-scheme:dark){.language-switcher-trigger{border-color:hsla(0,0%,100%,.12);color:#fff}.language-switcher-trigger:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.16)}.language-switcher-dropdown{background:#1d1d1d;border-color:hsla(0,0%,100%,.12);box-shadow:0 4px 6px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.25)}.language-switcher-option{color:#fff}.language-switcher-option:hover{background-color:hsla(0,0%,100%,.1)}.language-switcher-option-active{background-color:hsla(0,0%,100%,.15)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-backdrop);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border-light);height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;gap:var(--space-5)}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--space-2);text-decoration:none;flex-shrink:0}.header-logo-img{height:54px;width:auto;object-fit:contain}.header-search{flex:1 1;display:flex;justify-content:center}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header-action-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease;border:none;background:transparent;cursor:pointer}.header-action-btn:hover{background:rgba(0,0,0,.05);color:var(--color-text-primary)}.header-action-btn:active{transform:scale(.96)}.header-action-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.header-user-menu{position:relative}.header-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:4px 12px 4px 4px;border-radius:40px;border:none;background:transparent;cursor:pointer;transition:all .2s ease}.header-user-btn:hover{background:rgba(0,0,0,.05)}.header-user-btn:active{transform:scale(.97)}.header-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden;flex-shrink:0}.header-user-avatar-img{width:100%;height:100%;object-fit:cover}.header-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);padding:var(--space-2);animation:scaleIn var(--transition-fast) ease-out;z-index:var(--z-dropdown)}.header-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left;border:none;background:none;text-decoration:none}.header-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header-dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--space-2) 0}.header-dropdown-item.danger{color:var(--color-error)}@media (max-width:767px){.header-inner{padding:0 var(--space-4);gap:var(--space-3);justify-content:space-between}.header-search,.header-user-name{display:none}.header-user-btn{padding:0;width:36px;height:36px;justify-content:center;border:none}.language-switcher-text{display:none!important}.language-switcher-trigger{padding:8px}}.footer{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-12) 0 var(--space-6);margin-top:auto;border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);margin-bottom:var(--space-10)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-brand-logo{display:flex;align-items:center;gap:var(--space-2)}.footer-brand-logo-img{height:48px;width:auto;object-fit:contain}.footer-brand-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px;line-height:var(--line-height-relaxed)}.footer-language-switcher{margin-top:var(--space-2)}.footer-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-accent)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (max-width:767px){.footer{padding:var(--space-8) 0 calc(var(--space-6) + var(--mobile-nav-height))}.footer-inner{padding:0 var(--space-4)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:1/-1}}.mobile-nav{display:none}@media (max-width:767px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--color-backdrop);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--color-border-light);z-index:var(--z-mobile-nav);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;max-width:500px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);text-decoration:none;font-size:10px;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);border:none;background:none;cursor:pointer;position:relative}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--color-accent)}.mobile-nav-item-add{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:none;cursor:pointer;flex-direction:row;gap:0;padding:0;font-size:0}.mobile-nav-item-add:hover{background:var(--color-accent-hover);transform:scale(1.05)}.mobile-nav-badge{position:absolute;top:-2px;right:2px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:8px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}}.scroll-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:var(--color-text-primary);background:var(--color-backdrop);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--color-border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px) scale(.8);pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-spring),visibility var(--transition-normal),background var(--transition-fast),box-shadow var(--transition-fast)}.scroll-to-top--visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.scroll-to-top svg{transition:transform var(--transition-fast)}@media (hover:hover){.scroll-to-top:hover{background:var(--color-surface);box-shadow:var(--shadow-xl)}.scroll-to-top:hover svg{transform:translateY(-2px)}}.scroll-to-top:active{transform:translateY(0) scale(.92)}.scroll-to-top:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:767px){.scroll-to-top{width:44px;height:44px;bottom:calc(var(--mobile-nav-height) + var(--space-4));right:var(--space-4)}}@media (prefers-reduced-motion:reduce){.scroll-to-top{transition:opacity var(--transition-fast),visibility var(--transition-fast);transform:none}.scroll-to-top--visible{transform:none}}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out;padding:var(--space-4)}.modal-content{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-normal) ease-out;position:relative;z-index:var(--z-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.modal-close{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;border:none;background:none}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}@media (max-width:767px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:92vh;animation:slideInUp var(--transition-normal) ease-out}}