.page-header{position:sticky;top:0;z-index:100;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:var(--space-md);padding:0 1.5rem;height:var(--app-header-height,56px);min-height:var(--app-header-height,56px);max-height:var(--app-header-height,56px);display:flex;align-items:center;box-sizing:border-box;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.02);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}[data-theme=dark] .page-header{background:rgba(10,10,20,.82);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px rgba(0,0,0,.2)}.page-header-content{max-width:1540px;margin:0 auto;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 .25rem;box-sizing:border-box}.page-header-left{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:0}.page-header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.header-controls{display:flex;align-items:center;gap:var(--space-xs);padding-right:var(--space-sm);border-right:1px solid var(--border-color)}.page-header-mobile-toggle{display:none}.page-header-back{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;font-size:.82rem}.page-header-back:hover{background:var(--bg-card-hover);color:var(--color-brand);border-color:var(--color-brand);transform:translateX(-2px)}.page-header-back:active{transform:translateX(0)}.page-header-text,.page-header-title-row{display:flex;align-items:center;min-width:0}.page-header-title-row{gap:.65rem;flex-wrap:wrap}.page-header-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.015em;line-height:1.2;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.page-header-icon-box{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-brand-soft);color:var(--color-brand);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;border:1px solid rgba(2,83,174,.15);flex-shrink:0;transition:transform var(--transition-fast)}.page-header:hover .page-header-icon-box{transform:scale(1.05)}.page-header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header-subtitle{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.74rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3;white-space:nowrap;transition:all var(--transition-fast)}.page-header-subtitle-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-brand);flex-shrink:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.page-header-actions .save-status{order:999}.page-header-divider{display:none}@media (max-width:768px){.page-header{margin-left:-1rem;margin-right:-1rem;padding:0 1rem;margin-bottom:var(--space-sm);height:var(--app-header-height-mobile,50px);min-height:var(--app-header-height-mobile,50px);max-height:var(--app-header-height-mobile,50px)}.page-header-content{padding:0 .1rem;height:100%}.page-header-left{gap:.5rem}.page-header-mobile-toggle{display:flex;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:.85rem}.page-header-back{display:none!important}.page-header-title{font-size:1.02rem}.page-header-icon-box{width:28px;height:28px;font-size:.85rem}.page-header-subtitle{font-size:.7rem;padding:1px 6px}.page-header-actions button{font-size:0!important;padding:0;width:36px;height:36px;border-radius:var(--radius-sm)!important;display:flex;align-items:center;justify-content:center;gap:0}.page-header-actions button span{display:none}.page-header-actions button i,.page-header-actions button svg{font-size:1rem!important;margin:0}}@media (max-width:480px){.page-header-title{font-size:.95rem}.page-header-subtitle{display:none}}