:root{--sidebar-width:290px;--sidebar-bg:#fbfbfb;--content-bg:#f3f3f3;--border:#00000014;--text:#1c1c1e;--muted:#6e6e73;--hover:#0000000a;--active:#0a64ff1a;--accent:#0a64ff;font-family:Segoe UI Variable,Segoe UI,sans-serif}body{color:var(--text);background:radial-gradient(circle at 0 0,#78aaff2e,#0000 35%),radial-gradient(circle at 100% 0,#b4d2ff29,#0000 30%),linear-gradient(#f6f8fc,#eef2f8);margin:0;overflow:hidden}*{box-sizing:border-box}.shell{background:var(--content-bg);height:100vh;display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#fcfdffd1,#f5f8ffb8);border-right:1px solid #ffffff8c;flex-direction:column;transition:width .18s;display:flex;box-shadow:inset -1px 0 #ffffff73}.sidebar-header{border-bottom:1px solid var(--border);padding:22px 20px}.sidebar-title{color:var(--text);font-size:1.05rem;font-weight:600}.sidebar-subtitle{color:var(--muted);margin-top:4px;font-size:.78rem}.sidebar-scroll{flex:1;padding:10px;overflow-y:auto}.sidebar-item{cursor:pointer;height:40px;color:var(--text);border-radius:10px;align-items:center;padding:0 14px;transition:background .12s;display:flex}.sidebar-item:hover{background:var(--hover)}.sidebar-item.active{background:var(--active);color:var(--accent);font-weight:600}.sidebar-children{margin-bottom:6px;margin-left:18px}.sidebar-child{cursor:pointer;height:34px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;display:flex}.sidebar-child:hover{background:var(--hover)}.sidebar-child.active{background:var(--active);color:var(--accent);font-weight:600}.sidebar-toggle{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-toggle:hover{background:#0000000d}.content-area{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;align-items:center;height:58px;padding:0 20px;display:flex}.topbar-title{color:var(--text);font-size:1rem;font-weight:600}.content-frame{flex:1;padding:24px;overflow:auto}.topbar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#ffffff85,#ffffff61);border-bottom:1px solid #ffffffb3;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.command-search{color:#6e6e73;background:#ffffffb8;border:1px solid #ffffffd1;border-radius:12px;align-items:center;gap:10px;width:340px;height:40px;padding:0 14px;display:flex;box-shadow:0 2px 10px #0000000a}.command-search input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-icon{color:#3a3a3c;background:#ffffff9e;border:1px solid #ffffffd1;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.workspace-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#ffffffd1,#fafcffbd);border:1px solid #ffffffe6;border-radius:22px;padding:24px;box-shadow:0 1px 2px #00000008,0 12px 40px #465a8c14}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-children,.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-subtitle{display:none}.sidebar.collapsed .sidebar-item{justify-content:center}.sidebar.collapsed{width:72px}