.navigation{background-color:#f3e8ff;border-bottom:1px solid #e5e7eb;padding:0;position:relative;z-index:1000}.nav-container{margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-menu-section{flex-shrink:0;display:flex;align-items:center}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;color:#1f2937;border:1px solid #1f2937;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.dropdown-trigger:hover{background-color:#e5e7eb}.dropdown-trigger:focus{outline:none;box-shadow:0 0 0 2px rgba(31,41,55,.2)}.menu-text{font-weight:500}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-top:4px;overflow:hidden;z-index:50}.dropdown-item{display:block;padding:12px 16px;color:#1f2937;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f3e8ff;color:#7c3aed}.mobile-toggle{display:none;align-items:center;justify-content:center;padding:8px;background:none;border:1px solid #1f2937;border-radius:4px;color:#1f2937;cursor:pointer;transition:all .2s}.mobile-toggle:hover{background-color:#e5e7eb}.nav-brand{position:absolute;left:50%;transform:translateX(-50%);flex-shrink:0}.brand-link{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;color:#1f2937;text-decoration:none;transition:all .2s;padding:4px 8px;border-radius:6px}.brand-link:hover{background-color:rgba(31,41,55,.05);transform:scale(1.02)}.nav-user{gap:12px;flex-shrink:0}.nav-user,.user-info{display:flex;align-items:center}.user-info{gap:8px;color:#1f2937;font-size:14px}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-email{font-weight:500;font-size:13px}.user-role{font-size:11px;color:#6b7280;font-weight:400}.logout-button{padding:6px 12px;background-color:#dc2626;color:white;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.logout-button:hover{background-color:#b91c1c;transform:translateY(-1px)}.logout-button:focus{outline:none;box-shadow:0 0 0 2px rgba(220,38,38,.3)}.mobile-menu{display:none;background-color:#f3e8ff;border-top:1px solid #e5e7eb;padding:16px 0}.mobile-menu-items{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:8px}.mobile-menu-item{display:block;padding:12px 16px;color:#1f2937;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.mobile-menu-item:hover{background-color:#e5e7eb;color:#7c3aed}@media (max-width:768px){.nav-container{padding:0 16px;position:relative}.nav-dropdown{display:none}.mobile-toggle{display:flex}.mobile-menu{display:block}.nav-brand{position:static;transform:none;order:1;flex:1 1;justify-content:center}.nav-menu-section{order:0}.nav-user{order:2;flex-direction:column;gap:4px}.nav-user,.user-details{align-items:flex-end}.user-email{font-size:11px}.user-role{font-size:9px}.logout-button{padding:4px 8px;font-size:12px}.brand-link{font-size:20px;gap:6px}}@media (max-width:480px){.nav-container{padding:0 12px;height:56px}.brand-link{font-size:18px;gap:4px}.user-info{gap:4px}.logout-button{padding:3px 6px;font-size:11px}.dropdown-trigger{padding:6px 8px;font-size:13px}.mobile-toggle{padding:6px}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#333;background-color:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-block}.btn-primary{background-color:#2563eb;color:white}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#6b7280;color:white}.btn-secondary:hover{background-color:#4b5563}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-weight:500;color:#374151}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}