:root{--header-bg:#111019;--header-height:70px;--primary:#3f6ad8;--danger:#d92550;--light:#f8f9fa;--dark:#343a40}.app-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid #23222a;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:999;box-shadow:0 2px 4px rgba(0,0,0,.04)}.header-left{display:flex;align-items:center;gap:20px}.menu-toggle{width:40px;height:40px;border-radius:8px;border:none;background:var(--light);cursor:pointer;font-size:20px;display:none}.page-title{display:flex;align-items:center;margin:0}.page-title .header-logo{height:30px;width:auto;display:block}.breadcrumb{display:flex;gap:8px;font-size:14px;color:#6c757d;align-items:center;margin:0;padding:0;list-style:none}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.header-right{display:flex;align-items:center;gap:16px}.header-search{width:300px;height:40px;background:var(--light);border:1px solid #e9ecef;border-radius:8px;padding:0 16px;font-size:14px;transition:all .2s}.header-search:focus{outline:0;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(63,106,216,.1)}.header-action{width:40px;height:40px;border-radius:8px;border:none;background:var(--light);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:20px}.header-action:hover{background:#e9ecef}.header-action .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;width:18px;height:18px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0,#16aaff 100%);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}@media (max-width:768px){.menu-toggle{display:block}.header-search{width:200px}.page-title{font-size:20px}.breadcrumb{display:none}}@media (max-width:576px){.app-header{padding:0 15px}.header-search{display:none}.header-right{gap:8px}}