.header-gradient{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 30%,#cbd5e1 70%,#94a3b8 100%);width:100%;max-width:100%;position:relative;overflow:hidden}.header-gradient:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25% 25%,rgba(100,116,139,.15) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 75%,rgba(100,116,139,.15) 1.5px,transparent 1.5px);background-position:0 0,9px 9px;background-size:18px 18px;position:absolute;top:0;bottom:0;left:0;right:0}.header-gradient:after{content:"";pointer-events:none;background-image:linear-gradient(45deg,transparent 35%,rgba(100,116,139,.08) 50%,transparent 65%);background-size:25px 25px;position:absolute;top:0;bottom:0;left:0;right:0}
.navigation-gradient{background:linear-gradient(#64748b 0%,#475569 100%);border:1px solid #334155;width:100%;max-width:100%;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.15)}.navigation-gradient:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.nav-button{color:#334155;background:linear-gradient(#e2e8f0 0%,#cbd5e1 100%);border:1px solid #94a3b8;border-right:none;font-weight:500;transition:all .2s;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.1)}.nav-button:last-child{border-right:1px solid #94a3b8}.nav-button:hover{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.15)}.nav-button.active{color:#fff;background:linear-gradient(#64748b 0%,#475569 100%);border:1px solid #475569;border-right:none;box-shadow:inset 0 1px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.1)}.nav-button.active:last-child{border-right:1px solid #475569}.nav-button.active:hover{background:linear-gradient(#6b7280 0%,#4b5563 100%);box-shadow:inset 0 1px rgba(255,255,255,.3),0 3px 6px rgba(0,0,0,.15)}