*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:#f6f3ec}.app-shell{display:flex;min-height:100vh;background:#f6f3ec;font-family:Inter,sans-serif;position:relative}.main-content{flex:1;padding:28px 34px;overflow-x:auto;min-width:0}.sidebar{width:250px;background:#1e2a38;color:#fff;padding:22px 14px;flex-shrink:0;overflow-y:auto}.sidebar-backdrop,.mobile-topbar,.menu-toggle-btn{display:none}@media (max-width: 1024px){.sidebar{width:210px}.main-content{padding:22px 20px}}@media (max-width: 768px){.app-shell{display:block}.mobile-topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;height:56px;background:#1e2a38;color:#fff;padding:0 14px;z-index:25}.menu-toggle-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:8px;width:36px;height:36px;color:#fff;cursor:pointer;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:80vw;max-width:280px;transform:translate(-100%);transition:transform .25s ease;box-shadow:6px 0 24px #0000004d;z-index:40;padding-top:22px}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121873;z-index:35}.main-content{padding:72px 16px 16px}}.responsive-board{display:grid;gap:12px}@media (max-width: 900px){.responsive-board{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.responsive-board>*{scroll-snap-align:start}}@media (max-width: 480px){.responsive-board{grid-auto-columns:88%}}.page-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:4px}.wrap-row{display:flex;gap:8px;flex-wrap:wrap}