*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Segoe UI Web,sans-serif;font-size:14px;color:#242424;background:#fff}.app{display:flex;flex-direction:column;height:100vh}.topbar{height:48px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#0f548c;color:#fff;flex-shrink:0}.topbar .title{font-size:16px;font-weight:600;white-space:nowrap}.topbar .search{margin-left:24px;width:420px;max-width:40vw;height:32px;border:0;border-radius:4px;padding:0 12px;font:inherit}.layout{display:flex;flex:1;min-height:0}.sidebar{width:280px;flex-shrink:0;background:#fafafa;border-right:1px solid #e0e0e0;padding:8px 0;overflow-y:auto}.sidebar button{display:flex;align-items:center;width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;position:relative}.sidebar button:hover{background:#ebebeb}.main-item{height:40px;padding:0 16px;gap:12px}.main-item .label{flex:1}.chevron{transition:transform .15s}.chevron.up{transform:rotate(180deg)}.sub-item{height:36px;padding:0 16px 0 48px}.sidebar button.active{background:#ebebeb;font-weight:600}.sidebar button.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:#0f6cbd}.content{flex:1;padding:24px 32px;overflow:auto}.content h2{margin:0 0 8px;font-size:28px;font-weight:600}.content h3{margin:0;font-size:20px;font-weight:400;color:#424242}