*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:#0e1b2e;background:#f7f9fc;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#cfe4f6}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6dce6;border-radius:3px}.app-topbar,.sidebar-backdrop,.sidebar-close-btn{display:none}@media (max-width: 860px){.app-topbar{display:flex;align-items:center;gap:14px;height:54px;padding:0 16px;background:#fff;border-bottom:1px solid #f0f2f6;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:210;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0);box-shadow:8px 0 28px #0e1b2e2e}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b2e73;z-index:200}.sidebar-close-btn{display:flex}}.view-scroll{padding:28px 32px}.view-scroll-compact{padding:22px}@media (max-width: 640px){.view-scroll,.view-scroll-compact{padding:16px}}.category-tree-select{min-width:260px}@media (max-width: 480px){.category-tree-select{min-width:0}}.two-col-layout .side-panel{width:280px;flex-shrink:0}@media (max-width: 860px){.two-col-layout{flex-direction:column}.two-col-layout .side-panel{width:100%}}