@layer reset,base,tokens,recipes,utilities;.main-content{padding:16px}@media (min-width:1024px){.main-content{padding:24px 32px}}
:root{--sidebar-width:48px;--bg-main:#fff;--text-main:#000;--border-light:#eee;--hover-gray:#f8f8f8}#sidebar.only-desktop.expanded{--sidebar-width:180px}.app-container{width:100%;min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);background-color:#fff;flex:1;transition:margin-left .3s}#sidebar.only-desktop{width:var(--sidebar-width);background:var(--bg-main);border-right:1px solid var(--border-light);z-index:1100;transition:width .3s;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.pc-nav{overflow-x:hidden}.pc-nav .mini-list{padding:8px 0}.pc-nav .mini-link{justify-content:flex-start;align-items:center;padding:0 12px;display:flex}.pc-nav .mini-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:22px;display:flex}.pc-nav .menu-txt{white-space:nowrap;opacity:0;width:0;margin-left:12px;transition:opacity .2s,width .2s;overflow:hidden}#sidebar.expanded .pc-nav .menu-txt{opacity:1;width:auto}.openmenu.mini-link{justify-content:flex-start;align-items:center;height:48px;padding:0 12px;display:flex}.openmenu .mini-icon{flex-shrink:0;font-size:22px}.openmenu .menu-txt{white-space:nowrap;opacity:0;width:0;margin-left:12px;font-weight:700;transition:opacity .2s,width .2s;overflow:hidden}#sidebar.expanded .openmenu .menu-txt{opacity:1;width:auto}.mobile-header{background:var(--bg-main);border-bottom:1px solid var(--border-light);z-index:1000;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.mobile-header .icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.mobile-header .icon-btn:hover{background-color:var(--hover-gray)}.mobile-header .icon-btn .material-symbols-rounded{color:var(--text-main);font-size:22px}.header-logo{letter-spacing:-.3px;color:var(--text-main);font-size:16px;font-weight:600}.mobile-header{flex-flow:row!important;align-items:center!important;display:flex!important}.mobile-header .header-logo{white-space:nowrap;align-items:center;min-width:0;display:inline-flex!important}.mobile-header .icon-btn{flex:none}.backdrop{z-index:1200;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.backdrop.is-open{opacity:1;visibility:visible}.drawer{background:var(--bg-main);z-index:1300;width:260px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.drawer.is-open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.drawer-header button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.drawer-header button:hover{background-color:var(--hover-gray)}.drawer-header button .material-symbols-rounded{color:var(--text-main);font-size:22px}.mini-list{margin:0;padding:8px 0;list-style:none}.mini-item{margin:0;padding:0}.mini-link{height:48px;color:var(--text-main);cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:inherit;box-sizing:border-box;background:0 0;border:none;align-items:center;padding:0 16px;text-decoration:none;transition:background-color .2s;display:flex}.mini-link:hover{background-color:var(--hover-gray)}.mini-item.active .mini-link{background-color:var(--hover-gray);font-weight:600}.mini-icon{flex-shrink:0;margin-right:12px;font-size:24px}.menu-txt{font-size:14px;line-height:1}.menu-line{background:var(--border-light);height:1px;margin:8px 16px}.only-mobile{display:block}.only-desktop{display:none}@media (min-width:1024px){.only-mobile{display:none!important}.only-desktop{display:block}}@media (max-width:1023px){.main-content{padding-top:48px;margin-left:0!important}}