.header{background:var(--header-bg);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px var(--dark-text);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:1.5rem}.header-right{display:flex;align-items:center;gap:.75rem}.logo{display:flex;align-items:center;gap:15px}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#00d4ff 0,#09f 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 5px 20px rgba(0,212,255,.4)}.logo-text h1{font-size:28px;font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:12px;color:#dae6ff;letter-spacing:2px;text-transform:uppercase}.header-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.logo-text-item{margin:unset}.sub-header{display:flex;justify-content:space-between;z-index:2;align-items:center;border:1px solid var(--border);padding:1rem;margin:1rem 1rem 0;background:var(--card-bg);border-radius:20px}@media (max-width:768px){.header,.sub-header{flex-direction:column;align-items:center;row-gap:1rem;padding:1rem}.logo,.sub-header .page-title,.sub-header .page-title p{text-align:center}.hide-mobile{display:none!important}.logo{flex-direction:column}.tools-grid{grid-template-columns:1fr}.main-content{padding:1rem}}