:root{--bg: #0f1115;--surface: #171a21;--sidebar: #12141a;--border: #262a33;--text: #e6e8ec;--text-muted: #9aa0ab;--accent: #5b8cff;--sidebar-width: 280px;--sidebar-width-collapsed: 72px;--content-pad-x: 32px;--content-pad-y: 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--sidebar: #ffffff;--border: #e3e6ea;--text: #1b1f27;--text-muted: #5b626d;--accent: #2f6fed}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden;transition:background-color .2s ease,color .2s ease}a{color:var(--accent)}.layout{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;transition:width .18s ease}.layout.collapsed .sidebar{width:var(--sidebar-width-collapsed);padding-left:12px;padding-right:12px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 20px;margin-bottom:12px;border-bottom:1px solid var(--border)}.layout.collapsed .sidebar-top{flex-direction:column;gap:14px;padding:0 0 16px}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.sidebar-name{font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-toggle:hover{background:#ffffff0a;color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:background .15s ease,color .15s ease}.layout.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar-link-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link:hover{background:#ffffff0a;color:var(--text)}.sidebar-link.active{background:#5b8cff24;color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:16px;display:flex}.layout.collapsed .sidebar-footer{justify-content:center}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle:hover{background:#7f7f7f1f;color:var(--text)}.content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.content-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px var(--content-pad-x);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.app-footer p{margin:0}.app-footer-social{display:flex;align-items:center;gap:14px}.footer-social-link{display:inline-flex;color:var(--text-muted);transition:color .15s ease}.footer-social-link:hover{color:var(--text)}.page{flex:1;display:flex;flex-direction:column;min-height:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h1{margin:0;font-size:1.5rem}.button{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-size:.9rem;font-weight:500}.button:hover{filter:brightness(1.08)}.home-page{position:relative;overflow:hidden}.home-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#0b0e13}.home-backdrop:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:url(/forest-bg.jpg) center / cover no-repeat;transform-origin:center;animation:home-drift 36s ease-in-out infinite alternate}.home-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a0eb8,#080a0e80 45%,#080a0ed1)}@keyframes home-drift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.16) translate3d(0,-3%,0)}}@media (prefers-reduced-motion: reduce){.home-backdrop:before{animation:none;transform:scale(1.06)}}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:clamp(48px,14vh,160px) clamp(20px,5vw,40px) 56px}.home-eyebrow{margin:0;color:var(--accent);font-weight:600;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.home-title{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;max-width:22ch;color:#f4f6f8;text-shadow:0 2px 24px rgba(0,0,0,.55)}.home-subtitle{margin:0;color:#ffffffd1;font-size:clamp(1rem,2.5vw,1.3rem);max-width:40ch;text-shadow:0 1px 16px rgba(0,0,0,.5)}@media (max-width: 640px){:root{--content-pad-x: 16px}.layout,.layout.collapsed{flex-direction:column}.sidebar,.layout.collapsed .sidebar{width:100%;flex-direction:row;align-items:center;gap:12px;padding:10px 16px;border-right:none;border-bottom:1px solid var(--border)}.sidebar-top,.layout.collapsed .sidebar-top{flex-direction:row;gap:10px;padding:0;margin:0;border:none}.sidebar-toggle,.sidebar-name{display:none}.sidebar-nav{flex-direction:row;margin-left:auto}.sidebar-footer,.layout.collapsed .sidebar-footer{margin:0;padding:0}}