*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;line-height:1.5;color:#1f2937;background-color:#f8fafc}body{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-x:hidden}.right-deco{pointer-events:none;position:absolute;top:63px;right:0;z-index:1}.left-decoration{pointer-events:none;position:absolute;bottom:-2rem;left:0;z-index:0}.main{flex:1;width:100%;padding:0 0 2rem;position:relative}.header{background:#fff;border-bottom:1px solid #e5e7eb;width:100%;position:relative;z-index:10}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.header-logo{width:24px;height:24px}.header-title{font-size:1.25rem;font-weight:600;color:#1f2937;letter-spacing:-1px}.user-dropdown{position:relative;cursor:pointer}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;transition:background-color .2s ease}.user-info:hover{background-color:#f3f4f6}.user-details{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-size:.875rem;color:#1f2937;font-weight:600;line-height:1.2}.user-role{font-size:.75rem;color:#6b7280;font-weight:500;line-height:1.2}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.user-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:.5rem;min-width:120px;z-index:50;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.user-dropdown.active .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.signout-link{display:block;font-size:.875rem;color:#dc2626;text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:.375rem;transition:background-color .2s ease;text-align:center}.signout-link:hover{background-color:#fef2f2}.edit-profile-link{display:block;font-size:.875rem;color:#06c;text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:.375rem;transition:background-color .2s ease;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:4px}.edit-profile-link:hover{background-color:#eff6ff}.flash-message{display:flex;align-items:center;gap:.5rem;max-width:600px;margin:1rem auto 0;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.flash-success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.flash-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.flash-icon{font-weight:bold;font-size:1rem}.footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:auto;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#6b7280;font-size:.875rem;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:#374151}@media(max-width: 768px){.header-content{padding:1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.header-title{font-size:1.125rem}.user-info{gap:.5rem}.user-name{font-size:.8125rem}.user-role{font-size:.6875rem}.signout-link{font-size:.8125rem;padding:.375rem .625rem}.main{padding:0 0 1rem}.footer-content{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.footer-links{gap:1.5rem}.flash-message{margin:1rem 1rem 0}.right-deco,.left-decoration{display:none}}