.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout__content{flex:1 1;overflow-y:auto;padding:1rem}.header{justify-content:space-between;padding:0 1.2rem;min-height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;gap:1rem}.header,.header__brand{display:flex;align-items:center}.header__brand{gap:.6rem}.header__logo{display:inline-flex;align-items:flex-end;gap:.18rem;height:22px}.header__logo-bar{display:block;width:4px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 0 12px rgba(37,99,235,.28)}.header__logo-bar--short{height:10px}.header__logo-bar--mid{height:15px}.header__logo-bar--tall{height:21px}.header__title{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary)}.header__nav{display:flex;gap:.45rem;flex:1 1;justify-content:center;flex-wrap:wrap}.header__nav-item{display:flex;align-items:center;padding:.5rem .9rem;background:none;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.header__nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.header__nav-item--active{background:rgba(37,99,235,.18);border-color:rgba(59,130,246,.24);color:#7cb5ff}.header__nav-label{display:inline}.header__user{display:flex;align-items:center;gap:.75rem}.header__user-info{display:flex;align-items:center;gap:.5rem}.header__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.header__user-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.header__logout{background:rgba(239,68,68,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:.45rem .75rem;cursor:pointer;transition:all .2s}.header__logout:hover{background:rgba(239,68,68,.1);border-color:var(--color-sell);color:var(--color-sell)}.header__theme-toggle{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.76rem;font-weight:600;padding:.45rem .7rem;cursor:pointer;transition:all .3s ease;line-height:1}.header__theme-toggle:hover{background:var(--bg-hover);border-color:var(--color-accent)}@media (max-width:768px){.header{padding:.75rem 1rem}.header__nav{justify-content:flex-start}.header__nav-label,.header__title,.header__user-name{display:none}}