:root{--sidebar-transition:.32s cubic-bezier(.4,0,.2,1);--sidebar-collapsed-w:60px;--sidebar-expanded-w:192px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background-color .3s;overflow:hidden}.app-shell{width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-collapsed-w);z-index:100;height:100vh;transition:width var(--sidebar-transition);-webkit-backdrop-filter:blur(48px)saturate(2);background:#d2d2d78c;border-right:.5px solid #ffffff80;flex-direction:column;flex-shrink:0;padding:12px 8px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset -1px 0 #ffffff4d}.sidebar.expanded{width:var(--sidebar-expanded-w)}.sidebar.dark{background:#3c3c4199;border-right-color:#ffffff2e;box-shadow:inset -1px 0 #ffffff14}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;margin-bottom:16px;display:flex}.sidebar-logo-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .15s;display:flex}.sidebar-logo-btn:hover{opacity:.7}.sidebar-collapse-btn{color:inherit;cursor:pointer;opacity:0;width:0;transition:opacity var(--sidebar-transition),width var(--sidebar-transition);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.sidebar-collapse-btn:hover{background:#80808026}.sidebar.expanded .sidebar-collapse-btn{opacity:1;width:28px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;width:100%;display:flex;position:relative}.sidebar-pill{pointer-events:none;z-index:0;height:44px;transition:transform var(--sidebar-transition);background:#fff9;border:.5px solid #ffffffd9;border-radius:12px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000f}.sidebar-pill.dark{background:#78788273;border-color:#ffffff38;box-shadow:0 1px 4px #0003}.sidebar-item{z-index:1;cursor:pointer;height:44px;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:0 10px;text-decoration:none;transition:opacity .15s;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{opacity:.75}.sidebar-item:active{opacity:.55}.sidebar-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:color .2s;display:flex}.sidebar-item.active .sidebar-icon{color:#ff2d55}.sidebar.dark .sidebar-icon{color:#9e9ea3}.sidebar.dark .sidebar-item.active .sidebar-icon{color:#ff375f}.sidebar-label{color:#555;opacity:0;max-width:0;transition:opacity var(--sidebar-transition),max-width var(--sidebar-transition);font-size:14px;font-weight:500;overflow:hidden}.sidebar.expanded .sidebar-label{opacity:1;max-width:120px}.sidebar-item.active .sidebar-label{color:#ff2d55;font-weight:700}.sidebar.dark .sidebar-label{color:#b0b0b5}.sidebar.dark .sidebar-item.active .sidebar-label{color:#ff375f}.sidebar-footer{border-top:.5px solid #80808033;flex-direction:column;flex-shrink:0;gap:4px;margin-top:8px;padding-top:8px;display:flex}.sidebar-footer-item{cursor:pointer;height:44px;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:0 10px;text-decoration:none;transition:opacity .15s;display:flex;overflow:hidden}.sidebar-footer-item:hover{opacity:.75}.sidebar-footer-item:active{opacity:.55}button.sidebar-footer-item{font:inherit;text-align:left;background:0 0;border:none;outline:none;width:100%}.sidebar-avatar{background:#80808026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar.dark .sidebar-avatar{background:#c8c8c81f}.sidebar-footer-item .sidebar-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar.dark .sidebar-footer-item .sidebar-icon{color:#9e9ea3}.sidebar-footer-item.active .sidebar-icon{color:#ff2d55}.sidebar.dark .sidebar-footer-item.active .sidebar-icon{color:#ff375f}.sidebar-footer-item.active .sidebar-label{color:#ff2d55;font-weight:700}.sidebar.dark .sidebar-footer-item.active .sidebar-label{color:#ff375f}.main-content{flex:1;justify-content:center;align-items:flex-start;height:100vh;display:flex;position:relative;overflow:hidden auto}.main-content>*{width:100%;max-width:100%}