.site-header{z-index:30;background:var(--background);border-bottom:1px solid #e5e7eb;width:100%;padding:6px 28px;position:relative}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex;position:relative}.logo-left{align-items:center;display:flex}.site-logo{object-fit:contain}.center-menu{white-space:nowrap;gap:40px;font-size:15px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.center-menu a{color:var(--text-secondary);text-decoration:none;transition:color .2s;position:relative}.center-menu a:after{content:"";background:var(--color-black);width:0%;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.auth-buttons{align-items:center;gap:18px;display:flex}.mobile-menu-btn{background:var(--surface-default);width:42px;height:42px;color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:20px;display:none}.icon-link{justify-content:center;align-items:center;gap:6px;display:inline-flex}.login-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:none}.signup-btn{color:var(--text-primary);font-size:14px;font-weight:700;text-decoration:none}.btn-icon{font-size:20px;display:none}.btn-text{display:inline}.login-btn:hover,.signup-btn:hover,.center-menu a:hover{opacity:.7}@media (max-width:900px){.site-header{padding:4px 16px}.header-inner{height:52px}.site-logo{width:118px;height:auto}.center-menu{display:none}.auth-buttons{gap:8px}.auth-buttons .icon-link{display:none}.mobile-menu-btn{border-radius:12px;width:42px;height:42px;font-size:20px;display:inline-flex}.btn-text{display:none}.btn-icon{font-size:18px;display:inline-block}.login-btn,.signup-btn{padding:4px;font-size:0}}@media (max-width:640px){.site-header{padding:4px 12px}.header-inner{height:48px}.site-logo{width:108px}.auth-buttons{gap:6px}.mobile-menu-btn{width:40px;height:40px;font-size:19px}.btn-icon{font-size:17px}}
.sidebar{z-index:20;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex:0 0 183px;width:183px;min-width:183px;padding:0;display:flex;position:relative;overflow:visible}.sidebarOffset{box-shadow:inset -1px 0 #eef2f7}.sidebar-title{color:var(--text-muted);border-bottom:1px solid #f1f5f9;padding:14px 14px 10px;font-size:12px}.sidebar-offsetShell{min-height:calc(100vh - 41px);position:relative}.sidebar-rootMenu{flex-direction:column;gap:0;padding:8px 0;display:flex}.nav-btn{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:#fff;border:none;border-radius:0;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:400;transition:background .15s,color .15s;display:flex}.nav-btn:hover{background:#f8fafc}.nav-btn span.icon{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.root-nav-btn.active{color:#fff;background:#2563eb}.root-nav-btn.active span.icon{color:#2563eb;background:#fff;border-color:#fff}.nav-btn .chevron{justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-levelPanel{background:#fffffff0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;width:190px;position:absolute;top:-41px;bottom:0}.sidebar-midPanel{left:100%}.sidebar-leafPanel{border-left:none;left:calc(100% + 190px)}.sidebar-levelBody{flex-direction:column;gap:0;padding:50px 0 10px;display:flex}.sidebar-midButton{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:#fff;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:400;transition:background .15s,color .15s;display:flex}.sidebar-midButton:hover{background:#f8fafc}.sidebar-midButton.active{color:#2563eb;background:#fff;font-weight:700}.sidebar-midLabel{align-items:center;display:inline-flex}.sidebar-leafLink{color:#111827;background:#fff;border:none;padding:10px 20px;font-size:13px;line-height:1.5;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar-leafLink:hover{color:#2563eb;background:#f8fafc}.sidebar-leafLink.active{color:#2563eb;font-weight:700}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-layout{flex:1;display:flex}.app-layout.noSidebar{display:block}.app-main{width:100%;min-width:0;max-width:calc(var(--app-page-max-width) + (var(--app-page-gutter)*2));padding:24px var(--app-page-gutter);flex:1;margin:0 auto}.app-main--full{max-width:none;margin:0;padding:0}@media (max-width:1024px){.sidebar{flex:0 0 84px;width:84px;min-width:84px}.sidebar-title{display:none}.nav-btn{justify-content:center;gap:0;padding:10px}.nav-btn>span:not(.icon):not(.chevron),.nav-btn .chevron{display:none}.nav-btn span.icon{width:36px;height:36px}.sidebar-midPanel{width:220px;left:100%}.sidebar-leafPanel{width:200px;left:calc(100% + 220px)}}@media (max-width:768px){.sidebar{display:none}.app-main{padding:8px var(--app-page-gutter)}}
.site-footer{background:var(--color-gray);border-top:1px solid #e5e7eb;width:100%;padding:6px 28px 0}.footer-inner{width:100%;height:48px;position:relative}.footer-left{position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-logo{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none}.footer-center{gap:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.footer-center a{color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.footer-center a:hover{color:var(--text-muted)}.policy-icon{display:none}.contact-label{color:var(--text-muted);font-size:14px;font-weight:500}.icon-btn{border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icon{font-size:14px}.google{color:var(--text-link)}.github{color:var(--text-primary)}.icon-btn:hover{border-color:#d1d5db;transform:translateY(-1px)scale(1.05)}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #e5e7eb;margin-top:6px;padding:10px 0;font-size:12px}.footer-right{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}@media (max-width:768px){.footer-center{gap:8px}.footer-center a{background:0 0;border:0;border-radius:0;width:28px;height:28px}.policy-text{display:none}.policy-icon{font-size:14px;display:block}}