.common-page-header{z-index:1000;-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.common-page-header.light-mode{background:#f0f0f0;box-shadow:0 2px 2px #00000015,0 -2px 2px #0000004e}.common-page-header.dark-mode{background:#000a1a;box-shadow:0 1px 1px #005ff71c,0 -2px 2px #000a1a}.header-left-section,.header-right-section{align-items:center;display:flex}.header-left-section{gap:12px}.header-right-section{gap:10px}.logo-brand{border:2px solid #0000;border-radius:8px;align-items:center;padding:6px 16px;font-weight:900;display:flex}.logo-brand.light-mode{background:#f0f0f0;box-shadow:inset 3px 3px 6px #d9d9d9,inset -3px -3px 6px #fff}.logo-brand.dark-mode{background:#000a1a;border-color:#000916;box-shadow:inset 2px 2px 4px #00050f,inset -2px -2px 4px #0a1d3a4b}.logo-text{background:linear-gradient(135deg,#f97316,#dc2626);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:900;text-decoration:none}@media (width<=768px){.logo-text{font-size:1.1rem}.logo-brand{padding:8px 12px}}@media (width<=650px){.logo-text{font-size:.9rem}}@media (width<=400px){.logo-text{font-size:.8rem}}@media (width<=350px){.logo-text{font-size:.7rem}}@media (width>=1980px){.logo-text{font-size:1.6rem}}.navigation-menu{gap:1px;display:flex;position:relative}.nav-button-main{cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.nav-button-main.light-mode{color:#2d3748;background:#f0f0f0;box-shadow:4px 4px 8px #00000015,-4px -4px 8px #fff}.nav-button-main.dark-mode{color:#cc420b;background:#000a1a;border:1px solid #000916;box-shadow:4px 4px 8px #0009,-4px -4px 8px #ffffff08}.nav-button-main.active.light-mode{background:#fafcff;box-shadow:inset 3px 3px 6px #d9d9d9,inset -3px -3px 6px #fff}.nav-button-main.active.dark-mode{background:#021027;border-color:#000916;box-shadow:inset 2px 2px 4px #00050f,inset -2px -2px 4px #0a1d3a4b}@media (width<=499px){.nav-button-main{padding:6px 10px;font-size:.72rem}}@media (width<=360px){.nav-button-main{padding:5px 8px}}.user-status-dot{background:linear-gradient(135deg,#85dd00d1,#065303);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #51ff0080}@media (width<=768px){.user-status-dot{display:none}}.user-name-text{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}@media (width<=768px){.user-name-text{font-size:.82rem}}@media (width<=480px){.user-name-text{font-size:.72rem}}@media (width<=360px){.user-name-text{font-size:.62rem}}@media (width>=1980px){.user-name-text{font-size:1rem}}.dropdown-arrow-icon{color:#bdbcbf;flex-shrink:0;margin-left:4px;font-size:.7rem}.dropdown-arrow-icon.open{color:#e3f305;transform:rotate(180deg)}.dropdown-container{position:relative}.dropdown-panel{z-index:1001;border-radius:14px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px)}.dropdown-panel.light-mode{background:#f0f0f0;box-shadow:2px 6px 24px #00000040}.dropdown-panel.dark-mode{background:linear-gradient(135deg,#000e24 0%,#000610 100%);border:2px solid #b9b6fe}@media (width<=499px){.dropdown-panel{border-radius:12px;min-width:160px;padding:5px;top:calc(100% + 6px);right:0}}@media (width>=500px) and (width<=768px){.dropdown-panel{min-width:190px;left:-20px}}@media (width>=769px){.dropdown-panel{border-radius:16px;min-width:220px;margin-left:-21px;padding:8px;top:calc(100% + 10px)}}.dropdown-item-icon{flex-shrink:0;align-items:center;margin-right:8px;font-size:1rem;display:inline-flex}.dropdown-item-button{text-align:left;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;width:calc(100% - 4px);margin:2px;padding:7px 10px;font-size:1rem;font-weight:500;display:flex}@media (width>=500px) and (width<=768px){.dropdown-item-button{padding:8px 12px;font-size:.82rem}}@media (width>=769px){.dropdown-item-button{padding:9px 14px;font-size:.9rem}}.dropdown-item-button.light-mode{color:#2d3748;border-radius:10px}.dropdown-item-button.dark-mode{color:#e2e8f0;background:#000f28;border-radius:10px;margin:2px 3px}.dropdown-item-button.light-mode:hover{background:#fbfdff;box-shadow:inset 3px 3px 6px #d9d9d9,inset -3px -3px 6px #fff}.dropdown-item-button.dark-mode:hover{background:#151b52;box-shadow:inset 2px 2px 4px #00050f,inset -2px -2px 4px #0a1d3a4b}.dropdown-item-button.danger{color:#ef4444}.dropdown-item-button.danger.light-mode:hover{box-shadow:none;background:#000}.dropdown-item-button.danger.dark-mode:hover{box-shadow:none;background:#fffbfb}.theme-toggle-button{cursor:pointer;z-index:10;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle-button.desktop{width:35px;height:35px}.theme-toggle-button.mobile{width:32px;height:32px}.theme-toggle-button.light-mode{background:#fff;box-shadow:5px 5px 12px #0000001d,-5px -5px 12px #fff}.theme-toggle-button.dark-mode{background:#000740;box-shadow:5px 5px 12px #0202028d,-5px -5px 10px #01010113}.theme-toggle-button:hover{transform:scale(1.08)}.theme-toggle-button:active{transform:scale(.95)}.theme-toggle-button:hover .moon-icon,.theme-toggle-button:hover .sun-icon{transform:scale(1.1)}.theme-toggle-button:active .moon-icon,.theme-toggle-button:active .sun-icon{transform:scale(.9)}.theme-toggle-button.light-mode:hover .sun-icon{filter:drop-shadow(0 0 12px #d79002e6)}.theme-toggle-button.dark-mode:hover .moon-icon{filter:drop-shadow(0 0 10px #c5c5c566)}@media (prefers-reduced-motion:reduce){.theme-toggle-button,.dropdown-arrow-icon,.dropdown-item-button,.nav-button-main,.moon-icon,.sun-icon{transition:none}}.basic-page-footer{border-top:none;margin-top:auto;margin-bottom:0;padding:32px 24px;position:relative}@media (width<=600px){.basic-page-footer{padding:24px 16px}}.basic-page-footer[data-theme=light]{color:#2d3748;background:#f0f0f0;box-shadow:0 -4px 20px #00000012,0 2px 10px #0000000b}.basic-page-footer[data-theme=dark]{color:#e2e8f0;background:#000a1a;box-shadow:0 -4px 20px #00000050,0 2px 10px #0000004b}.copyright{border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:.82rem;font-weight:600;display:flex}.basic-page-footer[data-theme=light] .copyright{color:#718096;background:#f0f0f0;box-shadow:inset 3px 3px 6px #d9d9d9,inset -3px -3px 6px #fff}.basic-page-footer[data-theme=dark] .copyright{color:#a0aec0;background:#000a1a;box-shadow:inset 3px 3px 6px #0000008c,inset -3px -3px 6px #0000001f}.copyright-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.dev-warning{color:#856404;text-align:center;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:.6rem;line-height:1.5;display:block}