*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.app-container{display:flex;min-height:100vh;flex-direction:row;width:100%;font-family:Inter,system-ui,sans-serif}.app-sidebar{width:280px;border-right:1px solid #e0e0e0;background:#f9fafb;padding:24px 16px;display:flex;flex-direction:column;gap:24px;max-height:100vh;height:100vh;overflow-y:auto;flex-shrink:0}.app-logo-section{display:flex;align-items:center;gap:12px;margin:0 0 16px 8px}.app-logo{width:32px;height:32px}.app-title{font-size:1.25rem;font-weight:800;color:#4f46e5;margin:0;display:flex;align-items:center;gap:8px}.app-version{font-size:.65rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;vertical-align:middle}.sidebar-category-title{font-size:.75rem;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em;margin:0 0 8px 12px}.sidebar-nav-group{display:flex;flex-direction:column;gap:2px}.sidebar-nav-button{padding:8px 12px;text-align:left;background:transparent;color:#4b5563;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .15s}.sidebar-nav-button:hover{background:#f3f4f6;color:#111827}.sidebar-nav-button--active{background:#e0e7ff;color:#4338ca;font-weight:600}.app-main-content{overflow:auto;background:#fff;flex:1;max-height:100vh;height:100vh}.demo-skeleton-container{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:12px;color:#888;font-family:Inter,system-ui,sans-serif}.demo-skeleton-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:ogx-spin .7s linear infinite}.demo-skeleton-text{font-size:.85rem}@keyframes ogx-spin{to{transform:rotate(360deg)}}