:root{--color-dark: #03045e;--color-primary: #0077b6;--color-accent: #00b4d8;--color-light: #90e0ef;--color-bg: #caf0f8;--color-white: #ffffff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color:var(--color-dark);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip}#root{min-height:100vh}a{font-weight:500;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}button,input{font-family:inherit}.page h1{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin:0 0 .25rem}.page .page-subtitle{color:var(--color-primary);font-size:.95rem;margin:0 0 1.5rem}.articles-page h1,.events-page h1{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;color:var(--color-dark);margin:0 0 .35rem;line-height:1.2}.articles-page .page-subtitle,.events-page .page-subtitle{color:var(--color-primary);font-size:clamp(.875rem,2.8vw,.95rem);margin:0 0 1.25rem;line-height:1.45;max-width:65ch}@media(max-width:480px){.articles-page .page-subtitle,.events-page .page-subtitle{margin-bottom:1rem}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--color-bg)}.loading-screen p{font-size:.95rem;color:var(--color-primary);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-white);border-right:1px solid var(--color-light);flex-shrink:0}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-light);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{font-weight:700;font-size:1.1rem;color:var(--color-dark)}.sidebar-close{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary);min-width:44px;min-height:44px;padding:0;line-height:1;border-radius:8px}.sidebar-nav{padding:.75rem 0}.nav-link{display:flex;align-items:center;padding:.65rem 1.25rem;min-height:44px;color:var(--color-primary);text-decoration:none;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-bg);color:var(--color-accent)}.nav-link.active{background:var(--color-bg);color:var(--color-dark);font-weight:600;border-right:3px solid var(--color-accent)}.main-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.main-header{display:flex;align-items:center;justify-content:space-between;padding:max(.5rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) .5rem max(1rem,env(safe-area-inset-left,0px));background:var(--color-white);border-bottom:1px solid var(--color-light);flex-shrink:0}.menu-toggle{display:none;background:none;border:none;font-size:1.35rem;cursor:pointer;color:var(--color-primary);min-width:44px;min-height:44px;padding:0;border-radius:8px;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;gap:1rem}.user-name{font-size:.9rem;color:var(--color-dark)}.logout-btn{padding:.45rem 1rem;min-height:44px;font-size:.875rem;font-weight:600;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:6px;cursor:pointer;transition:all .15s}.logout-btn:hover{background:var(--color-primary);color:var(--color-white)}.main-content{flex:1;padding:1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));padding-left:max(1.25rem,env(safe-area-inset-left,0px));padding-right:max(1.25rem,env(safe-area-inset-right,0px));overflow:auto}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.menu-toggle{display:inline-flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#03045e4d;z-index:99}.user-name{display:none}.main-content{padding:1rem}}