.dpanel-header{background-color:var(--fourth-color)}.dpanel-header.style2-header{background:var(--fourth-color);border-bottom:2px solid var(--secondary-color);position:relative;overflow:hidden}.dpanel-header.style2-header:before{content:"";background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);pointer-events:none;position:absolute;inset:0}.style2-nav{z-index:1;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:relative}.style2-left{align-items:center;gap:16px;display:flex}.graduate-icon-wrapper{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #8b5cf64d}.graduate-icon-wrapper:hover{transform:scale(1.1)rotate(-5deg)}.graduate-icon{color:#fff;font-size:24px}.date-display{flex-direction:column;display:flex}.date-text{color:var(--text-primary);letter-spacing:.5px;background:linear-gradient(135deg,var(--text-primary)0%,var(--secondary-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:500}.style2-actions{align-items:center;gap:12px;display:flex}.style2-logout-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5cf64d}.style2-logout-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.style2-logout-btn:hover:before{left:100%}.style2-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}.style2-logout-btn:active{transform:translateY(0)}.style2-logout-btn svg{font-size:20px;transition:transform .3s}.style2-logout-btn:hover svg{transform:translate(4px)rotate(-10deg)}.style2-logout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width:768px){.style2-left{gap:10px}.graduate-icon-wrapper{width:36px;height:36px}.graduate-icon{font-size:18px}.date-text{font-size:.85rem}.style2-logout-btn{padding:6px 14px;font-size:.8rem}.style2-logout-btn svg{font-size:16px}}@media (max-width:500px){.style2-left{gap:8px}.graduate-icon-wrapper{width:30px;height:30px}.graduate-icon{font-size:14px}.date-text{font-size:.7rem}.style2-nav{padding:8px 12px}.style2-actions{gap:6px}.style2-logout-btn{gap:4px;padding:5px 10px;font-size:.7rem}.style2-logout-btn svg{font-size:14px}.style2-logout-btn span,.dpanel-header .nav-link span{display:none}.dpanel-header .nav-link svg{font-size:20px!important}.dpanel-header h3.title{font-size:18px!important}}.title span{animation:1.5s infinite coloring}@keyframes coloring{0%{color:#fff}50%{color:var(--secondary-color)}to{color:#fff}}