.header{position:sticky;top:0;z-index:20;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(40,150,86,.08);box-shadow:0 4px 24px rgba(26,60,47,.06)}.logo{flex:1;font:700 25px Poppins,sans-serif;color:#ff7a7a;text-decoration:none}.logoImg{height:3.25rem;width:auto;transition:filter .3s ease}.navbar{gap:.5rem;flex:none}.nav-item,.navbar{display:flex;align-items:center}.nav-item{flex-direction:column;gap:2px;padding:6px 14px;border-radius:12px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .15s ease;color:#b45309;font:600 14px DM Sans,sans-serif}.nav-item:hover{background-color:rgba(255,149,5,.12);color:#c2410c}.nav-item.active{color:#ea580c;background:linear-gradient(180deg,rgba(255,149,5,.18),rgba(255,149,5,.08));box-shadow:0 1px 0 rgba(255,149,5,.25)}.nav-icon{transition:all .3s ease}.nav-item.active .nav-icon{color:#ff7a00}.nav-label{font-size:12px;font-weight:500;letter-spacing:.3px}.navbar-tutor{background:transparent;border-radius:0;padding:0;margin:0}.navbar-tutor a{color:inherit;font-weight:600}.navbar-student{background:transparent;border-radius:0;padding:0;margin:0}.navbar-student a{color:inherit;font-weight:600}.right-block{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.header-locale-wrap{display:flex;align-items:center;flex-shrink:0}.auth-buttons{display:flex;gap:1rem}.btn-header{padding:.4rem 1rem;font:600 14px DM Sans,sans-serif;border-radius:9999px;border:2px solid #ff9505;background:transparent;color:#ff9505;cursor:pointer;transition:background .25s,color .25s}.btn-header:hover{background:#eef2ff}.btn-header--primary{background:#262528;color:#fff}.btn-header--primary:hover{background:#39383c}.role-indicator{display:flex;align-items:center;margin-right:.5rem}.role-badge{padding:5px 14px;font:700 12px DM Sans,sans-serif;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease}.role-badge.student{background:#fef3c7;color:#92400e}.role-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.role-badge--cta{background:#ff7a7a;color:#fff;text-decoration:none;display:inline-block}.role-badge--cta:hover{background:#ff5a5a}.role-badge--pending{background:#fef9c3;color:#854d0e;cursor:default;opacity:.85}.role-badge--pending:hover{transform:none;box-shadow:none}.role-badge--rejected{background:#fee2e2;color:#991b1b;text-decoration:none;display:inline-block}.role-badge--rejected:hover{background:#fecaca}.user-actions{display:flex;align-items:center;gap:1rem}.notification-btn,.profile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#ff9505;cursor:pointer;transition:all .3s ease;position:relative}.notification-btn:hover,.profile-btn:hover{background-color:rgba(255,149,5,.1);color:#ff7a00}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:white;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid white}.profile-btn{background-color:#ff9505;color:white}.profile-btn:hover{background-color:#ff7a00;color:white}.header.header--tutor-mode .nav-item{color:#64748b}.header.header--tutor-mode .nav-item:hover{background-color:rgba(59,130,246,.1);color:var(--tutor-accent-dark)}.header.header--tutor-mode .nav-item.active{color:var(--tutor-accent);background:linear-gradient(180deg,rgba(59,130,246,.14),rgba(59,130,246,.06));box-shadow:0 1px 0 rgba(37,99,235,.22)}.header.header--tutor-mode .nav-item.active .nav-icon,.header.header--tutor-mode .notification-btn{color:var(--tutor-accent)}.header.header--tutor-mode .notification-btn:hover{background-color:rgba(59,130,246,.1);color:var(--tutor-accent-dark)}.header.header--tutor-mode .profile-btn{background-color:var(--tutor-accent);color:#fff}.header.header--tutor-mode .profile-btn:hover{background-color:var(--tutor-accent-dark);color:#fff}.header.header--tutor-mode .hamburger{border-color:var(--tutor-accent);color:var(--tutor-accent)}.header.header--tutor-mode .hamburger:hover{background:rgba(59,130,246,.08)}.btn-logout{padding:8px 16px;font:600 14px DM Sans,sans-serif;color:#262528;background:transparent;border:2px solid #262528;border-radius:25px;cursor:pointer;transition:background .3s,color .3s}.btn-logout:hover{background:#262528;color:#fff}@media (max-width:950px){.header{flex-direction:column;padding:15px 20px}.navbar{flex-direction:row;margin-top:10px;gap:1rem}.nav-item{padding:6px 12px}.nav-label{font-size:10px}.navbar-tutor{margin:0;padding:0;border-radius:0}.right-block{flex-direction:row;gap:.75rem;margin-top:10px;justify-content:space-between}.auth-buttons,.user-actions{gap:.75rem}.btn-header,.btn-logout{font-size:13px;padding:6px 14px}.role-badge{font-size:11px;padding:4px 8px}.notification-btn,.profile-btn{width:35px;height:35px}}.hamburger{display:none;align-items:center;justify-content:center;padding:6px 10px;border-radius:12px;border:2px solid #ff7a7a;background:transparent;color:#ff7a7a;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.hamburger:hover{background:#fff1f1}@media (max-width:950px){.header{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:6px 16px}.hamburger{display:none}.logo{flex:none;margin-right:auto}.navbar{display:none}.logoImg{height:2.25rem}.header.is-open .navbar{display:none;flex-direction:column;gap:.5rem}.header.is-open .nav-item{padding:8px 16px;flex-direction:row;justify-content:flex-start;gap:12px}.header.is-open .nav-label{font-size:14px}.header.is-open .right-block{flex-direction:column;gap:10px;align-items:stretch;margin-top:10px}.navbar a:before{display:none}.right-block{display:flex;align-items:center;gap:8px;margin-left:auto}.user-actions{gap:8px}.btn-logout,.notification-btn{display:none}.role-badge{font-size:11px;padding:4px 8px}.profile-btn{width:34px;height:34px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(40,150,86,.1);align-items:center;justify-content:space-around;padding:8px 6px;z-index:30;box-shadow:0 -4px 24px rgba(26,60,47,.06)}.bottom-nav-student,.bottom-nav-tutor{background:linear-gradient(180deg,rgba(255,255,255,.98),#ffffff)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#262528;padding:6px 8px;border-radius:10px;min-width:64px;transition:background-color .2s,color .2s;font:600 11px DM Sans,sans-serif}.bottom-nav-item:hover{background-color:rgba(0,0,0,.04)}.bottom-nav-item.active{color:#ff7a00;background-color:rgba(255,149,5,.15)}.bottom-nav-item.active .bottom-nav-icon{color:#ff7a00}.header.header--tutor-mode .bottom-nav-item.active{color:var(--tutor-accent);background-color:rgba(59,130,246,.12)}.header.header--tutor-mode .bottom-nav-item.active .bottom-nav-icon{color:var(--tutor-accent)}.bottom-nav-icon{line-height:1}.bottom-nav-label{font-size:11px}@media (max-width:950px){.bottom-nav{display:flex}}.nav-icon-container{position:relative}.nav-badge,.nav-icon-container{display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-6px;right:-6px;background:#ff4444;color:white;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:600;min-width:18px;font-family:DM Sans,sans-serif}.bottom-nav-icon-container{position:relative}.bottom-nav-badge,.bottom-nav-icon-container{display:flex;align-items:center;justify-content:center}.bottom-nav-badge{position:absolute;top:-4px;right:-4px;background:#ff4444;color:white;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:600;min-width:16px;font-family:DM Sans,sans-serif}